/*
 * 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 {div} from '@xh/hoist/cmp/layout';
import {hoistCmp, HoistProps, HoistUser, MenuItemLike, XH} from '@xh/hoist/core';
import {ButtonProps, button} from '@xh/hoist/desktop/cmp/button';
import '@xh/hoist/desktop/register';
import {Icon} from '@xh/hoist/icon';
import {menu, popover} from '@xh/hoist/kit/blueprint';
import {parseMenuItems} from '@xh/hoist/utils/impl';
import {withDefault} from '@xh/hoist/utils/js';
import {isFunction} from 'lodash';
import {ReactNode} from 'react';

export interface AppMenuButtonProps extends ButtonProps {
    /**
     * Array of extra menu items. Can contain:
     *  + `MenuItems` or configs to create them.
     *  + `MenuDividers` or the special string token '-'.
     *  + React Elements or strings, which will be interpreted as the `text` property for a MenuItem.
     */
    extraItems?: MenuItemLike[];

    /** True to hide the About button */
    hideAboutItem?: boolean;

    /** True to hide the Admin Item. Always hidden for users w/o HOIST_ADMIN role. */
    hideAdminItem?: boolean;

    /**
     * True to hide the Changelog (release notes) item.
     * Always hidden when ChangelogService not enabled / populated.
     */
    hideChangelogItem?: boolean;

    /** True to hide the Feedback Item. */
    hideFeedbackItem?: boolean;

    /**
     * True to hide the Impersonate Item.
     * Always hidden for users w/o HOIST_ADMIN role or if impersonation is disabled.
     */
    hideImpersonateItem?: boolean;

    /** True to hide the Logout button. Defaulted to !appSpec.enableLogout. */
    hideLogoutItem?: boolean;

    /** True to hide the Options button. */
    hideOptionsItem?: boolean;

    /** True to hide the Theme Toggle button. */
    hideThemeItem?: boolean;

    /**
     * Replace the default hamburger icon with a user profile representation. Set to true to render
     * the user's initials from their `HoistUser.displayName`. Alternately, provide a custom
     * function to render an alternate compact string or element for the current user.
     */
    renderWithUserProfile?: boolean | RenderWithUserProfileCustomFn;
}

type RenderWithUserProfileCustomFn = (user: HoistUser) => ReactNode;

/**
 * Application-level menu button rendered in the AppBar. Provides a dropdown menu with standard
 * items for About, Admin, Feedback, Options, Theme, Impersonation, Changelog, and Logout.
 * Individual items can be hidden via props, and custom items added via `extraItems`.
 */
export const [AppMenuButton, appMenuButton] = hoistCmp.withFactory<AppMenuButtonProps>({
    displayName: 'AppMenuButton',
    model: false,
    className: 'xh-app-menu-button',

    render(props) {
        const {
            className,
            extraItems,
            hideAboutItem,
            hideAdminItem,
            hideChangelogItem,
            hideFeedbackItem,
            hideImpersonateItem,
            hideLogoutItem,
            hideOptionsItem,
            hideThemeItem,
            disabled,
            renderWithUserProfile,
            ...rest
        } = props;

        return popover({
            className,
            disabled,
            position: 'bottom-right',
            minimal: true,
            item: button({
                icon: renderWithUserProfile ? null : Icon.menu(),
                text: renderWithUserProfile ? userProfile({renderWithUserProfile}) : null,
                disabled,
                ...rest
            }),
            popoverClassName: 'xh-app-menu-popover',
            content: menu({
                className: 'xh-app-menu',
                items: buildMenuItems(props)
            })
        });
    }
});

//---------------------------
// Implementation
//---------------------------
const userProfile = hoistCmp.factory<
    HoistProps & {renderWithUserProfile: true | RenderWithUserProfileCustomFn}
>({
    model: false,
    render({renderWithUserProfile}) {
        return div({
            className: 'xh-app-menu-button__user-profile',
            item: isFunction(renderWithUserProfile)
                ? renderWithUserProfile(XH.getUser())
                : XH.getUserInitials()
        });
    }
});

function buildMenuItems(props: AppMenuButtonProps) {
    let {
        hideAboutItem,
        hideAdminItem,
        hideChangelogItem,
        hideFeedbackItem,
        hideImpersonateItem,
        hideLogoutItem,
        hideOptionsItem,
        hideThemeItem,
        extraItems = []
    } = props;

    hideAboutItem = hideAboutItem || !XH.appContainerModel.hasAboutDialog();
    hideAdminItem = hideAdminItem || !XH.getUser().isHoistAdminReader;
    hideChangelogItem = hideChangelogItem || !XH.changelogService.enabled;
    hideImpersonateItem = hideImpersonateItem || !XH.identityService.canImpersonate;
    hideLogoutItem = withDefault(hideLogoutItem, !XH.appSpec.enableLogout);
    hideOptionsItem = hideOptionsItem || !XH.appContainerModel.optionsDialogModel.hasOptions;

    const defaultItems: MenuItemLike[] = [
        {
            omit: hideOptionsItem,
            text: 'Options',
            icon: Icon.options(),
            actionFn: () => XH.showOptionsDialog()
        },
        {
            omit: hideFeedbackItem,
            text: 'Feedback',
            icon: Icon.comment({className: 'fa-flip-horizontal'}),
            actionFn: () => XH.showFeedbackDialog()
        },
        {
            omit: hideThemeItem,
            text: XH.darkTheme ? 'Light Theme' : 'Dark Theme',
            icon: XH.darkTheme ? Icon.sun({prefix: 'fas'}) : Icon.moon(),
            actionFn: () => XH.toggleTheme()
        },
        '-',
        {
            omit: hideAdminItem,
            text: 'Admin',
            icon: Icon.wrench(),
            actionFn: () => XH.appContainerModel.openAdmin()
        },
        {
            omit: hideImpersonateItem,
            text: 'Impersonate',
            icon: Icon.impersonate(),
            actionFn: () => XH.showImpersonationBar()
        },
        '-',
        {
            omit: hideChangelogItem,
            text: 'Release Notes',
            icon: Icon.gift(),
            actionFn: () => XH.showChangelog()
        },
        {
            omit: hideAboutItem,
            text: `About ${XH.clientAppName}`,
            icon: Icon.info(),
            actionFn: () => XH.showAboutDialog()
        },
        '-',
        {
            omit: hideLogoutItem,
            text: 'Logout',
            icon: Icon.logout(),
            intent: 'danger',
            actionFn: () => XH.logoutAsync()
        }
    ];

    return parseMenuItems([...extraItems, '-', ...defaultItems]);
}