@antscorp/antsomi-ui 1.3.5-beta.488 → 1.3.5-beta.489

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

@@ -52,7 +52,6 @@ export const ChildMenu = memo(props => {
     const { pathname, hash } = window.location;
     const { isPushDifferentDomain, getPath, navigatePath } = useNavigatePath();
     useDeepCompareEffect(() => {
-        var _a;
         switch (true) {
             case isCustomized: {
                 setCurrentActiveItem(customActiveCurrentKey);
@@ -88,17 +87,18 @@ export const ChildMenu = memo(props => {
             default: {
                 const url = `${pathname}${hash}`;
                 // Active menu item by current url
-                const activeMenuItem = (_a = findLastMatchedItemByUrl({
+                const activeMenuItem = findLastMatchedItemByUrl({
                     url,
                     menuItems,
                     auth,
                     env,
-                })) === null || _a === void 0 ? void 0 : _a.menu_item_code;
-                if (activeMenuItem && activeMenuItem !== currentActiveItem) {
-                    setCurrentActiveItem(activeMenuItem);
+                });
+                const activeMenuItemCode = activeMenuItem === null || activeMenuItem === void 0 ? void 0 : activeMenuItem.menu_item_code;
+                if (activeMenuItemCode && activeMenuItemCode !== currentActiveItem) {
+                    setCurrentActiveItem(activeMenuItemCode);
                     // Find parent key of active menu item to open it
                     const parentKey = recursiveFindParentOfActiveItem({
-                        activeMenuItem,
+                        activeMenuItem: activeMenuItemCode,
                         menuItems: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(item => getMenuItem(item)),
                     });
                     if (parentKey) {

package/es/components/organism/LeftMenu/constants/variables.js

@@ -22,31 +22,18 @@ export const HOME_REPORT_ROUTES = {
     CREATE: `create`,
 };
 export const HOME_MENU_ITEMS = {
-    // RECENT: {
-    //   menu_item_name: 'Recent',
-    //   menu_item_code: 'recentDashboard',
-    //   icon_name: null,
-    // },
-    // OWNERS: {
-    //   menu_item_name: 'Owners',
-    //   menu_item_code: 'ownedDashboard',
-    //   icon_name: null,
-    // },
-    // SHARED_WITH_ME: {
-    //   menu_item_name: 'Shared with me',
-    //   menu_item_code: 'sharedDashboard',
-    //   icon_name: null,
-    // },
     RECOMMENDATION: {
         menu_item_name: 'Recommendation',
         menu_item_code: 'recommendation',
         icon_name: 'icon-ants-tips',
         menu_item_path: `${HOME_ROUTE}/recommendation`,
+        page_title: '_recommendation',
     },
     DASHBOARD: {
         menu_item_name: 'Dashboard',
         menu_item_code: 'ownedDashboard',
         icon_name: 'icon-ants-dashboard',
+        page_title: '_dashboard',
     },
 };
 /* MARKETING APP */

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

@@ -10,7 +10,7 @@ import { getGeneratePath } from '../utils';
 import { hasSelectAccountPermission } from '../../../template/Layout/utils';
 // Constants
 import { ENV } from '@antscorp/antsomi-ui/es/config';
-import { KEEP_HASH_PATH_CODE } from '../../../template/Layout/constants';
+import { KEEP_HASH_PATH_DEV } from '../../../template/Layout/constants';
 // Hooks
 import { usePermission } from './usePermission';
 export const useNavigatePath = () => {
@@ -40,7 +40,7 @@ export const useNavigatePath = () => {
     }, [isDev]);
     const getPath = useCallback((path, itemKey) => {
         var _a;
-        if ((path === null || path === void 0 ? void 0 : path.includes('#')) && !KEEP_HASH_PATH_CODE.includes(`${itemKey}`)) {
+        if ((path === null || path === void 0 ? void 0 : path.includes('#')) && !KEEP_HASH_PATH_DEV.includes(`${itemKey}`)) {
             const customPath = ((_a = path === null || path === void 0 ? void 0 : path.split('#')) === null || _a === void 0 ? void 0 : _a[1]) || '';
             return getGeneratePath(customPath, auth);
         }

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

@@ -56,6 +56,7 @@ export declare const recursiveGetInitialFeatureMenuItem: (featureMenuItem: Parti
     total_row: number;
     ctime: string | null;
     utime: string | null;
+    page_title?: string | undefined;
     logo_url?: string | undefined;
     children?: TFeatureMenu[] | undefined;
 };

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

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { cloneDeep, isArray, isEmpty, sortBy } from 'lodash';
 // Constants
 import { APP_KEYS, MARKETING_CHANNEL_KEY, HOME_MENU_ITEMS, MARKETING_ROUTES, MENU_ITEM_TYPE, RENDER_OPTION, HOME_REPORT_ROUTES, SETTING_APP, } from '../constants';
-import { MARKETING_CHANNEL_CODE, KEEP_HASH_PATH_CODE } from '../../../template/Layout/constants';
+import { MARKETING_CHANNEL_CODE, KEEP_HASH_PATH_DEV } from '../../../template/Layout/constants';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 import { ENV } from '@antscorp/antsomi-ui/es/config';
@@ -252,7 +252,7 @@ export const findActiveAppCodeByUrl = (args) => {
             let matchAppCode = false;
             for (const item of items) {
                 if (item === null || item === void 0 ? void 0 : item.menu_item_path) {
-                    const comparePath = KEEP_HASH_PATH_CODE.includes(item.menu_item_code)
+                    const comparePath = KEEP_HASH_PATH_DEV.includes(item.menu_item_code)
                         ? getGeneratePath(item.menu_item_path, auth)
                         : getComparePath(getGeneratePath(item.menu_item_path, auth), env);
                     if (url.includes(comparePath)) {
@@ -298,7 +298,7 @@ export const findLastMatchedItemByUrl = (args) => {
         const recursiveFindActiveItem = (items, parentId) => {
             for (const item of items) {
                 if (item === null || item === void 0 ? void 0 : item.menu_item_path) {
-                    const comparePath = KEEP_HASH_PATH_CODE.includes(item.menu_item_code)
+                    const comparePath = KEEP_HASH_PATH_DEV.includes(item.menu_item_code)
                         ? getGeneratePath(item.menu_item_path, auth)
                         : getComparePath(getGeneratePath(item.menu_item_path, auth), env);
                     if (url.includes(comparePath) && (!parentId || item.menu_item_parent === parentId)) {

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

@@ -15,6 +15,7 @@ import { useContextSelector } from 'use-context-selector';
 import AntsProcessingNotification from '@antscorp/processing-notification';
 import { cloneDeep, merge, omit } from 'lodash';
 import isEqual from 'react-fast-compare';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
 // Styled
 import { ChildrenWrapper, ContentWrapper, LayoutWrapper, NotificationWrapper } from './styled';
 // Components
@@ -33,6 +34,7 @@ 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;
@@ -44,6 +46,7 @@ export const Layout = memo(props => {
     const header = useLayoutStore(store => store.state.header);
     const contentWrapper = useLayoutStore(store => store.state.contentWrapper);
     const workspace = useLayoutStore(store => store.state.workspace);
+    const setHeaderState = useLayoutStore(store => store.setHeaderState);
     const [showAccountSelection, setShowAccountSelection] = useState(false);
     const [noSpaceTopContent, setNoSpaceTopContent] = useState(false);
     const [activeMenuCode, setActiveMenuCode] = useState('');
@@ -115,7 +118,7 @@ export const Layout = memo(props => {
                         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), header), [initialHeaderProps, header]);
+    const mergeHeaderProps = useDeepCompareMemo(() => merge(cloneDeep(initialHeaderProps), Object.assign(Object.assign({}, header), { pageTitle: (header === null || header === void 0 ? void 0 : header.pageTitle) || (header === null || header === void 0 ? void 0 : header.pageTitleTemp) })), [initialHeaderProps, header]);
     const _b = useDeepCompareMemo(() => merge(cloneDeep(contentWrapperProps), cloneDeep(contentWrapper)), [contentWrapperProps, contentWrapper]), { noPadding } = _b, mergeContentWrapperProps = __rest(_b, ["noPadding"]);
     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"]);
@@ -123,9 +126,15 @@ export const Layout = memo(props => {
     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 activeMenuCode = (_a = activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath[(activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath.length) - 1]) === null || _a === void 0 ? void 0 : _a.menu_item_code;
-        setActiveMenuCode(activeMenuCode);
-        onActiveMenuChange === null || onActiveMenuChange === void 0 ? void 0 : onActiveMenuChange(activeMenuCode);
+        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 || {};
+        setHeaderState({
+            pageTitleTemp: 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,
@@ -133,7 +142,7 @@ export const Layout = memo(props => {
             appItem: activeItemPath[0],
         });
         setShowAccountSelection(hasRole);
-    }, [onActiveMenuChange]);
+    }, [onActiveMenuChange, setHeaderState]);
     return (React.createElement(LayoutWrapper, { showLeftMenu: !!showLeftMenu },
         React.createElement(HeaderV2, Object.assign({}, mergeHeaderProps, { showLogo: !showLeftMenu })),
         React.createElement(Flex, { className: "layout-body" },

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

@@ -2,9 +2,10 @@
 import React, { useLayoutEffect } from 'react';
 // Components
 import { MenuMapping, RecommendationImage } from './components';
-import { Flex } from '../../../../atoms';
 // Stores
 import { useLayoutStore } from '../../stores';
+// Styled
+import { RecommendationWorkspaceWrapper } from './styled';
 export const RecommendationWorkspace = () => {
     const setHeaderState = useLayoutStore(store => store.setHeaderState);
     useLayoutEffect(() => {
@@ -13,12 +14,13 @@ export const RecommendationWorkspace = () => {
             pageTitle: 'Recommendation',
         });
         return () => {
+            document.title = '';
             setHeaderState({
                 pageTitle: '',
             });
         };
     }, [setHeaderState]);
-    return (React.createElement(Flex, { gap: 220, align: "center", justify: "center", style: { height: '100%' } },
+    return (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/constants/permission.d.ts

@@ -18,4 +18,5 @@ export declare const MENU_PERMISSIONS: {
     DESTINATION: string;
     REPORT: string;
 };
-export declare const KEEP_HASH_PATH_CODE: 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

@@ -18,4 +18,5 @@ export const MENU_PERMISSIONS = {
     DESTINATION: 'DESTINATION',
     REPORT: 'REPORT',
 };
-export const KEEP_HASH_PATH_CODE = ['DF_DATA_SOURCE', 'DATA_SOURCE'];
+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/stores/index.d.ts

@@ -4,6 +4,7 @@ import { DeepPartial } from '@antscorp/antsomi-ui/es/types';
 import { ContentWrapperProps, WorkspaceProps } from '../types';
 import { LeftMenuProps } from '../../../organism';
 export interface HeaderStore extends Partial<HeaderV2Props> {
+    pageTitleTemp?: string;
 }
 export interface LeftMenuStore extends LeftMenuProps {
     show?: boolean;

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

@@ -1,4 +1,4 @@
-import { MENU_CODE, APP_ROLE_SCOPE, MENU_PERMISSIONS, KEEP_HASH_PATH_CODE } from '../constants';
+import { MENU_CODE, APP_ROLE_SCOPE, MENU_PERMISSIONS, DUPLICATE_PERMISSION_MENU_CODES, } from '../constants';
 import { isEmpty } from 'lodash';
 const EDIT_ROLE = new Set(['CREATE', 'UPDATE', 'DELETE']);
 /**
@@ -74,7 +74,7 @@ export const hasSelectAccountPermission = (args) => {
         }
         const menuPermission = (() => {
             var _a;
-            if (KEEP_HASH_PATH_CODE.includes(activeItem.menu_item_code)) {
+            if (DUPLICATE_PERMISSION_MENU_CODES.includes(activeItem.menu_item_code)) {
                 if (appItem) {
                     const appPermission = (() => {
                         switch (appItem === null || appItem === void 0 ? void 0 : appItem.permission_code) {

package/es/constants/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const BREAK_POINTS: {
+    PHONE: number;
+    PHABLET: number;
+    TABLET: number;
+    LAPTOP: number;
+    LAPTOP_13: number;
+    LAPTOP_14: number;
+    LAPTOP_15: number;
+    LAPTOP_16: number;
+    DESKTOP: number;
+    DESKTOP_L: number;
+};

package/es/constants/styles.js

@@ -0,0 +1,12 @@
+export const BREAK_POINTS = {
+    PHONE: 320,
+    PHABLET: 540,
+    TABLET: 768,
+    LAPTOP: 992,
+    LAPTOP_13: 1024,
+    LAPTOP_14: 1152,
+    LAPTOP_15: 1280,
+    LAPTOP_16: 1440,
+    DESKTOP: 1600,
+    DESKTOP_L: 1920,
+};

package/es/locales/en/translation.json

@@ -593,5 +593,69 @@
     "extendValue": {
         "title": "Extend Value",
         "placeholder": "Input or paste multiple values separated by Enter"
+    },
+    "leftMenu": {
+        "pageTitle": {
+            "_recommendation": "Recommendation",
+            "_dashboard": "Dashboard",
+            "_marketing": "Marketing",
+            "_content": "Content",
+            "_templates": "Templates",
+            "_profiles": "Profiles",
+            "_data": "Data",
+            "_insights": "Insights",
+            "_settings": "Settings",
+            "_overview": "Overview",
+            "_allChannel": "All Channels",
+            "_allCampaign": "All Campaigns",
+            "_orchestration": "Journey Orchestration",
+            "_coupons": "Coupons",
+            "_shortLinks": "Short Links",
+            "_mediaTemplate": "Media Templates",
+            "_emailTemplate": "Email Templates",
+            "_journeyTactic": "Journey Tactics",
+            "_customers": "Customers",
+            "_visitors": "Visitors",
+            "_segments": "Segments",
+            "_models": "Models",
+            "_dataSchema": "Data Schema",
+            "_dataflows": "Dataflows",
+            "_histories": "Histories",
+            "_analysis": "Analysis",
+            "_report": "Reports",
+            "_dataSources": "Data Sources",
+            "_gallery": "Gallery",
+            "_accounts": "Accounts",
+            "_roles": "Roles",
+            "_dataProtect": "Data Protect",
+            "_general": "General Settings",
+            "_accountSharing": "Account Sharing",
+            "_ticket": "Ticket",
+            "_channelIntegration": "Channel Intergration",
+            "_diagrams": "Diagrams",
+            "_eventSources": "Event Sources",
+            "_events": "Events",
+            "_dataObjects": "Data Objects",
+            "_conversion": "Conversion",
+            "_dataViews": "Data Views",
+            "_eventAttributes": "Event Attributes",
+            "_analyticModels": "Analytic Models",
+            "_batchStream": "Batch Streaming Flows",
+            "_realtimeStream": "Realtime Streaming Flows",
+            "_sources": "Sources",
+            "_destinations": "Destinations",
+            "_upload": "Upload Histories",
+            "_export": "Export Histories",
+            "_sqlWorkspace": "SQL Workspace",
+            "_scheduleQuery": "Schedule Query",
+            "_survey": "Survey",
+            "_monitor": "Monitor",
+            "_projects": "Projects",
+            "_webPersonalize": "Web Personalize",
+            "_schedule": "Schedule",
+            "_explore": "Explore",
+            "_builtIn": "Built in",
+            "_standard": "Standard"
+        }
     }
 }

package/es/locales/i18n.d.ts

@@ -596,6 +596,70 @@ export declare const translationsJson: {
                 title: string;
                 placeholder: string;
             };
+            leftMenu: {
+                pageTitle: {
+                    _recommendation: string;
+                    _dashboard: string;
+                    _marketing: string;
+                    _content: string;
+                    _templates: string;
+                    _profiles: string;
+                    _data: string;
+                    _insights: string;
+                    _settings: string;
+                    _overview: string;
+                    _allChannel: string;
+                    _allCampaign: string;
+                    _orchestration: string;
+                    _coupons: string;
+                    _shortLinks: string;
+                    _mediaTemplate: string;
+                    _emailTemplate: string;
+                    _journeyTactic: string;
+                    _customers: string;
+                    _visitors: string;
+                    _segments: string;
+                    _models: string;
+                    _dataSchema: string;
+                    _dataflows: string;
+                    _histories: string;
+                    _analysis: string;
+                    _report: string;
+                    _dataSources: string;
+                    _gallery: string;
+                    _accounts: string;
+                    _roles: string;
+                    _dataProtect: string;
+                    _general: string;
+                    _accountSharing: string;
+                    _ticket: string;
+                    _channelIntegration: string;
+                    _diagrams: string;
+                    _eventSources: string;
+                    _events: string;
+                    _dataObjects: string;
+                    _conversion: string;
+                    _dataViews: string;
+                    _eventAttributes: string;
+                    _analyticModels: string;
+                    _batchStream: string;
+                    _realtimeStream: string;
+                    _sources: string;
+                    _destinations: string;
+                    _upload: string;
+                    _export: string;
+                    _sqlWorkspace: string;
+                    _scheduleQuery: string;
+                    _survey: string;
+                    _monitor: string;
+                    _projects: string;
+                    _webPersonalize: string;
+                    _schedule: string;
+                    _explore: string;
+                    _builtIn: string;
+                    _standard: string;
+                };
+            };
         };
     };
     vi: {
@@ -745,6 +809,70 @@ export declare const translationsJson: {
                 title: string;
                 placeholder: string;
             };
+            leftMenu: {
+                pageTitle: {
+                    recommendation: string;
+                    _dashboard: string;
+                    _marketing: string;
+                    _content: string;
+                    _templates: string;
+                    _profiles: string;
+                    _data: string;
+                    _insights: string;
+                    _settings: string;
+                    _overview: string;
+                    _allChannel: string;
+                    _allCampaigns: string;
+                    _orchestration: string;
+                    _coupons: string;
+                    _shortLinks: string;
+                    _mediaTemplate: string;
+                    _emailTemplate: string;
+                    _journeyTactic: string;
+                    _customers: string;
+                    _visitors: string;
+                    _segments: string;
+                    _models: string;
+                    _dataSchema: string;
+                    _dataflows: string;
+                    _histories: string;
+                    _analysis: string;
+                    _report: string;
+                    _dataSources: string;
+                    _gallery: string;
+                    _accounts: string;
+                    _roles: string;
+                    _dataProtect: string;
+                    _general: string;
+                    _accountSharing: string;
+                    _ticket: string;
+                    _channelIntegration: string;
+                    _diagrams: string;
+                    _eventSources: string;
+                    _events: string;
+                    _dataObjects: string;
+                    _conversion: string;
+                    _dataViews: string;
+                    _eventAttributes: string;
+                    _analyticModels: string;
+                    _batchStream: string;
+                    _realtimeStream: string;
+                    _sources: string;
+                    _destinations: string;
+                    _upload: string;
+                    _export: string;
+                    _sqlWorkspace: string;
+                    _scheduleQuery: string;
+                    _survey: string;
+                    _monitor: string;
+                    _projects: string;
+                    _webPersonalize: string;
+                    _schedule: string;
+                    _explore: string;
+                    _builtIn: string;
+                    _standard: string;
+                };
+            };
         };
     };
 };

package/es/locales/translations.d.ts

@@ -596,6 +596,70 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         title: string;
         placeholder: string;
     };
+    leftMenu: {
+        pageTitle: {
+            _recommendation: string;
+            _dashboard: string;
+            _marketing: string;
+            _content: string;
+            _templates: string;
+            _profiles: string;
+            _data: string;
+            _insights: string;
+            _settings: string;
+            _overview: string;
+            _allChannel: string;
+            _allCampaign: string;
+            _orchestration: string;
+            _coupons: string;
+            _shortLinks: string;
+            _mediaTemplate: string;
+            _emailTemplate: string;
+            _journeyTactic: string;
+            _customers: string;
+            _visitors: string;
+            _segments: string;
+            _models: string;
+            _dataSchema: string;
+            _dataflows: string;
+            _histories: string;
+            _analysis: string;
+            _report: string;
+            _dataSources: string;
+            _gallery: string;
+            _accounts: string;
+            _roles: string;
+            _dataProtect: string;
+            _general: string;
+            _accountSharing: string;
+            _ticket: string;
+            _channelIntegration: string;
+            _diagrams: string;
+            _eventSources: string;
+            _events: string;
+            _dataObjects: string;
+            _conversion: string;
+            _dataViews: string;
+            _eventAttributes: string;
+            _analyticModels: string;
+            _batchStream: string;
+            _realtimeStream: string;
+            _sources: string;
+            _destinations: string;
+            _upload: string;
+            _export: string;
+            _sqlWorkspace: string;
+            _scheduleQuery: string;
+            _survey: string;
+            _monitor: string;
+            _projects: string;
+            _webPersonalize: string;
+            _schedule: string;
+            _explore: string;
+            _builtIn: string;
+            _standard: string;
+        };
+    };
 }>, current?: string) => void;
 export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];
 export declare const getTranslateMessage: (id: string, defaultMessage?: string, value?: Record<string, unknown>) => string;

package/es/locales/vi/translation.json

@@ -143,5 +143,69 @@
     "extendValue": {
         "title": "Mở rộng giá trị",
         "placeholder": "Nhập hoặc dán nhiều giá trị cách nhau bằng Enter"
+    },
+    "leftMenu": {
+        "pageTitle": {
+            "recommendation": "Gợi ý",
+            "_dashboard": "Bảng tổng quan",
+            "_marketing": "",
+            "_content": "Nội dung",
+            "_templates": "Thư viện mẫu",
+            "_profiles": "Chân dung",
+            "_data": "Dữ liệu",
+            "_insights": "",
+            "_settings": "Cài đặt",
+            "_overview": "Trang tổng quan",
+            "_allChannel": "Tất cả kênh",
+            "_allCampaigns": "Tất cả chiến dịch",
+            "_orchestration": "Journey Orchestration",
+            "_coupons": "Phiếu giảm giá",
+            "_shortLinks": "Liên kết ngắn",
+            "_mediaTemplate": "Mẫu Phương tiện",
+            "_emailTemplate": "Mẫu Email",
+            "_journeyTactic": "Chiến lược Hành trình",
+            "_customers": "Khách hàng",
+            "_visitors": "Người dùng",
+            "_segments": "Phân đoạn",
+            "_models": "Mô hình",
+            "_dataSchema": "",
+            "_dataflows": "",
+            "_histories": "",
+            "_analysis": "",
+            "_report": "Báo cáo",
+            "_dataSources": "Nguồn dữ liệu",
+            "_gallery": "Thư viện",
+            "_accounts": "Tài khoản",
+            "_roles": "Vai trò",
+            "_dataProtect": "Bảo vệ dữ liệu",
+            "_general": "Cài đặt chung",
+            "_accountSharing": "Chia sẻ tài khoản",
+            "_ticket": "Phiếu sự vụ",
+            "_channelIntegration": "Tích hợp đa kênh",
+            "_diagrams": "Mô hình dữ liệu",
+            "_eventSources": "Nguồn sự kiện",
+            "_events": "Sự kiện",
+            "_dataObjects": "Đối tượng dữ liệu",
+            "_conversion": "Chuyển đổi",
+            "_dataViews": "Góc nhìn Dữ liệu",
+            "_eventAttributes": "Thuộc tính Sự kiện",
+            "_analyticModels": "Mô hình Phân tích",
+            "_batchStream": "Luồng dữ liệu theo lô",
+            "_realtimeStream": "Luồng dữ liệu thời gian thực",
+            "_sources": "Nguồn dữ liệu",
+            "_destinations": "Đích dữ liệu",
+            "_upload": "Lịch Sử Tải Lên",
+            "_export": "Lịch Sử Tải Xuống",
+            "_sqlWorkspace": "Môi trường SQL",
+            "_scheduleQuery": "Lập Lịch truy vấn",
+            "_survey": "Khảo sát",
+            "_monitor": "Bảng giám sát",
+            "_projects": "Dự án",
+            "_webPersonalize": "Web Personalize",
+            "_schedule": "Lịch tính toán",
+            "_explore": "",
+            "_builtIn": "Mẫu",
+            "_standard": "Tiêu chuẩn"
+        }
     }
 }

package/es/models/LeftMenu/FeatureMenu.d.ts

@@ -20,6 +20,7 @@ export type TFeatureMenu = {
     total_row: number;
     ctime: string | null;
     utime: string | null;
+    page_title?: string;
     logo_url?: string;
     children?: TFeatureMenu[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.488",
+  "version": "1.3.5-beta.489",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",