phx-uikit 1.0.251 → 1.0.252

package/dist/esm/components/LoginSsoV3/login-sso-v3.js

@@ -9,7 +9,7 @@ import saveCookiesClient from '../Func/saveCookiesClient';
 import PHXFuncGetCookieSession from '../Func/getCookieSession';
 export var PHXLoginSsoV3 = function (props) {
     var _a;
-    var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, redirectPath = props.redirectPath, router = props.router, logo = props.logo, login_type = props.login_type;
+    var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, redirectPath = props.redirectPath, router = props.router, logo = props.logo, login_type = props.login_type, children = props.children;
     var schoolLogo = getEnv('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(false), error = _c[0], setError = _c[1];
@@ -67,14 +67,11 @@ export var PHXLoginSsoV3 = function (props) {
     }); };
     var handlerCheckLogin = function () {
         var _a;
-        if (!sessionCookie.current || !((_a = sessionCookie.current) === null || _a === void 0 ? void 0 : _a.access_token)) {
+        if (!((_a = sessionCookie.current) === null || _a === void 0 ? void 0 : _a.access_token)) {
             if (isAuthSuccess) {
                 setLoading(true);
                 handlerSaveCookies(dataSession);
             }
-            else if (dataSession.status === 'loading') {
-                setLoading(true);
-            }
             else {
                 setLoading(false);
             }
@@ -94,7 +91,7 @@ export var PHXLoginSsoV3 = function (props) {
                         React.createElement("div", { className: 'flex flex-col' },
                             React.createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' })),
                         React.createElement("div", { className: 'mt-5' },
-                            React.createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (React.createElement(PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (React.createElement(PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
+                            React.createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (React.createElement(PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (React.createElement(React.Fragment, null, login_type === LOGIN_TYPE.EMAIL_OTP.code ? (children) : (React.createElement(PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
                                 React.createElement("div", { className: 'flex gap-2 items-center' },
                                     login_type === LOGIN_TYPE.GOOGLE.code ? (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '17', viewBox: '0 0 210 210', fill: 'none' },
                                         React.createElement("path", { d: 'M0 105C0 47.103 47.103 0 105 0C128.383 0 150.515 7.523 169.004 21.756L144.604 53.452C133.172 44.652 119.477 40 105 40C69.159 40 40 69.159 40 105C40 140.841 69.159 170 105 170C133.867 170 158.398 151.087 166.852 125H105V85H210V105C210 162.897 162.897 210 105 210C47.103 210 0 162.897 0 105Z', fill: 'white' }))) : (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
@@ -106,7 +103,7 @@ export var PHXLoginSsoV3 = function (props) {
                                         React.createElement("defs", null,
                                             React.createElement("clipPath", { id: 'clip0_1739_10008' },
                                                 React.createElement("rect", { width: '24', height: '24', fill: 'white' }))))),
-                                    login_type === LOGIN_TYPE.GOOGLE.code ? LOGIN_TYPE.GOOGLE.text : LOGIN_TYPE.MICROSOFT.text)))),
+                                    login_type === LOGIN_TYPE.GOOGLE.code ? LOGIN_TYPE.GOOGLE.text : LOGIN_TYPE.MICROSOFT.text)))))),
                             React.createElement(PHXBanner, { className: 'mt-3', onClose: function () { return setError(!error); }, description: 'T\u00E0i kho\u1EA3n ch\u01B0a \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD, vui l\u00F2ng li\u00EAn h\u1EC7 admin \u0111\u1EC3 h\u1ED7 tr\u1EE3.', show: error, title: 'Th\u00F4ng b\u00E1o', type: 'warning' })))),
                 React.createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
                     React.createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));

package/dist/esm/components/LoginSsoV3/login-sso-v3.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV3/MainWrapV3.d.ts

@@ -9,4 +9,4 @@ export interface MainWrapProps {
     getDataCookies?: any;
     multipleMenu?: boolean;
 }
-export declare const PHXMainWrapV3: ({ children, hiddenLeftMenu, logoHeight, multipleMenu, params, pathName, router, }: MainWrapProps) => React.JSX.Element;
+export declare const PHXMainWrapV3: ({ children, hiddenLeftMenu, logoHeight, multipleMenu, params, pathName, router, getDataCookies, }: MainWrapProps) => React.JSX.Element;

