phx-uikit 1.0.251 → 1.0.253

package/dist/cjs/components/HeaderBar/HeaderBar.d.ts

@@ -28,6 +28,7 @@ export interface TableProps {
     badge?: {
         badgeText?: string;
         badgeType?: string;
+        badgeClassname?: string;
     } | any;
     type?: 'default' | 'title-with-badge';
     downloadButton?: {

package/dist/cjs/components/HeaderBar/HeaderBar.js

@@ -44,7 +44,7 @@ var PHXHeaderBar = function (_a) {
                 react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
                     react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
                     type === 'title-with-badge' && (react_2["default"].createElement("div", { className: 'flex items-center' },
-                        react_2["default"].createElement(Badge_1.PHXBadge, { className: 'mr-2', text: badge.badgeText, type: badge.badgeType }))))),
+                        react_2["default"].createElement(Badge_1.PHXBadge, { className: (0, types_1.classNames)('mr-2', badge.badgeClassname), text: badge.badgeText, type: badge.badgeType }))))),
             react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
                 react_2["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
                     isDownLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText, 
@@ -76,13 +76,13 @@ var PHXHeaderBar = function (_a) {
                         iconOutline: action.iconOutline,
                         destructive: action.deleted,
                         id: action.id
-                    }); }), buttonContent: 'Thao t\u00E1c' })) : (secondaryActions.map(function (action) { return (react_2["default"].createElement(Button_1.PHXButton, tslib_1.__assign({ key: action.id }, action), action.content)); })))),
+                    }); }), buttonContent: 'Thao t\u00E1c', origin: 'right' })) : (secondaryActions.map(function (action) { return (react_2["default"].createElement(Button_1.PHXButton, tslib_1.__assign({ key: action.id }, action), action.content)); })))),
                 react_2["default"].createElement(react_1.Menu, { as: 'div', className: secondaryActions ? 'relative md:hidden' : 'hidden' },
                     react_2["default"].createElement(react_1.Menu.Button, { className: 'rounded-lg bg-indigo-50 px-2 py-1.5 text-xs font-normal text-gray-700 shadow-sm hover:bg-indigo-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' },
                         react_2["default"].createElement("span", { className: 'sr-only' }, "H\u00E0nh \u0111\u1ED9ng kh\u00E1c"),
                         react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
                     react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
-                        react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute z-10 mt-1.5 px-1 py-1 max-h-96 min-w-[7.2rem] overflow-y-auto overscroll-contain whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none' }, secondaryActions &&
+                        react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute z-10 mt-1.5 px-1 py-1 right-0 origin-top-right max-h-96 min-w-[7.2rem] overflow-y-auto overscroll-contain whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none' }, secondaryActions &&
                             sortedSecondaryActions.map(function (action) { return (react_2["default"].createElement(react_1.Menu.Item, { key: action.id }, function (_a) {
                                 var active = _a.active;
                                 return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', action.active && !action.deleted && 'rounded-lg bg-gray-200 font-semibold text-gray-900', action.deleted && !action.active && 'text-red-800 hover:bg-red-100', action.deleted && action.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: action.onClick }, action.content));

package/dist/cjs/components/HeaderBar/HeaderBar.js.map

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

package/dist/cjs/components/Input/Input.js

@@ -57,7 +57,7 @@ var PHXInput = function (_a) {
                     react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
                         react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
             (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (react_1["default"].createElement(Button_1.PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
-        helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
+        helpText ? react_1["default"].createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
         error && errorType ? react_1["default"].createElement(ErrorMessage_1["default"], { message: message(errorType) }) : null));
 };
 exports.PHXInput = PHXInput;

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAoD;AACpD,oCAAqC;AACrC,oFAAqD;AACrD,gFAA2D;AA4BpD,IAAM,QAAQ,GAAyB,UAAC,EAmBlC;IAlBX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,sBAlBsC,iOAmB9C,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACxE,IAAM,mBAAmB,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAExE,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YACrE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC;gBAChF,+DACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,kBAAU,EACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,EAAE,EAClE,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,MAAM,EAClC,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,MAAM,CACnC,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAI;wBAC3E,YAAY,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAI;qBAC7E,IACD;gBACD,MAAM,IAAI,0CAAK,SAAS,EAAC,wDAAwD,IAAE,MAAM,CAAO;gBAChG,MAAM,IAAI,0CAAK,SAAS,EAAC,yDAAyD,IAAE,MAAM,CAAO;gBACjG,mBAAmB,IAAI,CACtB,0CAAK,SAAS,EAAC,6DAA6D;oBAC1E,iCAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACvC,CACP;gBACA,mBAAmB,IAAI,CACtB,0CAAK,SAAS,EAAC,8DAA8D;oBAC3E,iCAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACvC,CACP;gBACA,UAAU,IAAI,CACb,0CAAK,SAAS,EAAC,8CAA8C;oBAC3D,8DACE,EAAE,EAAC,MAAM,IACL,cAAc,IAClB,SAAS,EAAC,gJAAgJ,KAEzJ,UAAU,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC7B;wBACE,6CAAQ,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,IACjE,IAAI,CAAC,IAAI,CACH,CACR,CACJ,EAN8B,CAM9B,CAAC,CACK,CACL,CACP,CACG;YACL,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,CACxB,iCAAC,kBAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,IAC7D,YAAY,CAAC,OAAO,CACX,CACb,CACG;QACL,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9E,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,iCAAC,yBAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AA9HY,QAAA,QAAQ,YA8HpB"}

package/dist/cjs/components/LoginSsoV3/login-sso-v3.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 type TPHXLoginSsoV3 = {
-    login_type: 'GOOGLE' | 'MICROSOFT';
+    login_type: 'GOOGLE' | 'MICROSOFT' | 'EMAIL_OTP';
+    children?: any;
     onClick: () => void;
     dataSession: any;
     logo?: any;

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

@@ -12,7 +12,7 @@ var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesCl
 var getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
 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 = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
     var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(false), error = _c[0], setError = _c[1];
@@ -70,14 +70,11 @@ 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);
             }
@@ -97,7 +94,7 @@ var PHXLoginSsoV3 = function (props) {
                         react_1["default"].createElement("div", { className: 'flex flex-col' },
                             react_1["default"].createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' })),
                         react_1["default"].createElement("div", { className: 'mt-5' },
-                            react_1["default"].createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (react_1["default"].createElement(Button_1.PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
+                            react_1["default"].createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (react_1["default"].createElement(react_1["default"].Fragment, null, login_type === constants_1.LOGIN_TYPE.EMAIL_OTP.code ? (children) : (react_1["default"].createElement(Button_1.PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
                                 react_1["default"].createElement("div", { className: 'flex gap-2 items-center' },
                                     login_type === constants_1.LOGIN_TYPE.GOOGLE.code ? (react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '17', viewBox: '0 0 210 210', fill: 'none' },
                                         react_1["default"].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_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
@@ -109,7 +106,7 @@ var PHXLoginSsoV3 = function (props) {
                                         react_1["default"].createElement("defs", null,
                                             react_1["default"].createElement("clipPath", { id: 'clip0_1739_10008' },
                                                 react_1["default"].createElement("rect", { width: '24', height: '24', fill: 'white' }))))),
-                                    login_type === constants_1.LOGIN_TYPE.GOOGLE.code ? constants_1.LOGIN_TYPE.GOOGLE.text : constants_1.LOGIN_TYPE.MICROSOFT.text)))),
+                                    login_type === constants_1.LOGIN_TYPE.GOOGLE.code ? constants_1.LOGIN_TYPE.GOOGLE.text : constants_1.LOGIN_TYPE.MICROSOFT.text)))))),
                             react_1["default"].createElement(Banner_1.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_1["default"].createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
                     react_1["default"].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/cjs/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/cjs/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/cjs/components/MainWrapV3/MainWrapV3.js

@@ -28,6 +28,9 @@ var image_1 = tslib_1.__importDefault(require("next/image"));
 var axios_1 = tslib_1.__importDefault(require("axios"));
 var getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
 var LoadingProvider_1 = require("../LoadingProvider");
+var helpers_1 = require("../../helpers/helpers");
+var page_tracker_1 = require("../../stores/page-tracker/page-tracker");
+var sessionStore_1 = require("../Func/sessionStore");
 fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.fas);
 function classNames() {
     var classes = [];
@@ -38,7 +41,7 @@ function classNames() {
 }
 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 = (0, react_2.useState)(false), modal = _k[0], setModal = _k[1];
     var _l = (0, react_2.useState)(true), openSubMenu = _l[0], setOpenSubMenu = _l[1];
@@ -107,6 +110,7 @@ var PHXMainWrapV3 = function (_a) {
     // code phân quyền path hiện tại
     var currentCode = getCodesByPath(navigation, locationPathname);
     var requireLoginValidation = function () {
+        (0, sessionStore_1.clearSession)();
         var currentURL = window.location.href;
         var url = currentURL.split('/');
         var loginPush = "".concat(url[0], "//").concat(url[2], "/login-sso");
@@ -187,6 +191,7 @@ 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:
@@ -393,9 +398,10 @@ 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;
                         }
@@ -622,15 +628,35 @@ var PHXMainWrapV3 = function (_a) {
         return pathNameSplit[1] === 'setting';
     };
     var checkLogoHeader = ((_d = dataInitMain.configLayout) === null || _d === void 0 ? void 0 : _d.logo_dashboard) || topMenuLogoFromEnv || constants_1.DEFAULT_LOGO_DASHBOARD;
+    var isActivityHistory = function () {
+        var pathNameSplit = pathNameWithBasePath.split('/');
+        return pathNameSplit[1] === constants_1.PATH_ACTIVITY_HISTORY;
+    };
+    var _y = (0, react_2.useState)(constants_1.MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _y[0], setActivityHistoryChild = _y[1];
+    var handleClickActivityHistoryChild = function (clickedItem) {
+        var updated = activityHistoryChild.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { current: item.code === clickedItem.code })); });
+        setActivityHistoryChild(updated);
+    };
+    (0, react_2.useEffect)(function () {
+        if (basePath === constants_1.PATH_ACTIVITY_HISTORY) {
+            setActivityHistoryChild(function (prev) {
+                return prev.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { current: pathNameWithBasePath.endsWith(item.path) })); });
+            });
+        }
+        else {
+            setActivityHistoryChild([]);
+        }
+    }, [pathNameWithBasePath, basePath]);
     return (react_2["default"].createElement(react_2["default"].Fragment, null,
+        react_2["default"].createElement(page_tracker_1.PageTracker, null),
         react_2["default"].createElement("div", { className: 'flex min-h-full flex-col' },
-            react_2["default"].createElement(appearance_styled_1["default"], { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: (_e = sessionCookie.current) === null || _e === void 0 ? void 0 : _e.setting_site }),
+            react_2["default"].createElement(appearance_styled_1["default"], { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: getDataCookies ? (_e = (0, helpers_1.decryptCookie)(getDataCookies)) === null || _e === void 0 ? void 0 : _e.setting_site : null }),
             react_2["default"].createElement("header", { className: 'header-color-styled fixed top-0 z-50 min-w-full border-gray-200 bg-white' },
                 react_2["default"].createElement("div", { className: 'header-styled mx-auto flex h-14 items-center justify-between bg-[#1a1a1a] pr-4' },
                     react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
                         react_2["default"].createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (react_2["default"].createElement(react_2["default"].Fragment, null, isLoading ? (react_2["default"].createElement("div", { className: 'header-loading-logo ml-3 h-8 w-full animate-pulse' })) : (react_2["default"].createElement("img", { alt: 'Logo', className: 'ml-3 h-auto max-w-48 w-auto max-h-7', src: checkLogoHeader, style: { maxWidth: '12rem' } })))) : (react_2["default"].createElement(react_2["default"].Fragment, null))),
                         react_2["default"].createElement("div", { className: 'flex items-center lg:hidden' },
-                            react_2["default"].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_2["default"].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_2["default"].createElement("span", { className: 'sr-only' }, "Open sidebar"),
                                 react_2["default"].createElement(outline_1.Bars3Icon, { "aria-hidden": 'true', className: 'h-6 w-6' })))),
                     react_2["default"].createElement(search_bar_1["default"], { onClose: function () { return setShowSearchBar(false); }, open: showSearchBar }),
@@ -682,21 +708,7 @@ var PHXMainWrapV3 = function (_a) {
         react_2["default"].createElement(Modal_1.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_2["default"].createElement(Banner_1.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_2["default"].createElement("div", { className: 'relative flex min-h-screen bg-gray-100' },
-            react_2["default"].createElement(react_1.Transition.Root, { as: react_2.Fragment, show: sidebarOpen },
-                react_2["default"].createElement(react_1.Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
-                    react_2["default"].createElement(react_1.Transition.Child, { as: react_2.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_2["default"].createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
-                    react_2["default"].createElement("div", { className: 'fixed inset-0 z-40 flex' },
-                        react_2["default"].createElement(react_1.Transition.Child, { as: react_2.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_2["default"].createElement(react_1.Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-[#ebebeb]' },
-                                react_2["default"].createElement(react_1.Transition.Child, { as: react_2.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_2["default"].createElement("div", { className: 'absolute right-0 top-0 -mr-12 pt-2' },
-                                        react_2["default"].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_2["default"].createElement("span", { className: 'sr-only' }, "Close sidebar"),
-                                            react_2["default"].createElement(outline_1.XMarkIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-white' })))),
-                                react_2["default"].createElement("div", { className: 'mt-8 h-0 flex-1 overflow-y-auto pb-4 pt-5' },
-                                    react_2["default"].createElement(nav_mobile_1["default"], { menu: dataInitMain.menu, path: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSideBarOpen: function () { return setSidebarOpen(false); } })))),
-                        react_2["default"].createElement("div", { "aria-hidden": 'true', className: 'w-14 flex-shrink-0' })))),
+            react_2["default"].createElement(nav_mobile_1["default"], { menu: dataInitMain.menu, path: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, hiddenSideBar: function () { return setSidebarOpen(false); }, sidebarOpen: sidebarOpen, pathNameWithBasePath: pathNameWithBasePath }),
             react_2["default"].createElement("div", { className: 'hidden lg:flex lg:flex-shrink-0' },
                 react_2["default"].createElement("div", { className: 'flex' },
                     react_2["default"].createElement("div", { className: 'mt-14 flex lg:inset-y-0' },
@@ -726,7 +738,23 @@ var PHXMainWrapV3 = function (_a) {
                                             openNavName && (react_2["default"].createElement("div", { className: 'h-6' },
                                                 react_2["default"].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_2["default"].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_2["default"].createElement("div", { className: "mb-14 flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden p-3") },
+                                react_2["default"].createElement("div", { className: " flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden px-3 pb-1.5 pt-3") },
+                                    react_2["default"].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_2["default"].createElement("span", { className: 'sr-only' }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng"),
+                                        react_2["default"].createElement("span", { className: classNames(!openNavName
+                                                ? 'cursor-pointer hover:z-10 focus-visible:outline-none'
+                                                : 'flex gap-x-2 pl-[0.45rem]') },
+                                            react_2["default"].createElement(image_1["default"], { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem]', openNavName ? 'mt-[0.2rem]' : ''), height: 0, src: isActivityHistory() ? Icon_1.Icons.ACTIVITY_HISTORY_SOLID : Icon_1.Icons.ACTIVITY_HISTORY, width: 0 }),
+                                            openNavName && (react_2["default"].createElement("div", { className: 'h-6' },
+                                                react_2["default"].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_2["default"].createElement("div", { className: "mb-14 flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden px-3 pb-3") },
                                     react_2["default"].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
@@ -753,72 +781,99 @@ var PHXMainWrapV3 = function (_a) {
                                         react_2["default"].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_2["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
                                         react_2["default"].createElement("p", { className: 'text-sm font-medium text-slate-600' }, campaignName))),
-                                    react_2["default"].createElement("div", { className: 'flex-1 overflow-y-auto pt-3' }, subNavigation.map(function (item, subNavIndex) {
-                                        var _a;
-                                        return (react_2["default"].createElement("div", { key: subNavIndex }, ((_a = dataInitMain.roleCode) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (react_2["default"].createElement(react_2["default"].Fragment, null, enablePer(item.code, dataInitMain.perCode) ? (react_2["default"].createElement(react_2["default"].Fragment, null,
-                                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                                            item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, childIndex) { return (react_2["default"].createElement("div", { key: childIndex, className: classNames('relative') },
-                                                react_2["default"].createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
-                                                        ? sub_menu_style_1.styles.childMenuActiveBefore
-                                                        : checkChildBefore(item.child, children)
-                                                            ? sub_menu_style_1.styles.childMenuBefBefore
-                                                            : {} }),
-                                                react_2["default"].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_2["default"].createElement("div", { className: 'flex-1 overflow-y-auto pt-3' },
+                                        subNavigation.map(function (item, subNavIndex) {
+                                            var _a;
+                                            return (react_2["default"].createElement("div", { key: subNavIndex }, ((_a = dataInitMain.roleCode) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (react_2["default"].createElement(react_2["default"].Fragment, null, enablePer(item.code, dataInitMain.perCode) ? (react_2["default"].createElement(react_2["default"].Fragment, null,
+                                                (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                                                item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, childIndex) { return (react_2["default"].createElement("div", { key: childIndex, className: classNames('relative') },
+                                                    react_2["default"].createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? sub_menu_style_1.styles.childMenuActiveBefore
+                                                            : checkChildBefore(item.child, children)
+                                                                ? sub_menu_style_1.styles.childMenuBefBefore
+                                                                : {} }),
+                                                    (children === null || children === void 0 ? void 0 : children.isMicroservice) ? (react_2["default"].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_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                            react_2["default"].createElement("div", { className: 'w-3' }),
+                                                            react_2["default"].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_2["default"].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_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                            react_2["default"].createElement("div", { className: 'w-3' }),
+                                                            react_2["default"].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_2["default"].createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
+                                                            ? sub_menu_style_1.styles.childMenuActiveAfter
+                                                            : checkChildBefore(item.child, children)
+                                                                ? sub_menu_style_1.styles.childMenuBefAfter
+                                                                : {} }))); }))))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
+                                                    react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                react_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (react_2["default"].createElement(react_2["default"].Fragment, null,
+                                                (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                    react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                        react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
+                                                item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, index) { return (react_2["default"].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_2["default"].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_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
                                                         react_2["default"].createElement("div", { className: 'w-3' }),
-                                                        react_2["default"].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_2["default"].createElement("div", { style: (children === null || children === void 0 ? void 0 : children.current)
-                                                        ? sub_menu_style_1.styles.childMenuActiveAfter
-                                                        : checkChildBefore(item.child, children)
-                                                            ? sub_menu_style_1.styles.childMenuBefAfter
-                                                            : {} }))); }))))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                            react_2["default"].createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
-                                                react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-300') }, item === null || item === void 0 ? void 0 : item.name)),
-                                            react_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))))) : (react_2["default"].createElement(react_2["default"].Fragment, null,
-                                            (item === null || item === void 0 ? void 0 : item.isMicroservice) ? (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))) : (react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
-                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
-                                                    react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' })))),
-                                            item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, index) { return (react_2["default"].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_2["default"].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_2["default"].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_2["default"].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_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
                                                         react_2["default"].createElement("div", { className: 'w-3' }),
-                                                        react_2["default"].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_2["default"].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_2["default"].createElement("div", { key: subNavIndex },
+                                            react_2["default"].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_2["default"].createElement("div", { className: 'ml-1 flex items-center text-[0.84rem]' },
+                                                react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+                                                    react_2["default"].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_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : ('')))); }))))))))),
             react_2["default"].createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
                 react_2["default"].createElement("main", { className: 'flex flex-1 overflow-hidden' },
                     react_2["default"].createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },