/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */

import {
    HoistModel,
    Persistable,
    PersistableState,
    PersistenceProvider,
    persistOptions,
    PersistOptions,
    RenderMode
} from '@xh/hoist/core';
import {makeObservable} from '@xh/hoist/mobx';
import {throwIf} from '@xh/hoist/utils/js';
import {isNil} from 'lodash';
import {action, observable} from 'mobx';

/**
 * Configuration for a {@link CardModel}. A CardModel is created automatically by {@link Card}
 * when not provided explicitly - pass a config via the Card's `model` prop to customize.
 *
 * @see CardModel
 * @see Card
 */
export interface CardModelConfig {
    /** Can card be collapsed? */
    collapsible?: boolean;

    /** Default collapsed state. */
    defaultCollapsed?: boolean;

    /** How should collapsed content be rendered? */
    renderMode?: RenderMode;

    /** Options governing persistence. */
    persistWith?: PersistOptions;
}

export interface CardPersistState {
    collapsed?: boolean;
}

/**
 * Model for a {@link Card} - manages collapsible state and render mode for the Card's content.
 * Created automatically by Card when not provided - pass via the Card's `model` prop to
 * customize collapsibility, default state, or persistence.
 *
 * Also serves as the base class for {@link FormFieldSetModel}.
 *
 * @see CardModelConfig
 * @see Card
 */
export class CardModel extends HoistModel implements Persistable<CardPersistState> {
    declare config: CardModelConfig;

    //-----------------------
    // Immutable Properties
    //-----------------------
    readonly collapsible: boolean;
    readonly defaultCollapsed: boolean;
    readonly renderMode: RenderMode;

    //---------------------
    // Observable State
    //---------------------
    @observable
    collapsed: boolean = false;

    constructor({
        collapsible = false,
        defaultCollapsed = false,
        renderMode = 'unmountOnHide',
        persistWith = null
    }: CardModelConfig = {}) {
        super();
        makeObservable(this);

        this.collapsible = collapsible;
        this.collapsed = this.defaultCollapsed = collapsible && defaultCollapsed;
        this.renderMode = renderMode;

        if (persistWith) {
            PersistenceProvider.create({
                persistOptions: persistOptions({path: 'card'}, persistWith),
                target: this
            });
        }
    }

    //----------------------
    // Actions + public setters
    //----------------------
    @action
    setCollapsed(collapsed: boolean) {
        throwIf(collapsed && !this.collapsible, 'Card does not support collapsing.');
        this.collapsed = collapsed;
    }

    //---------------------
    // Persistable Interface
    //---------------------
    getPersistableState(): PersistableState<CardPersistState> {
        const ret: CardPersistState = {};
        if (this.collapsible) ret.collapsed = this.collapsed;
        return new PersistableState(ret);
    }

    setPersistableState(state: PersistableState<CardPersistState>) {
        const {collapsed} = state.value;
        if (this.collapsible && !isNil(collapsed)) this.collapsed = collapsed;
    }
}