package/dist/esm/components/MainWrapV3/MainWrapV3.js

@@ -1,12 +1,12 @@
 import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { Dialog, Menu, Transition } from '@headlessui/react';
-import { Bars3Icon, LockClosedIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import { Menu, Transition } from '@headlessui/react';
+import { Bars3Icon, LockClosedIcon } from '@heroicons/react/24/outline';
 import React, { Fragment, useEffect, useRef, useState } from 'react';
 import { PHXModal } from '../Modal';
 import { PHXSkeleton } from '../Skeleton';
 import Cookies from 'js-cookie';
-import { DEFAULT_AVATAR, DEFAULT_LOGO_DASHBOARD, ROUTE_DASHBOARD, switchSchool } from '../../utils/constants';
+import { DEFAULT_AVATAR, DEFAULT_LOGO_DASHBOARD, MENU_ACTIVITY_HISTORY_CHILD, PATH_ACTIVITY_HISTORY, ROUTE_DASHBOARD, switchSchool, } from '../../utils/constants';
 import { ArrowLeftIcon } from '@heroicons/react/20/solid';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import SearchDetail from './search/search-bar';
@@ -25,6 +25,9 @@ import Image from 'next/image';
 import axios from 'axios';
 import PHXFuncGetCookieSession from '../Func/getCookieSession';
 import { useLoading } from '../LoadingProvider';
+import { decryptCookie } from '../../helpers/helpers';
+import { PageTracker } from '../../stores/page-tracker/page-tracker';
+import { clearSession } from '../Func/sessionStore';
 library.add(fas);
 function classNames() {
     var classes = [];
@@ -35,7 +38,7 @@ function classNames() {
 }
 export var PHXMainWrapV3 = function (_a) {
     var _b, _c, _d, _e, _f;
-    var children = _a.children, _g = _a.hiddenLeftMenu, hiddenLeftMenu = _g === void 0 ? false : _g, _h = _a.logoHeight, logoHeight = _h === void 0 ? '28px' : _h, _j = _a.multipleMenu, multipleMenu = _j === void 0 ? false : _j, params = _a.params, pathName = _a.pathName, router = _a.router;
+    var children = _a.children, _g = _a.hiddenLeftMenu, hiddenLeftMenu = _g === void 0 ? false : _g, _h = _a.logoHeight, logoHeight = _h === void 0 ? '28px' : _h, _j = _a.multipleMenu, multipleMenu = _j === void 0 ? false : _j, params = _a.params, pathName = _a.pathName, router = _a.router, getDataCookies = _a.getDataCookies;
     var pid = (params ? params : {}).pid;
     var _k = useState(false), modal = _k[0], setModal = _k[1];
     var _l = useState(true), openSubMenu = _l[0], setOpenSubMenu = _l[1];
@@ -104,6 +107,7 @@ export var PHXMainWrapV3 = function (_a) {
     // code phân quyền path hiện tại
     var currentCode = getCodesByPath(navigation, locationPathname);
     var requireLoginValidation = function () {
+        clearSession();
         var currentURL = window.location.href;
         var url = currentURL.split('/');
         var loginPush = "".concat(url[0], "//").concat(url[2], "/login-sso");
@@ -184,6 +188,7 @@ export var PHXMainWrapV3 = function (_a) {
                             user_avatar: user_avatar,
                             full_name: full_name,
                             email: email,
+                            user_code: (profile_staff === null || profile_staff === void 0 ? void 0 : profile_staff.user_code) || (profile_teacher === null || profile_teacher === void 0 ? void 0 : profile_teacher.user_code) || '',
                             user_roles: user_roles
                         }];
                 case 2:
@@ -390,9 +395,10 @@ export var PHXMainWrapV3 = function (_a) {
                                 isBelongParent(childItem.path, path, !!(childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice))) {
                                 count++;
                             }
-                            var isPathInternal = (childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice)
-                                ? subChild.path === (childItem === null || childItem === void 0 ? void 0 : childItem.pathInternal)
-                                : subChild.path === childItem.path;
+                            var isSameSubChildPath = (subChild === null || subChild === void 0 ? void 0 : subChild.isMicroservice)
+                                ? subChild.path === (childItem === null || childItem === void 0 ? void 0 : childItem.path)
+                                : subChild.path === (childItem === null || childItem === void 0 ? void 0 : childItem.pathInternal);
+                            var isPathInternal = (childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice) ? isSameSubChildPath : subChild.path === childItem.path;
                             count > 0 ? (childItem.showChild = true) : (childItem.showChild = false);
                             isPathInternal ? (childItem.current = false) : null;
                         }
@@ -619,15 +625,35 @@ export var PHXMainWrapV3 = function (_a) {
         return pathNameSplit[1] === 'setting';
     };
     var checkLogoHeader = ((_d = dataInitMain.configLayout) === null || _d === void 0 ? void 0 : _d.logo_dashboard) || topMenuLogoFromEnv || DEFAULT_LOGO_DASHBOARD;
+    var isActivityHistory = function () {
+        var pathNameSplit = pathNameWithBasePath.split('/');
+        return pathNameSplit[1] === PATH_ACTIVITY_HISTORY;
+    };
+    var _y = useState(MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _y[0], setActivityHistoryChild = _y[1];
+    var handleClickActivityHistoryChild = function (clickedItem) {
+        var updated = activityHistoryChild.map(function (item) { return (__assign(__assign({}, item), { current: item.code === clickedItem.code })); });
+        setActivityHistoryChild(updated);
+    };
+    useEffect(function () {
+        if (basePath === PATH_ACTIVITY_HISTORY) {
+            setActivityHistoryChild(function (prev) {
+                return prev.map(function (item) { return (__assign(__assign({}, item), { current: pathNameWithBasePath.endsWith(item.path) })); });
+            });
+        }
+        else {
+            setActivityHistoryChild([]);
+        }
+    }, [pathNameWithBasePath, basePath]);
     return (React.createElement(React.Fragment, null,
+        React.createElement(PageTracker, null),
         React.createElement("div", { className: 'flex min-h-full flex-col' },
-            React.createElement(StyledCustomLayoutProps, { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: (_e = sessionCookie.current) === null || _e === void 0 ? void 0 : _e.setting_site }),
+            React.createElement(StyledCustomLayoutProps, { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: getDataCookies ? (_e = decryptCookie(getDataCookies)) === null || _e === void 0 ? void 0 : _e.setting_site : null }),
             React.createElement("header", { className: 'header-color-styled fixed top-0 z-50 min-w-full border-gray-200 bg-white' },
                 React.createElement("div", { className: 'header-styled mx-auto flex h-14 items-center justify-between bg-[#1a1a1a] pr-4' },
                     React.createElement("div", { className: 'flex items-center gap-x-3' },
                         React.createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (React.createElement(React.Fragment, null, isLoading ? (React.createElement("div", { className: 'header-loading-logo ml-3 h-8 w-full animate-pulse' })) : (React.createElement("img", { alt: 'Logo', className: 'ml-3 h-auto max-w-48 w-auto max-h-7', src: checkLogoHeader, style: { maxWidth: '12rem' } })))) : (React.createElement(React.Fragment, null))),
                         React.createElement("div", { className: 'flex items-center lg:hidden' },
-                            React.createElement("button", { className: 'bg-grey-100 mr-3 inline-flex items-center justify-center rounded-md p-1 text-gray-600 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(true); }, type: 'button' },
+                            React.createElement("button", { className: 'bg-grey-100 mr-3 inline-flex items-center justify-center rounded-md p-1 text-gray-200 hover:bg-white hover:text-gray-600', onClick: function () { return setSidebarOpen(true); }, type: 'button' },
                                 React.createElement("span", { className: 'sr-only' }, "Open sidebar"),
                                 React.createElement(Bars3Icon, { "aria-hidden": 'true', className: 'h-6 w-6' })))),
                     React.createElement(SearchDetail, { onClose: function () { return setShowSearchBar(false); }, open: showSearchBar }),
@@ -679,21 +705,7 @@ export var PHXMainWrapV3 = function (_a) {
         React.createElement(PHXModal, { onHide: function () { return setModal(false); }, onPrimaryClick: handlePrimaryModal, primaryActionText: 'X\u00E1c nh\u1EADn', show: modal, title: 'X\u00E1c nh\u1EADn thay \u0111\u1ED5i tr\u01B0\u1EDDng' },
             React.createElement(PHXBanner, { description: 'Khi thay \u0111\u1ED5i tr\u01B0\u1EDDng t\u1EA5t c\u1EA3 d\u1EEF li\u1EC7u s\u1EBD hi\u1EC3n th\u1ECB theo tr\u01B0\u1EDDng v\u1EEBa \u0111\u01B0\u1EE3c ch\u1ECDn', onClose: function () { return setShowBanner(false); }, show: showBanner, title: 'L\u01B0u \u00FD', type: 'warning' })),
         React.createElement("div", { className: 'relative flex min-h-screen bg-gray-100' },
-            React.createElement(Transition.Root, { as: Fragment, show: sidebarOpen },
-                React.createElement(Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
-                    React.createElement(Transition.Child, { as: Fragment, enter: 'transition-opacity ease-linear duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'transition-opacity ease-linear duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
-                        React.createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
-                    React.createElement("div", { className: 'fixed inset-0 z-40 flex' },
-                        React.createElement(Transition.Child, { as: Fragment, enter: 'transition ease-in-out duration-300 transform', enterFrom: '-translate-x-full', enterTo: 'translate-x-0', leave: 'transition ease-in-out duration-300 transform', leaveFrom: 'translate-x-0', leaveTo: '-translate-x-full' },
-                            React.createElement(Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-[#ebebeb]' },
-                                React.createElement(Transition.Child, { as: Fragment, enter: 'ease-in-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in-out duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
-                                    React.createElement("div", { className: 'absolute right-0 top-0 -mr-12 pt-2' },
-                                        React.createElement("button", { className: 'ml-1 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(false); }, type: 'button' },
-                                            React.createElement("span", { className: 'sr-only' }, "Close sidebar"),
-                                            React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-white' })))),
-                                React.createElement("div", { className: 'mt-8 h-0 flex-1 overflow-y-auto pb-4 pt-5' },
-                                    React.createElement(NavMobile, { menu: dataInitMain.menu, path: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSideBarOpen: function () { return setSidebarOpen(false); } })))),
-                        React.createElement("div", { "aria-hidden": 'true', className: 'w-14 flex-shrink-0' })))),
+            React.createElement(NavMobile, { menu: dataInitMain.menu, path: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, hiddenSideBar: function () { return setSidebarOpen(false); }, sidebarOpen: sidebarOpen, pathNameWithBasePath: pathNameWithBasePath }),
             React.createElement("div", { className: 'hidden lg:flex lg:flex-shrink-0' },
                 React.createElement("div", { className: 'flex' },
                     React.createElement("div", { className: 'mt-14 flex lg:inset-y-0' },
@@ -723,7 +735,23 @@ export var PHXMainWrapV3 = function (_a) {
                                             openNavName && (React.createElement("div", { className: 'h-6' },
                                                 React.createElement("p", { className: "mt-0.5 h-full text-[0.86rem] text-[#353A44] transition-all duration-300 ".concat(openNavName ? 'opacity-100' : 'opacity-0') }, item.name)))))))); })))))),
                             React.createElement("div", { className: classNames('border-t', navigation.length > 0 && ((_f = navigation[0]) === null || _f === void 0 ? void 0 : _f.isSchoolink) ? 'border-[#1c222b]' : 'border-indigo-100') },
-                                React.createElement("div", { className: "mb-14 flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden p-3") },
+                                React.createElement("div", { className: " flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden px-3 pb-1.5 pt-3") },
+                                    React.createElement("a", { className: classNames('z-0', !openNavName
+                                            ? 'inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg'
+                                            : 'inline-flex h-8 min-w-full flex-shrink-0 items-center rounded-lg hover:rounded-lg hover:bg-opacity-50', isActivityHistory() && !openNavName
+                                            ? 'setting-bg-icon-active' // màu background của icon đang active trong menu
+                                            : 'setting-icon-color font-medium', // màu icon
+                                        openNavName && isActivityHistory()
+                                            ? 'setting-bg-icon-active rounded-lg' // màu background của icon đang active trong menu
+                                            : 'setting-hover-bg hover:rounded-lg hover:bg-opacity-50'), href: '/activity-history/list', onMouseOver: function () { return setOpenNavName(true); } },
+                                        React.createElement("span", { className: 'sr-only' }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng"),
+                                        React.createElement("span", { className: classNames(!openNavName
+                                                ? 'cursor-pointer hover:z-10 focus-visible:outline-none'
+                                                : 'flex gap-x-2 pl-[0.45rem]') },
+                                            React.createElement(Image, { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem]', openNavName ? 'mt-[0.2rem]' : ''), height: 0, src: isActivityHistory() ? Icons.ACTIVITY_HISTORY_SOLID : Icons.ACTIVITY_HISTORY, width: 0 }),
+                                            openNavName && (React.createElement("div", { className: 'h-6' },
+                                                React.createElement("p", { className: "setting-text-color mt-0.5 h-full text-[0.86rem] font-normal text-[#353A44] transition-all duration-300 hover:cursor-pointer ".concat(openNavName ? 'opacity-100' : 'opacity-0') }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng")))))),
+                                React.createElement("div", { className: "mb-14 flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden px-3 pb-3") },
                                     React.createElement("a", { className: classNames('z-0', !openNavName
                                             ? 'inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg'
                                             : 'inline-flex h-8 min-w-full flex-shrink-0 items-center rounded-lg hover:rounded-lg hover:bg-opacity-50', isSettings() && !openNavName
@@ -750,72 +778,99 @@ export var PHXMainWrapV3 = function (_a) {
                                         React.createElement("button", { className: 'mr-1 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: function () { return handleBackMenu(); }, type: 'button' },
                                             React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' })),
                                         React.createElement("p", { className: 'text-sm font-medium text-slate-600' }, campaignName))),
-                                    React.createElement("div", { className: 'flex-1 overflow-y-auto pt-3' }, subNavigation.map(function (item, subNavIndex) {
-                                        var _a;
-                                        return (React.createElement("div", { key: subNavIndex }, ((_a = dataInitMain.roleCode) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React.createElement(React.Fragment, null, enablePer(item.code, dataInitMain.perCode) ? (React.createElement(React.Fragment, null,
-                                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
-                                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
-                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
-                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                React.createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
-                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
-                                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
-                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
-                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                React.createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
-                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                                            item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (children, childIndex) { return (React.createElement("div", { key: childIndex, className: classNames('relative') },
-                                                React.createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
-                                                        ? styles.childMenuActiveBefore
-                                                        : checkChildBefore(item.child, children)
-                                                            ? styles.childMenuBefBefore
-                                                            : {} }),
-                                                React.createElement("div", { "aria-hidden": true, className: classNames('mx-3 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
-                                                        ? 'rounded-lg bg-white text-[#353A44]' // màu chữ menu con khi active
-                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-[#353A44]'), onClick: enablePer(children.code, dataInitMain.perCode)
-                                                        ? function () { return subNavigationTriggerClicked(children, item); }
-                                                        : undefined },
+                                    React.createElement("div", { className: 'flex-1 overflow-y-auto pt-3' },
+                                        subNavigation.map(function (item, subNavIndex) {
+                                            var _a;
+                                            return (React.createElement("div", { key: subNavIndex }, ((_a = dataInitMain.roleCode) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React.createElement(React.Fragment, null, enablePer(item.code, dataInitMain.perCode) ? (React.createElement(React.Fragment, null,
+                                                (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
+                                                        ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                    React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
+                                                        ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                    React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                                                item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (children, childIndex) { return (React.createElement("div", { key: childIndex, className: classNames('relative') },
+                                                    React.createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? styles.childMenuActiveBefore
+                                                            : checkChildBefore(item.child, children)
+                                                                ? styles.childMenuBefBefore
+                                                                : {} }),
+                                                    (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (React.createElement("a", { "aria-hidden": true, className: classNames('mx-3 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? 'rounded-lg bg-white text-[#353A44]' // màu chữ menu con khi active
+                                                            : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-[#353A44]'), href: children.path, onClick: enablePer(children.code, dataInitMain.perCode)
+                                                            ? undefined
+                                                            : function (e) { return e.preventDefault(); } },
+                                                        React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                            React.createElement("div", { className: 'w-3' }),
+                                                            React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', !enablePer(children.code, dataInitMain.perCode)
+                                                                    ? 'font-normal text-gray-300'
+                                                                    : (children === null || children === void 0 ? void 0 : children.current)
+                                                                        ? ''
+                                                                        : 'font-normal text-[#353A44]') }, children.name)))) : (React.createElement("div", { "aria-hidden": true, className: classNames('mx-3 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? 'rounded-lg bg-white text-[#353A44]' // màu chữ menu con khi active
+                                                            : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-[#353A44]'), onClick: enablePer(children.code, dataInitMain.perCode)
+                                                            ? function () { return subNavigationTriggerClicked(children, item); }
+                                                            : undefined },
+                                                        React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                            React.createElement("div", { className: 'w-3' }),
+                                                            React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', !enablePer(children.code, dataInitMain.perCode)
+                                                                    ? 'font-normal text-gray-300'
+                                                                    : (children === null || children === void 0 ? void 0 : children.current)
+                                                                        ? ''
+                                                                        : 'font-normal text-[#353A44]') }, children.name)))),
+                                                    React.createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? styles.childMenuActiveAfter
+                                                            : checkChildBefore(item.child, children)
+                                                                ? styles.childMenuBefAfter
+                                                                : {} }))); }))))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, className: classNames((item === null || item === void 0 ? void 0 : item.current)
+                                                    ? 'rounded-lg bg-white '
+                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // hover:bg-white
+                                                'mx-3 flex cursor-pointer border-slate-200 p-2') }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                React.createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
+                                                    React.createElement("p", { className: classNames('font-normal leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (React.createElement(React.Fragment, null,
+                                                (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
+                                                        ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                    React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
+                                                        ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                    React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                                                item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (children, index) { return (React.createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') }, (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (React.createElement("a", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
+                                                        ? 'rounded-lg bg-white text-gray-900 '
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), href: item.path },
                                                     React.createElement("div", { className: 'flex items-center gap-x-3' },
                                                         React.createElement("div", { className: 'w-3' }),
-                                                        React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', !enablePer(children.code, dataInitMain.perCode)
-                                                                ? 'font-normal text-gray-300'
-                                                                : (children === null || children === void 0 ? void 0 : children.current)
-                                                                    ? ''
-                                                                    : 'font-normal text-[#353A44]') }, children.name))),
-                                                React.createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
-                                                        ? styles.childMenuActiveAfter
-                                                        : checkChildBefore(item.child, children)
-                                                            ? styles.childMenuBefAfter
-                                                            : {} }))); }))))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, className: classNames((item === null || item === void 0 ? void 0 : item.current)
-                                                ? 'rounded-lg bg-white '
-                                                : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // hover:bg-white
-                                            'mx-3 flex cursor-pointer border-slate-200 p-2') }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                            React.createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
-                                                React.createElement("p", { className: classNames('font-normal leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
-                                            React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (React.createElement(React.Fragment, null,
-                                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (React.createElement("a", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
-                                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
-                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
-                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), href: item.path }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                React.createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
-                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current)
-                                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
-                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
-                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                React.createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
-                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                                            item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (children, index) { return (React.createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') },
-                                                React.createElement("div", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
+                                                        React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name)))) : (React.createElement("div", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
                                                         ? 'rounded-lg bg-white text-gray-900 '
                                                         : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return subNavigationTriggerClicked(children, item); } },
                                                     React.createElement("div", { className: 'flex items-center gap-x-3' },
                                                         React.createElement("div", { className: 'w-3' }),
-                                                        React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name))))); })))))));
-                                    }))))))))),
+                                                        React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name)))))); })))))));
+                                        }),
+                                        activityHistoryChild.map(function (item, subNavIndex) { return (React.createElement("div", { key: subNavIndex },
+                                            React.createElement("div", { "aria-current": (item === null || item === void 0 ? void 0 : item.current) ? 'page' : undefined, "aria-hidden": true, className: classNames((item === null || item === void 0 ? void 0 : item.current) && !dataInitMain.loadingMenu
+                                                    ? 'rounded-lg bg-white' // màu background menu cha khi active
+                                                    : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', // màu background khi hover vào menu cha
+                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: function () {
+                                                    handleClickActivityHistoryChild(item);
+                                                    subNavigationTriggerClicked(item);
+                                                } }, !dataInitMain.loadingMenu ? (React.createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                React.createElement("div", { className: 'flex items-center gap-x-3' },
+                                                    React.createElement("p", { className: classNames('leading-5', (item === null || item === void 0 ? void 0 : item.current) ? '' : 'font-normal text-[#353A44]') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : ('')))); }))))))))),
             React.createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
                 React.createElement("main", { className: 'flex flex-1 overflow-hidden' },
                     React.createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },