@antscorp/antsomi-ui 1.3.5-beta.607 → 1.3.5-beta.609

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

@@ -15,5 +15,6 @@ export interface AccountSharingProps {
     isShareAccountAccess?: boolean;
     u_ogs: string;
     callbackLogout?: () => void;
+    usePrivilege?: boolean;
 }
 export declare const AccountSharing: React.FC<AccountSharingProps>;

package/es/components/organism/AccountSharing/AccountSharing.js

@@ -19,7 +19,7 @@ import CloseIcon from './icons/close';
 import SearchIcon from './icons/search';
 import { InnerCardStyled, InputSearchStyled, PackageSharingStyled, TriggerPopoverStyled, } from './styled';
 // Utils
-import { formatUserId, removeAppCookieSessionSubdomain, removeAppCookieSessionSubdomainPrefix, } from '@antscorp/antsomi-ui/es/utils';
+import { formatUserId, getObjectPropSafely, removeAppCookieSessionSubdomain, removeAppCookieSessionSubdomainPrefix, } from '@antscorp/antsomi-ui/es/utils';
 import { translate } from './utils';
 import Icon from '@antscorp/icons';
 import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounceV2';
@@ -40,7 +40,7 @@ const InputSearch = props => {
 };
 export const AccountSharing = props => {
     var _a;
-    const { permissionDomain = '', iamDomain = '', token = '', accountId = 0, networkId = 0, appCode = '', lang = 'en', translateData = DEFAULT_TRANSLATE_DATA, urlEditProfile = '', callbackGetInfoAccount, urlLogout = '', isShowSharing = false, isShareAccountAccess = false, u_ogs = '', callbackLogout, } = props;
+    const { permissionDomain = '', iamDomain = '', token = '', accountId = 0, networkId = 0, appCode = '', lang = 'en', translateData = DEFAULT_TRANSLATE_DATA, urlEditProfile = '', callbackGetInfoAccount, urlLogout = '', isShowSharing = false, isShareAccountAccess = false, u_ogs = '', callbackLogout, usePrivilege = true, } = props;
     const { appConfig } = useAppConfigContext();
     const { env } = appConfig;
     const selectedNetworkRef = useRef();
@@ -120,6 +120,77 @@ export const AccountSharing = props => {
             }
         });
     };
+    const getMenuUrl = (menu, userId = '') => {
+        if (!menu || !menu.menu_path) {
+            return '';
+        }
+        const { app_domain: appDomain, app_path: appPath, menu_path: menuPath } = menu;
+        return (appDomain + appPath + menuPath).replaceAll(':user_id', userId);
+    };
+    const redirectFirstMenu = (data, redirectAccountId) => {
+        if (!Array.isArray(data)) {
+            return false;
+        }
+        const arrMenus = getObjectPropSafely(() => [...data].sort((first, second) => first.app_order - second.app_order)[0].childs) || [];
+        if (arrMenus && arrMenus.length) {
+            const firstMenu = arrMenus
+                .filter(menu => +menu.show_hide)
+                .sort((first, second) => first.menu_order - second.menu_order)[0];
+            if (firstMenu) {
+                const redirectUrl = getMenuUrl(firstMenu, redirectAccountId);
+                window.location.href = redirectUrl;
+            }
+        }
+    };
+    const buildListAppMenus = (data, userId) => {
+        if (!Array.isArray(data) || !data.length) {
+            return [];
+        }
+        let arrMenus = [];
+        data.forEach(item => {
+            if (item.menu_id) {
+                arrMenus.push(getMenuUrl(item, userId));
+            }
+            if (item.childs && item.childs.length) {
+                arrMenus = arrMenus.concat(buildListAppMenus(item.childs, userId));
+            }
+        });
+        return arrMenus;
+    };
+    const checkRedirectHomePage = (homePage, data, userId) => {
+        const convertedHomePage = String(homePage).replace(/:user_id/g, userId);
+        if (!Array.isArray(data) || !data.length) {
+            window.location.href = convertedHomePage;
+            return;
+        }
+        const arrMenus = buildListAppMenus(data, userId);
+        if (!arrMenus.some(url => convertedHomePage.includes(url))) {
+            return redirectFirstMenu(data, userId);
+        }
+        window.location.href = convertedHomePage;
+    };
+    const getAppsMenus = ({ token, userId, accountId, homePage }) => {
+        if (permissionDomain && token && userId && accountId) {
+            const apiUrl = permissionDomain + (usePrivilege ? '/api/privilege/index' : '/api/permission/index');
+            return axios({
+                url: apiUrl,
+                params: {
+                    type: 'list-app',
+                    _token: token,
+                    _user_id: userId,
+                    _account_id: accountId,
+                    _lang: 'en',
+                    hasChild: true,
+                    from: 'login',
+                },
+            }).then(res => {
+                if (res && res.data) {
+                    checkRedirectHomePage(homePage, res.data.data, userId);
+                }
+            });
+        }
+        return null;
+    };
     const getListAccountSharing = () => {
         if (isShareAccountAccess) {
             const params = {
@@ -208,7 +279,11 @@ export const AccountSharing = props => {
             });
         }
     }, [limitAccount]);
-    const filterListNetwork = useMemo(() => listNetworks.filter((netWork) => netWork.networkName.toLocaleLowerCase().indexOf(portalSearch.toLocaleLowerCase()) !== -1), [listNetworks, portalSearch]);
+    const filterListNetwork = useMemo(() => listNetworks.filter((netWork) => netWork.networkName.toLocaleLowerCase().indexOf(portalSearch.toLocaleLowerCase()) !==
+        -1 ||
+        String(netWork.networkId)
+            .toLocaleLowerCase()
+            .indexOf(portalSearch.toLocaleLowerCase()) !== -1), [listNetworks, portalSearch]);
     const logAccountSwitch = (switchAccountId) => __awaiter(void 0, void 0, void 0, function* () {
         // setIsShowLoading(true)
         if (switchAccountId && isShareAccountAccess) {
@@ -343,7 +418,13 @@ export const AccountSharing = props => {
             }
         }
         if (selectedNetworkRef.current && selectedNetworkRef.current.homePage) {
-            window.location.href = selectedNetworkRef.current.homePage.replaceAll(':user_id', accountId);
+            getAppsMenus({
+                token: postParam.token,
+                userId: accountId,
+                accountId,
+                homePage: selectedNetworkRef.current.homePage,
+            });
+            // window.location.href = selectedNetworkRef.current.homePage.replaceAll(':user_id', accountId);
         }
     };
     const handleLoginData = (data = null) => {

package/package.json

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