@antscorp/antsomi-ui 1.3.5-beta.52 → 1.3.5-beta.521

package/es/components/organism/LeftMenu/hooks/usePermission.js

@@ -0,0 +1,164 @@
+// Libraries
+import { useEffect, useMemo } from 'react';
+import { sortBy, uniqBy } from 'lodash';
+// Queries
+import { useGetDashboard, useGetDestinationChannel, useGetListMenu, useGetListMenuPermission, } from '@antscorp/antsomi-ui/es/queries/LeftMenu';
+// Stores
+import { useLeftMenuContext } from '../contexts';
+// Constants
+import { CDP_API, PERMISSION_API, POST_MESSAGE_TYPES } from '@antscorp/antsomi-ui/es/constants';
+// Utils
+import { findLastMatchedItemByUrl, findPathOfActiveItem, flattenMenuArray, getMappingAppChildren, recursivePermissionMenu, } from '../utils';
+export const usePermission = () => {
+    const appConfig = useLeftMenuContext(store => store.appConfig);
+    const isCustomized = useLeftMenuContext(store => store.isCustomized);
+    const isRecommendation = useLeftMenuContext(store => store.isRecommendation);
+    const setLeftMenuState = useLeftMenuContext(store => store.setState);
+    const { isGrouped, objectId, objectType } = useLeftMenuContext(store => store.dashboardParams);
+    const { auth, languageCode = 'en', env = 'development', permissionDomain } = appConfig || {};
+    const { pathname, hash } = window.location;
+    const { data: menuList } = useGetListMenu({
+        args: {
+            auth: {
+                // token: '5474r2x214r2b4b4v2d4y444u2v5q2p5o4d4c4f424e4' || auth?.token,
+                token: ['development', 'sandbox'].includes(env)
+                    ? '5474r2x214r2b4b4v2d4y444u2v5q2p5o4d4c4f424e4'
+                    : auth === null || auth === void 0 ? void 0 : auth.token,
+                // url: 'https://sandbox-permission.ants.vn',
+                url: ['development', 'sandbox'].includes(env)
+                    ? 'https://sandbox-permission.ants.vn'
+                    : permissionDomain || PERMISSION_API, // NOTE: Hard for sandbox, development
+                portalId: auth === null || auth === void 0 ? void 0 : auth.portalId,
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+                accountId: auth === null || auth === void 0 ? void 0 : auth.accountId,
+            },
+            params: {
+                type: 'menu-item-permission',
+            },
+        },
+        options: {
+            enabled: !!(auth === null || auth === void 0 ? void 0 : auth.userId) && !!auth.portalId,
+        },
+    });
+    const { data: dashboardData, refetch: refetchDashboard } = useGetDashboard({
+        args: {
+            auth: {
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: `${CDP_API === null || CDP_API === void 0 ? void 0 : CDP_API[env]}/hub`,
+                portalId: auth === null || auth === void 0 ? void 0 : auth.portalId,
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+            },
+            params: {
+                objectType,
+                objectId,
+                isGrouped,
+                languageCode,
+            },
+        },
+    });
+    const { ownedDashboard = [], sharedDashboard = [] } = (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.entries) || {};
+    const dashboardList = useMemo(() => uniqBy([...ownedDashboard, ...sharedDashboard], 'dashboardId'), [ownedDashboard, sharedDashboard]);
+    const { data: destinationChannelGen2 } = useGetDestinationChannel({
+        args: {
+            auth: {
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: env ? `${CDP_API[env]}/hub` : '',
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+                portalId: auth === null || auth === void 0 ? void 0 : auth.portalId,
+            },
+            params: {
+                objectType: 'GEN2_DESTINATION',
+                languageCode,
+            },
+        },
+    });
+    const { data: destinationChannel } = useGetDestinationChannel({
+        args: {
+            auth: {
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: env ? `${CDP_API[env]}/hub` : '',
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+                portalId: auth === null || auth === void 0 ? void 0 : auth.portalId,
+            },
+            params: {
+                objectType: 'CHANNEL_INTERGRATION',
+                languageCode,
+            },
+        },
+    });
+    const { data: menuListPermission } = useGetListMenuPermission({
+        args: {
+            auth: {
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: permissionDomain || PERMISSION_API,
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
+                accountId: auth === null || auth === void 0 ? void 0 : auth.userId,
+            },
+            params: {
+                type: 'list-app',
+                from: 'side',
+                hasChild: true,
+                languageCode,
+            },
+        },
+    });
+    const flattenMenuPermission = flattenMenuArray(menuListPermission || [], 'childs');
+    const permissionMenu = useMemo(() => recursivePermissionMenu(sortBy((menuList === null || menuList === void 0 ? void 0 : menuList.rows) || [], ['level_position']), flattenMenuPermission), [menuList === null || menuList === void 0 ? void 0 : menuList.rows, flattenMenuPermission]);
+    const mappingChildrenMenu = useMemo(() => getMappingAppChildren({
+        menuList: permissionMenu,
+        auth,
+        dashboardList,
+        destinationChannelEntries: destinationChannel === null || destinationChannel === void 0 ? void 0 : destinationChannel.entries,
+        destinationChannelGen2Entries: destinationChannelGen2 === null || destinationChannelGen2 === void 0 ? void 0 : destinationChannelGen2.entries,
+        isRecommendation,
+    }), [
+        auth,
+        dashboardList,
+        destinationChannel === null || destinationChannel === void 0 ? void 0 : destinationChannel.entries,
+        destinationChannelGen2 === null || destinationChannelGen2 === void 0 ? void 0 : destinationChannelGen2.entries,
+        isRecommendation,
+        permissionMenu,
+    ]);
+    const activeItemPath = useMemo(() => {
+        const url = `${pathname}${hash}`;
+        const matchedCode = findLastMatchedItemByUrl({
+            url,
+            menuItems: mappingChildrenMenu,
+            auth,
+            env,
+        });
+        return matchedCode
+            ? findPathOfActiveItem({
+                activeMenuItem: matchedCode,
+                menuItems: mappingChildrenMenu,
+            })
+            : [];
+    }, [auth, env, hash, mappingChildrenMenu, pathname]);
+    useEffect(() => setLeftMenuState({ dashboardList }), [dashboardList, setLeftMenuState]);
+    useEffect(() => {
+        if (!isCustomized) {
+            const receivePostMessage = (event) => {
+                const { data } = event;
+                const { type } = data || {};
+                switch (type) {
+                    case POST_MESSAGE_TYPES.REFETCH_DASHBOARD_LIST: {
+                        refetchDashboard();
+                        break;
+                    }
+                    default:
+                        break;
+                }
+            };
+            window.addEventListener('message', receivePostMessage);
+            return () => window.removeEventListener('message', receivePostMessage);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return {
+        mappingChildrenMenu,
+        permissionMenu,
+        activeItemPath,
+        menuListPermission,
+        flattenMenuPermission,
+    };
+};

package/es/components/organism/LeftMenu/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { AppConfigProviderProps } from '@antscorp/antsomi-ui/es/providers';
+import { TMenuItem } from './types';
+import { FeatureMenuPermission, TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+export interface LeftMenuProps {
+    show?: boolean;
+    appConfig?: AppConfigProviderProps;
+    objectType?: string;
+    objectId?: number;
+    isGrouped?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    showLogo?: boolean;
+    customization?: {
+        isCustomized?: boolean;
+        isRecommendation?: boolean;
+        isExpandable?: boolean;
+        items?: TMenuItem[];
+        activeKey?: string;
+        expandMenu?: boolean;
+        onMenuItemClick?: (key: string, keyPath: string[]) => void;
+    };
+    onActiveMenuCodeChange?: (activeItemPath: TFeatureMenu[], flattenPermissionList?: FeatureMenuPermission[], menuListPermission?: FeatureMenuPermission[]) => void;
+}
+export declare const LeftMenu: React.MemoExoticComponent<(props: LeftMenuProps) => React.JSX.Element | null>;

package/es/components/organism/LeftMenu/index.js

@@ -0,0 +1,21 @@
+/* eslint-disable react/function-component-definition */
+// Libraries
+import React, { memo, useRef } from 'react';
+import isEqual from 'react-fast-compare';
+// Providers
+import { LeftMenuProvider } from './providers';
+// Store
+import { createLeftMenuStore } from './stores';
+import { LeftMenuComponent } from './LeftMenu';
+import { CookiesProvider } from 'react-cookie';
+export const LeftMenu = memo((props) => {
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createLeftMenuStore(props);
+    }
+    if (!storeRef.current)
+        return null;
+    return (React.createElement(LeftMenuProvider, { store: storeRef.current },
+        React.createElement(CookiesProvider, null,
+            React.createElement(LeftMenuComponent, Object.assign({}, props)))));
+}, (prevProps, nextProps) => isEqual(prevProps, nextProps));

package/es/components/organism/LeftMenu/providers/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { LeftMenuState } from '../stores';
+interface LeftMenuProviderProps {
+    store: StoreApi<LeftMenuState>;
+}
+export declare const LeftMenuProvider: React.FC<React.PropsWithChildren<LeftMenuProviderProps>>;
+export {};

package/es/components/organism/LeftMenu/providers/index.js

@@ -0,0 +1,8 @@
+// Libraries
+import React from 'react';
+// Contexts
+import { LeftMenuContext } from '../contexts';
+export const LeftMenuProvider = props => {
+    const { children, store } = props;
+    return React.createElement(LeftMenuContext.Provider, { value: store }, children);
+};

package/es/components/organism/LeftMenu/stores/index.d.ts

@@ -0,0 +1,29 @@
+import { TDashboard, TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+import { TMenuItem } from '../types';
+import { AppConfigProviderProps } from '@antscorp/antsomi-ui/es/providers';
+export interface LeftMenuStoreProps {
+    activeAppCode: string;
+    customActiveAppKey: string;
+    customActiveCurrentKey: string;
+    menuItems: TFeatureMenu[];
+    customItems: TMenuItem[];
+    customMenuChildren: TMenuItem[];
+    customHoverMenuChildren: TMenuItem[];
+    appMenuChildren: TFeatureMenu[];
+    appHoverMenuChildren: TFeatureMenu[];
+    appConfig?: AppConfigProviderProps;
+    isCustomized?: boolean;
+    isRecommendation?: boolean;
+    dashboardParams: {
+        objectId: number;
+        objectType: string;
+        isGrouped: boolean;
+    };
+    dashboardList?: TDashboard[];
+    onMenuClick?: (key: string, keyPath: string[]) => void;
+}
+export interface LeftMenuState extends LeftMenuStoreProps {
+    setState: (state: Partial<LeftMenuState>) => void;
+}
+export declare const createLeftMenuStore: (initProps?: Partial<LeftMenuStoreProps>) => import("zustand").StoreApi<LeftMenuState>;
+export type LeftMenuStore = ReturnType<typeof createLeftMenuStore>;

package/es/components/organism/LeftMenu/stores/index.js

@@ -0,0 +1,21 @@
+import { createStore } from 'zustand';
+import { DASHBOARD_MODULE_CONFIG } from '../../../template/Layout/constants';
+const DEFAULT_PROPS = {
+    activeAppCode: '',
+    customActiveAppKey: '',
+    customActiveCurrentKey: '',
+    menuItems: [],
+    appMenuChildren: [],
+    appHoverMenuChildren: [],
+    customItems: [],
+    customMenuChildren: [],
+    customHoverMenuChildren: [],
+    isCustomized: false,
+    isRecommendation: false,
+    dashboardParams: {
+        objectId: DASHBOARD_MODULE_CONFIG.objectId,
+        objectType: DASHBOARD_MODULE_CONFIG.objectType,
+        isGrouped: DASHBOARD_MODULE_CONFIG.isGrouped,
+    },
+};
+export const createLeftMenuStore = (initProps) => createStore()(set => (Object.assign(Object.assign(Object.assign({}, DEFAULT_PROPS), initProps), { setState: newState => set(state => (Object.assign(Object.assign({}, state), newState))) })));

package/es/components/organism/LeftMenu/styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PopoverWrapper: import("styled-components").StyledComponent<"div", any, {
+    show: boolean;
+    hasMarginTop: boolean;
+}, never>;
+export declare const FeatureMenuWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ExpandWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftMenuNavWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isExpandMenu?: boolean | undefined;
+}, never>;
+export declare const NavLogoWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const LeftMenuNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export declare const FeatureMenu: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const FeatureMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChildMenuWrapper: import("styled-components").StyledComponent<"div", any, {
+    isExpand: boolean;
+    isMarginTop: boolean;
+}, never>;

package/es/components/organism/LeftMenu/styled.js

@@ -0,0 +1,216 @@
+var _a, _b, _c, _d, _e;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { HEADER_HEIGHT } from '../../molecules/HeaderV2/constants';
+import { ICON_SIZE } from './constants';
+// Components
+import { Flex } from '../../atoms';
+export const IconWrapper = styled.div `
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  i {
+    font-size: ${ICON_SIZE}px;
+    color: #595959;
+  }
+`;
+export const PopoverWrapper = styled.div `
+  ${({ show }) => show
+    ? `
+      opacity: 1;
+      visibility: visible;
+      `
+    : `
+      opacity: 0;
+      visibility: hidden;
+    `}
+
+  &.antsomi-scroll-box {
+    margin-right: 0px !important;
+    &::-webkit-scrollbar {
+      display: none !important;
+    }
+  }
+
+  position: absolute;
+  background-color: white;
+  left: 65px;
+  border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px;
+  bottom: 15px;
+  box-shadow: 0px 3px 20px 0px #002e5933;
+  height: ${({ hasMarginTop }) => hasMarginTop ? `calc(100% - ${HEADER_HEIGHT + 15}px)` : `calc(100% - 15px)`};
+  transition: visibility 0s, opacity 0.2s ease-out;
+  z-index: 10;
+  padding: 10px;
+  box-sizing: border-box;
+`;
+export const FeatureMenuWrapper = styled(Flex) `
+  flex: 1 1 0%;
+  overflow: hidden;
+`;
+export const ExpandWrapper = styled.div `
+  height: 35px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-top: 1px solid ${(_b = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _b === void 0 ? void 0 : _b.bw3};
+  padding: 0 10px;
+`;
+export const LeftMenuNavWrapper = styled.div `
+  height: 100vh;
+  display: flex;
+  transition: all 0.2s ease-out;
+
+  ${p => (p.$isExpandMenu ? `gap: 10px;` : `gap: 15px;`)}
+`;
+export const NavLogoWrapper = styled(Flex) `
+  height: ${HEADER_HEIGHT}px;
+  flex-shrink: 0;
+
+  .image-wrapper {
+    height: 30px;
+    width: 30px;
+
+    img {
+      height: 100%;
+      width: 100%;
+    }
+  }
+`;
+export const LeftMenuNav = styled.nav `
+  position: relative;
+  width: 70px;
+  height: 100%;
+  background-color: ${(_c = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _c === void 0 ? void 0 : _c.blue1_2};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-right: 1px solid ${(_d = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _d === void 0 ? void 0 : _d.bw3};
+
+  ${ExpandWrapper} {
+    flex-shrink: 0;
+  }
+`;
+export const FeatureMenu = styled.ul `
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  flex: 1 1 0%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow-x: hidden;
+
+  &.antsomi-scroll-box {
+    &::-webkit-scrollbar {
+      display: none !important;
+    }
+  }
+
+  .menu-content {
+    flex-shrink: 0;
+  }
+
+  .nav-blank {
+    flex: 1 1 0%;
+  }
+`;
+export const FeatureMenuItem = styled.div `
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+
+  .menu-link {
+    width: 100% !important;
+    height: 100% !important;
+    display: flex !important;
+    color: inherit !important;
+    text-decoration: none !important;
+  }
+
+  li {
+    width: 100%;
+    cursor: pointer;
+    text-decoration: none;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: ${(_e = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _e === void 0 ? void 0 : _e.borderRadiusXL}px;
+    padding: 5px 0;
+    position: relative;
+
+    &::before {
+      display: none !important;
+    }
+
+    span {
+      font-size: 11px !important;
+      font-weight: 500;
+      color: inherit;
+    }
+
+    &.isHover,
+    &.isActive {
+      ${IconWrapper},
+      span {
+        color: #005eb8;
+
+        i {
+          color: inherit !important;
+        }
+      }
+    }
+
+    &.isActive {
+      background-color: #d3e3fd !important;
+    }
+
+    &.isHover {
+      background-color: #ffffffcc;
+
+      .popup-triangle {
+        visibility: visible;
+        opacity: 1;
+      }
+    }
+
+    .popup-triangle {
+      opacity: 0;
+      visibility: hidden;
+      right: -6px;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 1px 9px 10px 10px;
+      border-color: transparent transparent white transparent;
+      transform: rotate(270deg);
+      z-index: 100;
+    }
+  }
+`;
+export const ChildMenuWrapper = styled.div `
+  height: ${({ isMarginTop }) => (isMarginTop ? `calc(100% - ${HEADER_HEIGHT}px)` : '100%')};
+  margin-top: ${({ isMarginTop }) => (isMarginTop ? `${HEADER_HEIGHT}px` : '0px')};
+  width: ${({ isExpand }) => (isExpand ? '210px' : '0px')};
+  padding: ${({ isExpand }) => (isExpand ? '10px' : '10px 0')};
+  transition: width 0.2s, padding 0.2s ease;
+  padding-left: 0px;
+  box-sizing: border-box;
+  z-index: 1;
+
+  &.antsomi-scroll-box {
+    margin-right: 0px !important;
+    &::-webkit-scrollbar {
+      display: none !important;
+    }
+  }
+`;

package/es/components/organism/LeftMenu/types/index.d.ts

@@ -0,0 +1,28 @@
+import { TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+export type TMenuItem = Omit<Partial<TFeatureMenu>, 'children' | keyof TRequireMenuItemKey> & {
+    key: string;
+    label: string;
+    icon: string | null;
+    disabled?: boolean;
+    children?: TMenuItem[];
+} & TOption;
+export type TMenuFeatureItem = Omit<Partial<TFeatureMenu>, 'children'> & TRequireMenuItemKey & TOption & {
+    children?: TMenuFeatureItem[];
+};
+type TRequireMenuItemKey = {
+    menu_item_code: string;
+    menu_item_name: string;
+    icon_name: string | null;
+};
+type TOption = {
+    logo_url?: string | null;
+    options?: {
+        key: string;
+        label: string;
+    }[];
+    optionCallback?: (args: {
+        menuItemKey: string;
+        optionKey: string;
+    }) => void;
+};
+export {};

package/es/components/organism/LeftMenu/types/index.js

@@ -0,0 +1 @@
+export {};

package/es/components/organism/LeftMenu/utils/index.d.ts

@@ -0,0 +1,114 @@
+import { FeatureMenuPermission, TDashboard, TDestinationChannel, TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
+import { TMenuFeatureItem, TMenuItem } from '../types';
+import { TEnv } from '@antscorp/antsomi-ui/es/types/config';
+/**
+ * Converts a feature menu item to a menu item suitable for rendering in the UI.
+ * @param {TMenuFeatureItem} featureMenu - The feature menu item to convert.
+ * @returns {TMenuItem} The converted menu item.
+ */
+export declare const getMenuItem: (featureMenu: TMenuFeatureItem) => TMenuItem;
+/**
+ * Flatten a nested array of menu items by flatten @alias childKey into a single-level array.
+ * @template T - The type of menu items.
+ * @param {T[]} menuItems - The array of menu items to flatten.
+ * @param {string} childKey - The key representing the children array in each menu item.
+ * @returns {T[]} The flattened array of menu items.
+ */
+export declare const flattenMenuArray: <T>(menuItems: T[], childKey: string) => T[];
+/**
+ * Recursively filters menu items based on permissions.
+ * check permission if menu item has menu_type of @alias MENU_ITEM_TYPE.MENU
+ */
+export declare const recursivePermissionMenu: (menuItems: TFeatureMenu[], menuPermissions: FeatureMenuPermission[]) => TFeatureMenu[];
+/**
+ * Generate a new path by replacing parameters in the given path.
+ * @returns {string} The generated path with replaced parameters.
+ */
+export declare const getGeneratePath: (path: string, params?: Partial<PayloadInfo> & {
+    dashboardId?: string;
+    channelId?: number;
+}) => string;
+/**
+ * This is used to delete the hash of the path returned from the api,
+ * the purpose of which is to compare with the url to activate the app
+ */
+export declare const getComparePath: (path: string, env?: string) => string;
+/**
+ * Creates an initial feature menu item object with default values.
+ * @param {Partial<TFeatureMenu>} featureMenuItem - The partial feature menu item object.
+ * @returns {TFeatureMenu} The initial feature menu item object.
+ */
+export declare const getInitialFeatureMenuItem: (featureMenuItem: Partial<TFeatureMenu>) => TFeatureMenu;
+export declare const recursiveGetInitialFeatureMenuItem: (featureMenuItem: Partial<TFeatureMenu>) => {
+    menu_item: string | number;
+    network_id: number;
+    menu_item_name: string;
+    level_position: string | number;
+    icon_name: string | null;
+    menu_item_path: string | null;
+    menu_item_code: string;
+    permission_code: string | null;
+    menu_item_type: string | number;
+    menu_item_parent: string | number;
+    render_option: string | null;
+    menu_item_domain: string | null;
+    total_row: number;
+    ctime: string | null;
+    utime: string | null;
+    page_title?: string | undefined;
+    logo_url?: string | undefined;
+    children?: TFeatureMenu[] | undefined;
+    dashboardEditable?: boolean | undefined;
+};
+export declare const recursiveGetMenuItemByPermission: (featureMenuItem: TFeatureMenu) => TMenuItem;
+/** Map children to each App Item */
+export declare const getMappingAppChildren: (args: {
+    menuList: TFeatureMenu[];
+    auth?: Partial<PayloadInfo>;
+    dashboardList?: TDashboard[];
+    destinationChannelEntries?: TDestinationChannel[];
+    destinationChannelGen2Entries?: TDestinationChannel[];
+    isRecommendation?: boolean;
+}) => TFeatureMenu[];
+/**
+ * Finds the app code of the active menu item based on the provided URL within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.url - The URL to match against menu item paths.
+ * @param {TFeatureMenu[]} args.menuItems - The array of menu items to search within.
+ * @param {Partial<PayloadInfo>} [args.auth] - Additional authentication information.
+ * @returns {string | undefined} The app code of the active menu item or undefined if not found.
+ */
+export declare const findActiveAppCodeByUrl: (args: {
+    url: string;
+    menuItems: TFeatureMenu[];
+    auth?: Partial<PayloadInfo>;
+    env?: string;
+}) => string | undefined;
+export declare const findLastMatchedItemByUrl: (args: {
+    url: string;
+    menuItems: TFeatureMenu[];
+    auth?: Partial<PayloadInfo>;
+    env?: TEnv;
+}) => TFeatureMenu | undefined;
+export declare const findPathOfActiveItem: (args: {
+    activeMenuItem: TFeatureMenu;
+    menuItems: TFeatureMenu[];
+}) => TFeatureMenu[];
+/**
+ * Finds the app code of the menu item or its parent based on the provided active key.
+ *
+ * @param {Object} args - The arguments object.
+ * @param {string} args.activeCurrentKey - The key of the currently active menu item.
+ * @param {TMenuItem[]} args.menuItems - The array of menu items to search through.
+ * @returns {string | undefined} - The app code of the matching menu item or its parent, or undefined if not found.
+ */
+export declare const findActiveAppCodeByChild: (args: {
+    activeCurrentKey: string;
+    menuItems: TMenuItem[];
+    isRecommendation?: boolean;
+}) => string | undefined;
+export declare const getCustomActiveAppCode: (args: {
+    activeKey: string;
+    menuItems: TMenuItem[];
+}) => string | undefined;