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

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AppConfigProviderProps } from '@antscorp/antsomi-ui/es/providers';
+interface OldLeftMenuProps {
+    activeKey: string;
+    appConfig?: AppConfigProviderProps;
+    onMenuItemClick?: (key: string, keyPath: string[]) => void;
+}
+export declare const OldLeftMenu: React.FC<OldLeftMenuProps>;
+export {};

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/index.js

@@ -0,0 +1,95 @@
+// Libraries
+import React, { useState, memo, useLayoutEffect, useMemo } from 'react';
+import { Menu, Typography } from 'antd';
+import { omit, orderBy, uniq } from 'lodash';
+import Icon from '@antscorp/icons';
+// Styled
+import { MenuWrapper, IconWrapper, AppLabel, MenuLabel } from './styled';
+// Hooks
+import { useGetListMenuPermission } from '@antscorp/antsomi-ui/es/queries/LeftMenu';
+import { PERMISSION_API, THEME } from '@antscorp/antsomi-ui/es/constants';
+// Utils
+import { recursiveFindParentOfActiveItem } from './utils';
+export const OldLeftMenu = memo(props => {
+    const { activeKey, appConfig, onMenuItemClick } = props;
+    const [openKeys, setOpenKeys] = useState([]);
+    const { auth, languageCode } = appConfig || {};
+    const mappedActiveKey = useMemo(() => {
+        switch (activeKey) {
+            case 'SQL_WORKSPACE':
+            case 'SCHEDULE_QUERY':
+                return 'ANALYSIS';
+            case 'DATA_OBJECT':
+            case 'BUSINESS_OBJECT-APP_API_HUB':
+            case 'BUSINESS_OBJECT-PERMISSION_ACCOUNT':
+            case 'DATA_VIEW':
+                return 'BUSINESS_OBJECT';
+            case 'BATCH_STREAMING':
+            case 'REALTIME_STREAMING':
+                return 'DATAFLOWS';
+            case 'DATASOURCES-SQL_WORKSPACE':
+                return 'DATASOURCES-APP_ANTALYSER';
+            case 'EXPLORERS':
+                return 'ANALYSIS';
+            default:
+                return activeKey;
+        }
+    }, [activeKey]);
+    const { data: menuListPermission } = useGetListMenuPermission({
+        args: {
+            auth: {
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: 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 parentKeys = useMemo(() => {
+        var _a;
+        if (mappedActiveKey.includes('DATASOURCES')) {
+            return (_a = mappedActiveKey === null || mappedActiveKey === void 0 ? void 0 : mappedActiveKey.split('-')) === null || _a === void 0 ? void 0 : _a[1];
+        }
+        return recursiveFindParentOfActiveItem({
+            activeMenuItem: mappedActiveKey,
+            menuItems: menuListPermission || [],
+        });
+    }, [mappedActiveKey, menuListPermission]);
+    useLayoutEffect(() => setOpenKeys(parentKeys ? [parentKeys] : []), [parentKeys]);
+    const onMenuClick = e => {
+        onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(e.key, uniq(e.keyPath));
+    };
+    const renderMenu = () => {
+        var _a;
+        const recursiveGetMenuItem = (featureMenuPermission, parentKey) => {
+            const { app_code, menu_code, app_name = '', menu_name = '', icon, childs, } = featureMenuPermission;
+            const key = menu_code === 'DATASOURCES' ? `${menu_code}-${parentKey}` : menu_code || '';
+            return {
+                key: app_code || key,
+                label: app_code ? (React.createElement(AppLabel, null,
+                    React.createElement(Typography.Text, { ellipsis: { tooltip: app_name.toUpperCase() } }, app_name.toUpperCase()))) : (React.createElement(MenuLabel, null,
+                    React.createElement(Typography.Text, { ellipsis: { tooltip: menu_name } }, menu_name))),
+                icon: icon ? React.createElement(IconWrapper, { url: icon }) : undefined,
+                children: childs === null || childs === void 0 ? void 0 : childs.map(item => recursiveGetMenuItem(omit(item, ['childs']), app_code)),
+            };
+        };
+        const items = ((_a = orderBy(menuListPermission === null || menuListPermission === void 0 ? void 0 : menuListPermission.map(item => (Object.assign(Object.assign({}, item), { app_order: Number(item.app_order) }))), ['app_order'], ['asc'])) === null || _a === void 0 ? void 0 : _a.map(item => recursiveGetMenuItem(item))) || [];
+        return (React.createElement(Menu, { selectedKeys: [mappedActiveKey], defaultOpenKeys: uniq(openKeys), openKeys: uniq(openKeys), mode: "inline", items: items, inlineIndent: 0, onOpenChange: openKeys => {
+                setOpenKeys(uniq(openKeys));
+            }, expandIcon: ({ isOpen }) => {
+                var _a;
+                return (React.createElement(Icon, { type: "icon-ants-expand-more", style: {
+                        fontSize: 20,
+                        color: (_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.bw8,
+                        transform: `rotate(${isOpen ? '180deg' : '0deg'})`,
+                    } }));
+            }, onClick: onMenuClick }));
+    };
+    return React.createElement(MenuWrapper, null, renderMenu());
+});

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    url: string;
+}, never>;
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AppLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const MenuLabel: import("styled-components").StyledComponent<"span", any, {}, never>;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/styled.js

@@ -0,0 +1,77 @@
+var _a, _b, _c;
+import styled from 'styled-components';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const IconWrapper = styled.div `
+  width: 22px;
+  height: 22px;
+  background: rgb(155, 155, 155);
+  mask-size: contain;
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  ${({ url }) => `mask-image: url(${url});`}
+`;
+export const MenuWrapper = styled.div `
+  border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px;
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+
+  & > .antsomi-menu.antsomi-menu-root {
+    border-radius: ${(_b = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _b === void 0 ? void 0 : _b.borderRadiusXL}px;
+    height: 100%;
+    max-height: 100%;
+    overflow: auto;
+
+    li {
+      min-height: 40px !important;
+      margin: 0px !important;
+
+      .antsomi-menu-submenu-title {
+        padding-right: 10px !important;
+        margin: 0px !important;
+      }
+
+      ul.antsomi-menu > li {
+        padding-left: 6px !important;
+        padding-right: 10px !important;
+        border-left: 4px solid transparent;
+
+        & > .antsomi-menu-title-content {
+          margin: 0;
+        }
+
+        &.antsomi-menu-item-selected {
+          border-left: 4px solid #005eb8;
+          border-radius: 0px !important;
+
+          ${IconWrapper} {
+            background: ${(_c = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
+          }
+        }
+      }
+    }
+  }
+`;
+export const AppLabel = styled.span `
+  display: flex;
+
+  & > .antsomi-typography {
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 16px;
+    padding: 0 10px;
+    max-width: 100%;
+    color: inherit !important;
+  }
+`;
+export const MenuLabel = styled.span `
+  display: flex;
+  & > .antsomi-typography {
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 14px;
+    padding-right: 10px !important;
+    padding-left: 6px !important;
+    color: inherit !important;
+  }
+`;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/types/index.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from 'antd';
+export type MenuItem = Required<MenuProps>['items'][number];

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/types/index.js

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

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/utils/index.d.ts

@@ -0,0 +1,12 @@
+import { FeatureMenuPermission } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+/**
+ * Recursively finds the parent key of the active menu item within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.activeMenuItem - The key of the active menu item.
+ * @param {FeatureMenuPermission[]} args.menuItems - The array of menu items to search within.
+ * @returns {string | undefined} The key of the parent menu item or undefined if not found.
+ */
+export declare const recursiveFindParentOfActiveItem: (args: {
+    activeMenuItem: string;
+    menuItems: FeatureMenuPermission[];
+}) => string | undefined;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/utils/index.js

@@ -0,0 +1,39 @@
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+const PATH = 'src/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/utils/index.ts';
+/**
+ * Recursively finds the parent key of the active menu item within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.activeMenuItem - The key of the active menu item.
+ * @param {FeatureMenuPermission[]} args.menuItems - The array of menu items to search within.
+ * @returns {string | undefined} The key of the parent menu item or undefined if not found.
+ */
+export const recursiveFindParentOfActiveItem = (args) => {
+    var _a;
+    try {
+        const { activeMenuItem, menuItems } = args;
+        let parentKey;
+        for (const item of menuItems) {
+            const isHasActiveMenuItem = !!((_a = item === null || item === void 0 ? void 0 : item.childs) === null || _a === void 0 ? void 0 : _a.find(child => child.menu_code === activeMenuItem));
+            if (isHasActiveMenuItem && item.app_code) {
+                parentKey = item.app_code;
+                break;
+            }
+            const findNestedParentKey = recursiveFindParentOfActiveItem({
+                activeMenuItem,
+                menuItems: (item === null || item === void 0 ? void 0 : item.childs) || [],
+            });
+            if (findNestedParentKey) {
+                parentKey = findNestedParentKey;
+                break;
+            }
+        }
+        return parentKey;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: recursiveFindParentOfActiveItem.name,
+            args,
+        });
+    }
+};

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/index.d.ts

@@ -0,0 +1 @@
+export { OldLeftMenu } from './OldLeftMenu';

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/index.js

@@ -0,0 +1 @@
+export { OldLeftMenu } from './OldLeftMenu';

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MenuMapping: React.FC;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/index.js

@@ -0,0 +1,32 @@
+// Libraries
+import React, { useCallback, useState } from 'react';
+import { useContextSelector } from 'use-context-selector';
+import Icon from '@antscorp/icons';
+// Styled
+import { MenuMappingWrapper, MenuMappingContainer } from './styled';
+// Components
+import { LeftMenu } from '@antscorp/antsomi-ui/es/components/organism';
+import { OldLeftMenu } from './components';
+// Providers
+import { AppConfigContext } from '@antscorp/antsomi-ui/es/providers';
+export const MenuMapping = () => {
+    const [activeKey, setActiveKey] = useState('DASHBOARD');
+    const onMenuItemClick = useCallback((key, keyPath) => {
+        switch (key) {
+            case 'DATASOURCES':
+            case 'BUSINESS_OBJECT':
+                setActiveKey(`${key}-${keyPath === null || keyPath === void 0 ? void 0 : keyPath[1]}`);
+                break;
+            default:
+                setActiveKey(key);
+        }
+    }, []);
+    const appConfig = useContextSelector(AppConfigContext, state => state);
+    return (React.createElement(MenuMappingWrapper, null,
+        React.createElement(MenuMappingContainer, null,
+            React.createElement("div", { className: "old-menu-wrapper" },
+                React.createElement(OldLeftMenu, { activeKey: activeKey, appConfig: appConfig, onMenuItemClick: onMenuItemClick })),
+            React.createElement(Icon, { type: "icon-ants-arrow-forward" }),
+            React.createElement("div", { className: "new-menu-wrapper" },
+                React.createElement(LeftMenu, { appConfig: appConfig, showLogo: false, style: { maxHeight: '100%' }, customization: { isRecommendation: true, activeKey, expandMenu: true, onMenuItemClick } })))));
+};

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MenuMappingContainer: 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 MenuMappingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/styled.js

@@ -0,0 +1,49 @@
+var _a, _b, _c;
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import styled from 'styled-components';
+import { Flex } from '../../../../../../atoms';
+export const MenuMappingContainer = styled(Flex) `
+  height: 100%;
+
+  & > i {
+    font-size: 22px;
+    font-weight: 400;
+    color: #595959;
+  }
+`;
+MenuMappingContainer.defaultProps = {
+    gap: 30,
+    align: 'center',
+};
+export const MenuMappingWrapper = styled.div `
+  padding: 20px;
+  background-color: #eaf1fb;
+  width: 634px;
+  max-height: 100%;
+  overflow: hidden;
+  height: 763px;
+  flex-shrink: 0;
+  border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px;
+
+  ${MenuMappingContainer} {
+    max-height: 100%;
+
+    .old-menu-wrapper,
+    .new-menu-wrapper {
+      height: 100%;
+      border-radius: ${(_b = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _b === void 0 ? void 0 : _b.borderRadiusXL}px;
+      box-shadow: 0px 3px 20px 0px #002e5933;
+      background-color: ${(_c = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _c === void 0 ? void 0 : _c.blue1_3};
+    }
+
+    .old-menu-wrapper {
+      width: 220px;
+      height: 100%;
+      flex-shrink: 0;
+    }
+
+    .new-menu-wrapper .left-menu-nav {
+      border-radius: 10px 0 0px 10px;
+    }
+  }
+`;

package/es/components/template/Layout/components/RecommendationWorkspace/components/RecommendationImage/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RecommendationImage: React.FC;

package/es/components/template/Layout/components/RecommendationWorkspace/components/RecommendationImage/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Typography } from '../../../../../../atoms';
+// Assets
+import recommendationHumanImage from '@antscorp/antsomi-ui/es/assets/images/components/Layout/recommendation-human.png';
+// Styled
+import { ImageWrapper, MessageWrapper, RecommendationImageWrapper } from './styled';
+export const RecommendationImage = () => (React.createElement(RecommendationImageWrapper, null,
+    React.createElement(MessageWrapper, null,
+        React.createElement(Typography.Paragraph, null, `Having Trouble Navigating the New Menus? Let's Map Functions Together!`),
+        React.createElement("div", { className: "arrow-triangle-down" })),
+    React.createElement(ImageWrapper, null,
+        React.createElement("img", { src: recommendationHumanImage, alt: "" }))));

package/es/components/template/Layout/components/RecommendationWorkspace/components/RecommendationImage/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RecommendationImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/Layout/components/RecommendationWorkspace/components/RecommendationImage/styled.js

@@ -0,0 +1,65 @@
+import styled from 'styled-components';
+export const MessageWrapper = styled.div `
+  padding: 30px;
+  width: 395px;
+  background-color: #eef5fc;
+  border-radius: 30px;
+  position: relative;
+  flex-shrink: 0;
+
+  & > div.antsomi-typography {
+    margin: 0px !important;
+    font-weight: 500 !important;
+    font-size: 24px !important;
+    line-height: 28px;
+  }
+
+  .arrow-triangle-down {
+    position: absolute;
+    width: 0;
+    height: 0;
+    bottom: -30px;
+    left: 75px;
+    border-style: solid;
+    border-width: 0px 25px 50px 25px;
+    border-color: transparent transparent #eef5fc transparent;
+    transform: rotate(180deg);
+    z-index: 100;
+  }
+
+  @media screen and (max-width: 1400px) {
+    width: 300px;
+    & > div.antsomi-typography {
+      font-size: 22px !important;
+      line-height: 26px;
+    }
+  }
+  @media screen and (max-width: 1330px) {
+    width: 250px;
+    & > div.antsomi-typography {
+      font-size: 20px !important;
+      line-height: 24px;
+    }
+  }
+`;
+export const ImageWrapper = styled.div `
+  width: 100%;
+  height: 100%;
+  flex: 1 1 0%;
+  overflow: hidden;
+
+  img {
+    width: auto;
+    height: 100%;
+    max-height: 505px;
+    object-fit: contain;
+  }
+`;
+export const RecommendationImageWrapper = styled.div `
+  display: flex;
+  gap: 40px;
+  max-height: 700px;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+`;

package/es/components/template/Layout/components/RecommendationWorkspace/components/index.d.ts

@@ -0,0 +1,2 @@
+export { RecommendationImage } from './RecommendationImage';
+export { MenuMapping } from './MenuMapping';

package/es/components/template/Layout/components/RecommendationWorkspace/components/index.js

@@ -0,0 +1,2 @@
+export { RecommendationImage } from './RecommendationImage';
+export { MenuMapping } from './MenuMapping';

package/es/components/template/Layout/components/RecommendationWorkspace/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RecommendationWorkspace: React.FC;

package/es/components/template/Layout/components/RecommendationWorkspace/index.js

@@ -0,0 +1,9 @@
+// Libraries
+import React from 'react';
+// Components
+import { MenuMapping, RecommendationImage } from './components';
+// Styled
+import { RecommendationWorkspaceWrapper } from './styled';
+export const RecommendationWorkspace = () => (React.createElement(RecommendationWorkspaceWrapper, null,
+    React.createElement(RecommendationImage, null),
+    React.createElement(MenuMapping, null)));

package/es/components/template/Layout/components/RecommendationWorkspace/styled.d.ts

@@ -0,0 +1 @@
+export declare const RecommendationWorkspaceWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/Layout/components/RecommendationWorkspace/styled.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+export const RecommendationWorkspaceWrapper = styled.div `
+  display: flex;
+  height: 100%;
+  gap: 220px;
+  align-items: center;
+  justify-content: center;
+
+  @media screen and (max-width: 1600px) and (min-width: 1501px) {
+    gap: 110px;
+  }
+  @media screen and (max-width: 1500px) and (min-width: 1401px) {
+    gap: 20px;
+  }
+  @media screen and (max-width: 1400px) {
+    gap: 15px;
+  }
+`;

package/es/components/template/Layout/components/index.d.ts

@@ -0,0 +1 @@
+export { RecommendationWorkspace } from './RecommendationWorkspace';

package/es/components/template/Layout/components/index.js

@@ -0,0 +1 @@
+export { RecommendationWorkspace } from './RecommendationWorkspace';

package/es/components/template/Layout/constants/config.d.ts

@@ -0,0 +1,7 @@
+export declare const DASHBOARD_MODULE_CONFIG: {
+    key: string;
+    module: string;
+    objectId: number;
+    objectType: string;
+    isGrouped: boolean;
+};

package/es/components/template/Layout/constants/config.js

@@ -0,0 +1,7 @@
+export const DASHBOARD_MODULE_CONFIG = {
+    key: 'dashboard-report',
+    module: 'DASHBOARD',
+    objectId: 1,
+    objectType: 'OVERVIEW',
+    isGrouped: true,
+};

package/es/components/template/Layout/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './menuCode';
+export * from './permission';
+export * from './config';

package/es/components/template/Layout/constants/index.js

@@ -0,0 +1,3 @@
+export * from './menuCode';
+export * from './permission';
+export * from './config';

package/es/components/template/Layout/constants/menuCode.d.ts

@@ -0,0 +1,32 @@
+export declare const MENU_CODE: {
+    VISITOR: string;
+    PLANNINGS: string;
+    CUSTOMER: string;
+    SEGMENT: string;
+    EVENT_SOURCES: string;
+    ANALYTICS_MODELS: string;
+    JOURNEY: string;
+    DESTINATIONS_HUB: string;
+    ACCOUNT: string;
+    DATA_ENCRYPT: string;
+    PORTAL_PREFERENCES: string;
+    BUSINESS_OBJECT: string;
+    PROMOTION_CENTER: string;
+    LABELS: string;
+    DASHBOARD_OVERVIEW: string;
+    MEDIA_TEMPLATE: string;
+    JSON_TEMPLATE: string;
+    EMAIL_TEMPLATE: string;
+    DIAGRAM: string;
+    RFM: string;
+    LINK_MANAGEMENT: string;
+    CONVERSION: string;
+    OVERVIEW: string;
+    DASHBOARD: string;
+    DATA_VIEW: string;
+    DATA_OBJECT: string;
+    JOURNEY_TACTIC: string;
+    BATCH_STREAMING: string;
+    REALTIME_STREAMING: string;
+    DATASOURCES: string;
+};

package/es/components/template/Layout/constants/menuCode.js

@@ -0,0 +1,33 @@
+export const MENU_CODE = {
+    VISITOR: `VISITOR`,
+    PLANNINGS: 'PLANNINGS',
+    CUSTOMER: `CUSTOMER`,
+    SEGMENT: `SEGMENT`,
+    EVENT_SOURCES: `EVENT_SOURCES`,
+    ANALYTICS_MODELS: `ANALYTICS_MODELS`,
+    JOURNEY: `JOURNEY`,
+    DESTINATIONS_HUB: `DESTINATIONS_HUB`,
+    ACCOUNT: `ACCOUNT`,
+    DATA_ENCRYPT: `DATA_ENCRYPT`,
+    PORTAL_PREFERENCES: 'PORTAL_PREFERENCES',
+    // PORTAL_PREFERENCES: 'ACCOUNT',
+    BUSINESS_OBJECT: 'BUSINESS_OBJECT',
+    PROMOTION_CENTER: 'PROMOTION_CENTER',
+    LABELS: 'LABELS',
+    DASHBOARD_OVERVIEW: 'DASHBOARD_OVERVIEW',
+    MEDIA_TEMPLATE: 'MEDIA_TEMPLATE',
+    JSON_TEMPLATE: 'JSON_TEMPLATE',
+    EMAIL_TEMPLATE: 'EMAIL_TEMPLATE',
+    DIAGRAM: 'DATA_SCHEMA',
+    RFM: 'RFM',
+    LINK_MANAGEMENT: 'LINK_MANAGEMENT',
+    CONVERSION: 'CONVERSION',
+    OVERVIEW: 'JOURNEY_OVERVIEW',
+    DASHBOARD: 'DASHBOARD',
+    DATA_VIEW: 'DATA_VIEW',
+    DATA_OBJECT: 'DATA_OBJECT',
+    JOURNEY_TACTIC: 'JOURNEY_TACTIC',
+    BATCH_STREAMING: 'BATCH_STREAMING',
+    REALTIME_STREAMING: 'REALTIME_STREAMING',
+    DATASOURCES: 'DATASOURCES',
+};

package/es/components/template/Layout/constants/permission.d.ts

@@ -0,0 +1,23 @@
+export declare const APP_ROLE_SCOPE: {
+    NONE: number;
+    CREATED_BY_USER: number;
+    MANAGEMENT_BY_USER: number;
+    EVERYTHING: number;
+};
+export declare const MARKETING_CHANNEL_CODE: {
+    readonly ALL_CHANNEL: "ALL_CHANNEL";
+    readonly ORCHESTRATION: "ORCHESTRATION";
+    readonly CAMPAIGN: "CAMPAIGN";
+};
+/**
+ * Check permissions for showing account selection
+ * Nếu PERMISSION_CODE không được tìm thấy trong api get permissions và trong @constant MENU_PERMISSIONS thì sẽ ẩn account selection
+ */
+export declare const MENU_PERMISSIONS: {
+    DF_DATA_SOURCE: string;
+    DESTINATION: string;
+    REPORT: string;
+    WEB_PERSONALIZE: string;
+};
+export declare const KEEP_HASH_PATH_DEV: string[];
+export declare const DUPLICATE_PERMISSION_MENU_CODES: string[];

package/es/components/template/Layout/constants/permission.js

@@ -0,0 +1,23 @@
+export const APP_ROLE_SCOPE = {
+    NONE: 1,
+    CREATED_BY_USER: 2,
+    MANAGEMENT_BY_USER: 3,
+    EVERYTHING: 4,
+};
+export const MARKETING_CHANNEL_CODE = {
+    ALL_CHANNEL: 'ALL_CHANNEL',
+    ORCHESTRATION: 'ORCHESTRATION',
+    CAMPAIGN: 'CAMPAIGN',
+};
+/**
+ * Check permissions for showing account selection
+ * Nếu PERMISSION_CODE không được tìm thấy trong api get permissions và trong @constant MENU_PERMISSIONS thì sẽ ẩn account selection
+ */
+export const MENU_PERMISSIONS = {
+    DF_DATA_SOURCE: 'DF_DATA_SOURCE',
+    DESTINATION: 'DESTINATION',
+    REPORT: 'REPORT',
+    WEB_PERSONALIZE: 'WEB_PERSONALIZE',
+};
+export const KEEP_HASH_PATH_DEV = ['DF_DATA_SOURCE', 'DATA_SOURCE'];
+export const DUPLICATE_PERMISSION_MENU_CODES = ['DF_DATA_SOURCE', 'DATA_SOURCE'];

package/es/components/template/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Layout';
+export * from './stores';

package/es/components/template/Layout/index.js

@@ -0,0 +1,2 @@
+export * from './Layout';
+export * from './stores';