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

package/es/components/organism/TicketEditor/util.d.ts

@@ -0,0 +1,46 @@
+export declare function getObjectPropSafely(fn: any, defaultValue?: string): any;
+export declare function isNumeric(num: any): boolean;
+export declare function getUserLocaleLanguage(config: any): any;
+export declare function callApiWithAuth(endpoint: any, method: string | undefined, body: any, domain?: string, config?: {}, token?: string, userId?: string, isTicket?: boolean, type?: string, isAccount?: boolean, isPermission?: boolean, others?: {}): Promise<import("axios").AxiosResponse<any, any>>;
+export declare function isUrlEmbedded(): boolean;
+export declare const safeParse: (val: any, defaultVal: any) => any;
+export declare const safeParseInt: (val: any, defaultVal: any) => any;
+export declare function getPortalId(config: any): any;
+export declare function getWindowParam(name: any, config: any): any;
+export declare function getSessionStorage(key: any, config?: {}): any;
+export declare function getAppParamURL(pathname: any, forceVersionV2: boolean | undefined, config: any): {
+    portalId: number;
+    accessUserId: number;
+};
+export declare function urlHasQueryString(url: any): boolean;
+export declare function getCookie(name: any): any;
+export declare function getAppSession(key: any, config: any): any;
+export declare function getEntriesV2(res: any, def: any): {
+    code: number;
+    codeMessage: any;
+    messageAPI: any;
+    data: any;
+} | {
+    code: number;
+    codeMessage: string;
+    data: any;
+    messageAPI?: undefined;
+};
+export declare const formatAccountId: (data: any) => any;
+export declare const formatParams: (data: any) => {
+    title: string;
+    ownerId: undefined;
+    followers: never[];
+    referenceUrl: string;
+    priority: string;
+    feature: string;
+    ticketType: string;
+    category: string;
+    message: string;
+    attachments: never[];
+};
+export declare const formatDatarender: (data: any, listSelect: any, listAccount: any) => any;
+export declare const handleValidateContent: (stringHTML: any) => string | undefined;
+export declare const compareArrays: (a: any, b: any) => boolean;
+export declare const convertDateToTimestamp: (time: any, timeZone: any) => string;
+export declare const postCustomEvent: (type: any, data: any) => void;

package/es/components/organism/TicketEditor/util.js

@@ -0,0 +1,403 @@
+import axios from 'axios';
+import { PORTAL_KEYS } from './constant';
+import dayjs from 'dayjs';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+dayjs.extend(utc);
+dayjs.extend(timezone);
+export function getObjectPropSafely(fn, defaultValue = '') {
+    try {
+        return fn();
+    }
+    catch (e) {
+        return defaultValue;
+    }
+}
+export function isNumeric(num) {
+    return !isNaN(num) && num !== '';
+}
+export function getUserLocaleLanguage(config) {
+    return safeParse(getWindowParam(PORTAL_KEYS.USER_LANGUAGE, config), 'en');
+}
+export function callApiWithAuth(endpoint, method = 'GET', body, domain = '', config = {}, token = '', userId = '', isTicket = false, type = '', isAccount = false, isPermission = false, others = {}) {
+    const apiPid = getPortalId(config);
+    const apiToken = token;
+    // const _user_id = userId;
+    let ownerId = userId;
+    // get from other params
+    if (isTicket) {
+        const params = {
+            _token: apiToken,
+            _account_id: ownerId,
+            _user_id: userId,
+        };
+        // endpoint += `${apiToken}&_account_id=${_owner_id}&_user_id=${_user_id}`;
+        if (type) {
+            params.type = type;
+            // endpoint += `&type=${type}`
+        }
+        return axios({
+            method,
+            url: `${domain}/${endpoint}`,
+            params,
+            data: body,
+        });
+        // .catch(err => serviceUnavailbale);
+    }
+    if (isAccount) {
+        const params = {
+            _token: apiToken,
+            _account_id: ownerId,
+            _user_id: userId,
+            account_type: type,
+        };
+        return axios({
+            method,
+            url: `${domain}/${endpoint}`,
+            params,
+            data: body,
+        });
+        // .catch(err => serviceUnavailbale);
+    }
+    if (isPermission) {
+        const params = {
+            type,
+            appCode: body.appCode,
+            menuCode: body.menuCode,
+            fullParent: body.fullParent,
+            _token: apiToken,
+            _user_id: body.ownerId || userId,
+            _account_id: userId,
+        };
+        return axios({
+            method,
+            url: `${domain}/${endpoint}`,
+            params,
+            data: body,
+        });
+        // .catch(err => serviceUnavailbale);
+    }
+    if (Object.prototype.hasOwnProperty.call(others, '_owner_id')) {
+        ownerId = safeParse(others['_owner_id'], '');
+    }
+    const isJourney = window.location.href.includes('marketing-hub/journeys');
+    if (ownerId === 'all' && !isJourney) {
+        ownerId = userId;
+    }
+    const headers = {
+        'Content-Type': 'application/json; charset=utf-8',
+        token: apiToken,
+    };
+    if (urlHasQueryString(endpoint)) {
+        endpoint += `&portalId=${apiPid}&languageCode=${getUserLocaleLanguage(config)}&_user_id=${userId}`;
+    }
+    else {
+        endpoint += `?portalId=${apiPid}&languageCode=${getUserLocaleLanguage(config)}&_user_id=${userId}`;
+    }
+    if (isNumeric(ownerId)) {
+        endpoint += `&_owner_id=${ownerId}`;
+    }
+    if (endpoint.includes('journey-histories')) {
+        endpoint += `&token=${apiToken}`;
+    }
+    return axios({
+        method,
+        url: `${domain}/${endpoint}`,
+        data: body,
+        headers,
+    });
+    // .catch(
+    //   err =>
+    //     serviceUnavailbale,
+    // );
+}
+export function isUrlEmbedded() {
+    return false;
+}
+export const safeParse = (val, defaultVal) => {
+    if (typeof val === 'undefined' ||
+        val === 'undefined' ||
+        val === null ||
+        val.length === 0 ||
+        val === 'NaN') {
+        return defaultVal;
+    }
+    return val;
+};
+export const safeParseInt = (val, defaultVal) => {
+    let tempt = safeParse(val, 0);
+    if (tempt !== 0) {
+        tempt = parseInt(tempt);
+        if (Number.isNaN(tempt)) {
+            return defaultVal;
+        }
+    }
+    return tempt;
+};
+export function getPortalId(config) {
+    const portalId = safeParse(getSessionStorage('api_pid', config), 0);
+    if (portalId === 0) {
+        return getAppParamURL(window.location.pathname, false, config).portalId;
+    }
+    return portalId;
+    // return safeParse(getAppSession('api_pid'), 0);
+}
+export function getWindowParam(name, config) {
+    return config[name];
+}
+export function getSessionStorage(key, config = {}) {
+    if (isUrlEmbedded()) {
+        return getDataWithEmbeddedPublic(key, config);
+    }
+    const tempt = getWindowParam(key, config);
+    if (tempt !== undefined) {
+        return tempt;
+    }
+    if (typeof Storage !== 'undefined') {
+        return sessionStorage.getItem(key);
+    }
+    return '';
+}
+export function getAppParamURL(pathname, forceVersionV2 = false, config) {
+    const output = {
+        portalId: 0,
+        accessUserId: 0,
+    };
+    const isV3 = pathname.indexOf('marketing-hub') > -1;
+    let portalId = 0;
+    let accessUserId = 0;
+    if (forceVersionV2 || !isV3) {
+        try {
+            // const arr = pathname.split('/');
+            const arr = pathname.split('v2');
+            if (arr.length >= 2) {
+                const arrTmp = arr[1].split('/');
+                // console.log('arrTmp', arrTmp);
+                if (arrTmp.length >= 2) {
+                    // console.log('arr', arrTmp);
+                    portalId = safeParseInt(arrTmp[2], 0);
+                    if (portalId <= 0) {
+                        portalId = safeParseInt(arrTmp[1], 0);
+                    }
+                }
+            }
+            if (portalId <= 0) {
+                portalId = safeParseInt(getAppSession('api_pid', config), 0);
+            }
+        }
+        catch (e) {
+            // console.error(e);
+        }
+    }
+    // V3 thêm param userid trên URL
+    // http://localhost:5000/gen2/33167/marketing-hub/journeys/3/create
+    // => http://localhost:5000/gen2/33167/1600082431/marketing-hub/journeys/3/create
+    if (isV3) {
+        try {
+            // const arr = pathname.split('/');
+            const arr = pathname.split('v2');
+            if (arr.length >= 2) {
+                const arrTmp = arr[1].split('/');
+                if (arrTmp.length >= 2) {
+                    portalId = safeParseInt(arrTmp[1], 0);
+                    accessUserId = safeParseInt(arrTmp[2], 0);
+                    // if (portalId <= 0) {
+                    //   portalId = safeParseInt(arrTmp[1], 0);
+                    // }
+                }
+            }
+            if (portalId <= 0) {
+                portalId = safeParseInt(getAppSession('api_pid', config), 0);
+            }
+        }
+        catch (e) {
+            // console.error(e);
+        }
+    }
+    output.portalId = portalId;
+    output.accessUserId = accessUserId;
+    return output;
+}
+export function urlHasQueryString(url) {
+    const arr = url.split('?');
+    if (arr.length > 1 && arr[1] !== '') {
+        return true;
+    }
+    return false;
+}
+function getDataWithEmbeddedPublic(key, config = {}) {
+    const data = safeParse(config.embeddedData, {});
+    return data[key];
+}
+export function getCookie(name) {
+    if (isUrlEmbedded()) {
+        return getDataWithEmbeddedPublic(name);
+    }
+    const cname = `${name}=`;
+    const decodedCookie = decodeURIComponent(document.cookie);
+    const ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i += 1) {
+        let c = ca[i];
+        while (c.charAt(0) === ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(cname) === 0) {
+            return c.substring(cname.length, c.length);
+        }
+    }
+    return '';
+}
+export function getAppSession(key, config) {
+    if (isUrlEmbedded()) {
+        return getDataWithEmbeddedPublic(key, config);
+    }
+    let tempt = safeParse(getSessionStorage(key.config), '');
+    if (tempt === '') {
+        // console.error('------CAN"T NOT GET APP SESSION');
+        tempt = getCookie(key);
+    }
+    return window.decodeURIComponent(tempt);
+}
+export function getEntriesV2(res, def) {
+    if (typeof res !== 'undefined') {
+        const code = parseInt(safeParse(res.data.code, 500));
+        const message = safeParse(res.data.message, '');
+        // validateRedirect(code, message);
+        let codeMessage = safeParse(res.data.codeMessage, 'INTERNAL_SERVER_ERROR');
+        let entries = def;
+        if (code === 200) {
+            const data = safeParse(res.data.data, {});
+            entries = safeParse(data.entries, []);
+            codeMessage = 'SUCCESS';
+        }
+        else {
+            const data = safeParse(res.data.data, {});
+            entries = safeParse(data.entries, def);
+        }
+        return {
+            code,
+            codeMessage,
+            // message: getMessageByCode(codeMessage),
+            messageAPI: message,
+            data: entries,
+        };
+    }
+    return {
+        code: 500,
+        codeMessage: 'INTERNAL_SERVER_ERROR',
+        // message: getMessageByCode('INTERNAL_SERVER_ERROR'),
+        data: def,
+    };
+}
+export const formatAccountId = data => {
+    const results = data === null || data === void 0 ? void 0 : data.map(item => item === null || item === void 0 ? void 0 : item.userId);
+    return results;
+};
+export const formatParams = data => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const params = {
+        title: '',
+        ownerId: undefined,
+        followers: [],
+        referenceUrl: '',
+        priority: '',
+        feature: '',
+        ticketType: '',
+        category: '',
+        message: '',
+        attachments: [],
+    };
+    if (data === null || data === void 0 ? void 0 : data.ownerId) {
+        params.ownerId = (_a = data === null || data === void 0 ? void 0 : data.ownerId[0]) === null || _a === void 0 ? void 0 : _a.userId;
+    }
+    if (data === null || data === void 0 ? void 0 : data.title) {
+        params.title = data === null || data === void 0 ? void 0 : data.title;
+    }
+    if ((_b = data === null || data === void 0 ? void 0 : data.followers) === null || _b === void 0 ? void 0 : _b.length) {
+        params.followers = formatAccountId(data === null || data === void 0 ? void 0 : data.followers);
+    }
+    if (data === null || data === void 0 ? void 0 : data.referenceUrl) {
+        params.referenceUrl = data === null || data === void 0 ? void 0 : data.referenceUrl;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.priority).length) {
+        params.priority = (_c = data === null || data === void 0 ? void 0 : data.priority) === null || _c === void 0 ? void 0 : _c.value;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.feature).length) {
+        params.feature = (_d = data === null || data === void 0 ? void 0 : data.feature) === null || _d === void 0 ? void 0 : _d.value;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.ticketType).length) {
+        params.ticketType = (_e = data === null || data === void 0 ? void 0 : data.ticketType) === null || _e === void 0 ? void 0 : _e.value;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.category).length) {
+        params.category = (_f = data === null || data === void 0 ? void 0 : data.category) === null || _f === void 0 ? void 0 : _f.value;
+    }
+    if ((_g = data === null || data === void 0 ? void 0 : data.message) === null || _g === void 0 ? void 0 : _g.length) {
+        params.message = data === null || data === void 0 ? void 0 : data.message;
+    }
+    if ((_h = data === null || data === void 0 ? void 0 : data.files) === null || _h === void 0 ? void 0 : _h.length) {
+        params.attachments = (_j = data === null || data === void 0 ? void 0 : data.files) === null || _j === void 0 ? void 0 : _j.map(file => file === null || file === void 0 ? void 0 : file.token);
+    }
+    return params;
+};
+export const formatDatarender = (data, listSelect, listAccount) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    if (data === null || data === void 0 ? void 0 : data.ownerId) {
+        data.ownerId = listAccount === null || listAccount === void 0 ? void 0 : listAccount.filter(acc => acc.userId === (data === null || data === void 0 ? void 0 : data.ownerId));
+    }
+    if ((_a = data === null || data === void 0 ? void 0 : data.followers) === null || _a === void 0 ? void 0 : _a.length) {
+        const newFollowers = [];
+        (_b = data.followers) === null || _b === void 0 ? void 0 : _b.forEach(fol => {
+            listAccount.forEach(acc => {
+                if (fol === acc.userId) {
+                    newFollowers.push(acc);
+                }
+            });
+        });
+        data.followers = newFollowers;
+    }
+    if (data === null || data === void 0 ? void 0 : data.priority) {
+        const newPriority = (_d = (_c = listSelect === null || listSelect === void 0 ? void 0 : listSelect.filter(sel => sel.value === 'priority')[0]) === null || _c === void 0 ? void 0 : _c.field_options) === null || _d === void 0 ? void 0 : _d.filter(opt => opt.value === data.priority);
+        [data.priority] = newPriority;
+    }
+    if (data === null || data === void 0 ? void 0 : data.feature) {
+        const newFeature = (_f = (_e = listSelect === null || listSelect === void 0 ? void 0 : listSelect.filter(sel => sel.value === 'feature')[0]) === null || _e === void 0 ? void 0 : _e.field_options) === null || _f === void 0 ? void 0 : _f.filter(opt => opt.value === data.feature);
+        [data.feature] = newFeature;
+    }
+    if (data === null || data === void 0 ? void 0 : data.ticketType) {
+        const newTicket = (_h = (_g = listSelect === null || listSelect === void 0 ? void 0 : listSelect.filter(sel => sel.value === 'ticketType')[0]) === null || _g === void 0 ? void 0 : _g.field_options) === null || _h === void 0 ? void 0 : _h.filter(opt => opt.value === data.ticketType);
+        [data.ticketType] = newTicket;
+    }
+    if (data === null || data === void 0 ? void 0 : data.category) {
+        const newCategory = (_k = (_j = listSelect === null || listSelect === void 0 ? void 0 : listSelect.filter(sel => sel.value === 'category')[0]) === null || _j === void 0 ? void 0 : _j.field_options) === null || _k === void 0 ? void 0 : _k.filter(opt => opt.value === data.category);
+        [data.category] = newCategory;
+    }
+    // if(data?.files?.length) {
+    //   params.files = data?.files
+    // }
+    return data;
+};
+export const handleValidateContent = stringHTML => {
+    var _a, _b, _c;
+    if (stringHTML) {
+        const elment = document.createElement('div');
+        elment.innerHTML = stringHTML;
+        return (_c = (_b = (_a = elment === null || elment === void 0 ? void 0 : elment.firstChild) === null || _a === void 0 ? void 0 : _a.innerHTML) === null || _b === void 0 ? void 0 : _b.replace(/&nbsp;/g, '')) === null || _c === void 0 ? void 0 : _c.trim();
+    }
+};
+export const compareArrays = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+export const convertDateToTimestamp = (time, timeZone) => dayjs(time).tz(timeZone).format('MMM DD YYYY hh:mm');
+export const postCustomEvent = (type, data) => {
+    if (!type) {
+        return;
+    }
+    try {
+        document.dispatchEvent(new CustomEvent(type, {
+            detail: data,
+            bubbles: true,
+            cancelable: true,
+            composed: false,
+            // data,
+        }));
+    }
+    catch (error) { }
+};

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

@@ -1,5 +1,14 @@
 export { Help } from './Help';
 export { Menu } from './Menu';
+export { Notification, type NotificationProps } from './Notification';
+export { AccountSharing, type AccountSharingProps } from './AccountSharing';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';
+export { default as ContentSources } from './ContentSources';
+export * from './ContentSources/provider';
+export { LeftMenu, type LeftMenuProps } from './LeftMenu';
+export { TicketEditor } from './TicketEditor';
+export * from './DataTable';
+export * from './ModifyColumnModal';
+export { AccountProfile, type AccountSettingProps } from './AccountProfile';

package/es/components/organism/index.js

@@ -1,5 +1,14 @@
 export { Help } from './Help';
 export { Menu } from './Menu';
+export { Notification } from './Notification';
+export { AccountSharing } from './AccountSharing';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';
+export { default as ContentSources } from './ContentSources';
+export * from './ContentSources/provider';
+export { LeftMenu } from './LeftMenu';
+export { TicketEditor } from './TicketEditor';
+export * from './DataTable';
+export * from './ModifyColumnModal';
+export { AccountProfile } from './AccountProfile';

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

@@ -0,0 +1,25 @@
+import React, { PropsWithChildren } from 'react';
+import { LeftMenuProps } from '../../organism';
+import { HeaderV2Props } from '../../molecules';
+import '@antscorp/processing-notification/dist/index.css';
+import { ProcessingNotificationProps } from '@antscorp/antsomi-ui/es/types';
+import { ContentWrapperProps, WorkspaceProps } from './types';
+interface LayoutProps {
+    headerProps?: Partial<Omit<HeaderV2Props, 'helpConfig'> & {
+        helpConfig: Partial<HeaderV2Props['helpConfig']>;
+    }>;
+    leftMenuProps?: LeftMenuProps;
+    processingNotificationProps?: Partial<ProcessingNotificationProps>;
+    contentWrapperProps?: ContentWrapperProps;
+    workspaceProps?: WorkspaceProps;
+    onActiveMenuChange?: (menuActive?: string) => void;
+}
+export declare const Layout: React.FC<PropsWithChildren<LayoutProps>>;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'ants-processing-notification': any;
+        }
+    }
+}
+export {};

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

@@ -0,0 +1,161 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { useContextSelector } from 'use-context-selector';
+import AntsProcessingNotification from '@antscorp/processing-notification';
+import { cloneDeep, isString, merge, omit } from 'lodash';
+import isEqual from 'react-fast-compare';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+import { Helmet } from 'react-helmet';
+// Styled
+import { ChildrenWrapper, ContentWrapper, LayoutWrapper, NotificationWrapper } from './styled';
+// Components
+import { LeftMenu } from '../../organism';
+import { Flex } from '../../atoms';
+import { HeaderV2 } from '../../molecules';
+// Contexts
+import { AppConfigContext } from '../../..';
+// Constants
+import { APP_CODES, APP_IAM_DOMAIN, APP_PERMISSION_DOMAIN, IAM_API, PERMISSION_API, PORTALS_IDS, SOCKET_API, } from '../../../constants';
+// Css
+import '@antscorp/processing-notification/dist/index.css';
+import { useLayoutStore } from './stores';
+// Utils
+import { hasSelectAccountPermission } from './utils';
+import { useDeepCompareMemo, useMutationObserver } from '@antscorp/antsomi-ui/es/hooks';
+import { HOME_MENU_ITEMS } from '../../organism/LeftMenu/constants';
+import { RecommendationWorkspace } from './components';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+const { DATAFLOWS, APP_ANTALYSER } = APP_CODES;
+export const Layout = memo(props => {
+    const { leftMenuProps, headerProps = {}, workspaceProps, contentWrapperProps, processingNotificationProps, children, onActiveMenuChange, } = props;
+    const _a = workspaceProps || {}, { workspaceContentProps } = _a, restOfWorkspaceProps = __rest(_a, ["workspaceContentProps"]);
+    const appConfig = useContextSelector(AppConfigContext, state => state);
+    const { auth, languageCode, appCode, permissionDomain: configPermissionDomain, iamDomain: configIamDomain, env, } = appConfig;
+    const { token, userId, portalId } = auth || {};
+    const leftMenu = useLayoutStore(store => store.state.leftMenu);
+    const header = useLayoutStore(store => store.state.header);
+    const contentWrapper = useLayoutStore(store => store.state.contentWrapper);
+    const workspace = useLayoutStore(store => store.state.workspace);
+    const [showAccountSelection, setShowAccountSelection] = useState(false);
+    const [noSpaceTopContent, setNoSpaceTopContent] = useState(false);
+    const [activeMenuCode, setActiveMenuCode] = useState('');
+    const [activePageTitle, setActivePageTitle] = useState('');
+    // Refs
+    const notificationWrapperRef = useRef(null);
+    // Hooks
+    useMutationObserver(() => {
+        if (notificationWrapperRef.current) {
+            const child = notificationWrapperRef.current.querySelector('div');
+            setNoSpaceTopContent(!!child);
+        }
+    }, notificationWrapperRef, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributeOldValue: true,
+        characterDataOldValue: true,
+    });
+    // Memo
+    const permissionDomain = useDeepCompareMemo(() => {
+        var _a;
+        /**
+         * Priority for permission domain
+         */
+        if (configPermissionDomain) {
+            return configPermissionDomain;
+        }
+        /**
+         * Check if appCode not exist and portalId is SANDBOX
+         * then return production permission api
+         */
+        if (!appCode || portalId === PORTALS_IDS.SANDBOX)
+            return PERMISSION_API;
+        switch (appCode) {
+            case DATAFLOWS:
+            case APP_ANTALYSER:
+                return ((_a = APP_PERMISSION_DOMAIN[appCode]) === null || _a === void 0 ? void 0 : _a[env || 'development']) || PERMISSION_API;
+            default:
+                return PERMISSION_API;
+        }
+    }, [appCode, configPermissionDomain, env, portalId]);
+    const iamDomain = useMemo(() => {
+        var _a;
+        if (configIamDomain)
+            return configIamDomain;
+        /**
+         * Check if appCode not exist and portalId is SANDBOX
+         * then return production iam api
+         */
+        if (!appCode || portalId === PORTALS_IDS.SANDBOX)
+            return IAM_API;
+        switch (appCode) {
+            case DATAFLOWS:
+            case APP_ANTALYSER:
+                return ((_a = APP_IAM_DOMAIN[appCode]) === null || _a === void 0 ? void 0 : _a[env || 'development']) || IAM_API;
+            default:
+                return IAM_API;
+        }
+    }, [appCode, configIamDomain, env, portalId]);
+    const initialHeaderProps = useDeepCompareMemo(() => {
+        var _a, _b;
+        return (Object.assign(Object.assign({ className: 'layout-header', useURLParam: true }, headerProps), { config: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.config), { permissionDomain,
+                iamDomain }), helpConfig: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.helpConfig), { configs: Object.assign(Object.assign({}, (_a = headerProps === null || headerProps === void 0 ? void 0 : headerProps.helpConfig) === null || _a === void 0 ? void 0 : _a.configs), { appCode: 'SANDBOX_MARKETING', avatar: '//c0-platform.ants.tech/avatar/2021/09/17/0xgbkurioo.png', config: {
+                        p_timezone: 'Asia/Singapore',
+                        api_pid: 33167,
+                        p_f_longdatetime: "dd MMMM 'at' HH:mm:ss",
+                        embeddedData: {},
+                        INSIGHT_U_OGS: 'uogs',
+                    } }) }), accountSharingConfig: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSharingConfig), { u_ogs: 'uogs', appCode: appCode || 'APP_CUSTOMER_360' }), accountSelection: Object.assign(Object.assign({}, headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSelection), { show: !!((_b = headerProps === null || headerProps === void 0 ? void 0 : headerProps.accountSelection) === null || _b === void 0 ? void 0 : _b.show) && showAccountSelection }) }));
+    }, [headerProps, iamDomain, permissionDomain, showAccountSelection]);
+    const mergeHeaderProps = useDeepCompareMemo(() => merge(cloneDeep(initialHeaderProps), Object.assign(Object.assign({}, header), { pageTitle: (header === null || header === void 0 ? void 0 : header.pageTitle) || activePageTitle })), [initialHeaderProps, header, activePageTitle]);
+    const _b = useDeepCompareMemo(() => merge(cloneDeep(contentWrapperProps), cloneDeep(contentWrapper)), [contentWrapperProps, contentWrapper]), { noPadding, showNotification = true } = _b, mergeContentWrapperProps = __rest(_b, ["noPadding", "showNotification"]);
+    const mergeWorkSpaceProps = useDeepCompareMemo(() => merge(cloneDeep(restOfWorkspaceProps), omit(workspace, 'workspaceContentProps')), [restOfWorkspaceProps, workspace]);
+    const _c = useDeepCompareMemo(() => merge(cloneDeep(leftMenuProps), cloneDeep(leftMenu)), [leftMenuProps, leftMenu, appConfig]), { className: leftMenuClassName, show: showLeftMenu = true } = _c, mergeLeftMenuProps = __rest(_c, ["className", "show"]);
+    const leftMenuAppConfig = useDeepCompareMemo(() => omit(Object.assign(Object.assign({}, appConfig), { permissionDomain }), ['setAppConfig']), [appConfig]);
+    const antsProcessingNotificationConfig = useMemo(() => (Object.assign({ permissionDomain, socketDomain: SOCKET_API, token, accountId: userId, userId, lang: languageCode, networkId: portalId }, processingNotificationProps)), [permissionDomain, token, userId, languageCode, portalId, processingNotificationProps]);
+    const onActiveMenuCodeChange = useCallback((activeItemPath, flattenPermissionList, menuListPermission) => {
+        var _a;
+        const activeMenuItem = activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath[(activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath.length) - 1];
+        const { menu_item_code, page_title, menu_item_name } = activeMenuItem || {};
+        setActivePageTitle(page_title
+            ? i18nInstance.t((_a = translations.leftMenu.pageTitle) === null || _a === void 0 ? void 0 : _a[`${page_title}`]).toString()
+            : menu_item_name);
+        setActiveMenuCode(menu_item_code);
+        onActiveMenuChange === null || onActiveMenuChange === void 0 ? void 0 : onActiveMenuChange(menu_item_code);
+        const hasRole = hasSelectAccountPermission({
+            activeItemPath: cloneDeep(activeItemPath),
+            flattenPermissionList,
+            menuListPermission,
+            appItem: activeItemPath[0],
+        });
+        setShowAccountSelection(hasRole);
+    }, [onActiveMenuChange]);
+    return (React.createElement(LayoutWrapper, { showLeftMenu: !!showLeftMenu },
+        React.createElement(Helmet, null,
+            React.createElement("meta", { charSet: "utf-8" }),
+            React.createElement("title", null, (header === null || header === void 0 ? void 0 : header.browserTitle) || (header === null || header === void 0 ? void 0 : header.pageTitle)
+                ? isString(header === null || header === void 0 ? void 0 : header.pageTitle)
+                    ? header === null || header === void 0 ? void 0 : header.pageTitle
+                    : ''
+                : activePageTitle)),
+        React.createElement(HeaderV2, Object.assign({}, mergeHeaderProps, { showLogo: !showLeftMenu })),
+        React.createElement(Flex, { className: "layout-body" },
+            showLeftMenu && (React.createElement(LeftMenu, Object.assign({ className: `layout-body__menu ${leftMenuClassName}` }, mergeLeftMenuProps, { appConfig: leftMenuAppConfig, onActiveMenuCodeChange: onActiveMenuCodeChange }))),
+            React.createElement(ContentWrapper, Object.assign({ "$noPadding": noPadding, "$noSpaceTopContent": noSpaceTopContent }, mergeContentWrapperProps), activeMenuCode === HOME_MENU_ITEMS.RECOMMENDATION.menu_item_code ? (React.createElement("div", { className: "layout-body__content" },
+                React.createElement(RecommendationWorkspace, null))) : (React.createElement("div", Object.assign({ className: `layout-body__content ${(workspaceProps === null || workspaceProps === void 0 ? void 0 : workspaceProps.className) || ''}` }, mergeWorkSpaceProps),
+                React.createElement(NotificationWrapper, { className: "process-notification", ref: notificationWrapperRef }, showNotification && (React.createElement(AntsProcessingNotification, Object.assign({}, antsProcessingNotificationConfig)))),
+                React.createElement(ChildrenWrapper, Object.assign({}, workspaceContentProps),
+                    React.createElement("div", null, children))))))));
+}, (prevProps, nextProps) => isEqual(prevProps, nextProps));

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

@@ -0,0 +1 @@
+"use strict";