phx-react 1.3.1578 → 1.3.1579

package/dist/cjs/components/MainWrapV3/MainWrapV3.js

@@ -1,63 +1,58 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PHXMainWrapV3 = void 0;
-var tslib_1 = require("tslib");
-var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-var react_1 = require("@headlessui/react");
-var outline_1 = require("@heroicons/react/24/outline");
-var react_2 = tslib_1.__importStar(require("react"));
-var Modal_1 = require("../Modal");
-var Skeleton_1 = require("../Skeleton");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
-var constants_1 = require("../../utils/constants");
-var solid_1 = require("@heroicons/react/20/solid");
-var fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
-var search_bar_1 = tslib_1.__importDefault(require("./search/search-bar"));
-var Banner_1 = require("../Banner");
-var solid_2 = require("@heroicons/react/24/solid");
-var PHXGrpcClientV3_1 = require("../Func/GRPC/PHXGrpcClientV3");
-var query_1 = require("../../query");
-var Card_1 = require("../Card");
-var getEnvPublic_1 = tslib_1.__importDefault(require("../Func/getEnvPublic"));
-var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
-var appearance_styled_1 = tslib_1.__importDefault(require("./appearance/appearance-styled"));
-var nav_mobile_1 = tslib_1.__importDefault(require("./navigator/nav-mobile"));
-var sub_menu_style_1 = require("./style/sub-menu-style");
-var Icon_1 = require("./assets/Icon");
-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");
+const tslib_1 = require("tslib");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const react_1 = require("@headlessui/react");
+const outline_1 = require("@heroicons/react/24/outline");
+const react_2 = tslib_1.__importStar(require("react"));
+const Modal_1 = require("../Modal");
+const Skeleton_1 = require("../Skeleton");
+const js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+const constants_1 = require("../../utils/constants");
+const solid_1 = require("@heroicons/react/20/solid");
+const fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
+const search_bar_1 = tslib_1.__importDefault(require("./search/search-bar"));
+const Banner_1 = require("../Banner");
+const solid_2 = require("@heroicons/react/24/solid");
+const PHXGrpcClientV3_1 = require("../Func/GRPC/PHXGrpcClientV3");
+const query_1 = require("../../query");
+const Card_1 = require("../Card");
+const getEnvPublic_1 = tslib_1.__importDefault(require("../Func/getEnvPublic"));
+const saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
+const appearance_styled_1 = tslib_1.__importDefault(require("./appearance/appearance-styled"));
+const nav_mobile_1 = tslib_1.__importDefault(require("./navigator/nav-mobile"));
+const sub_menu_style_1 = require("./style/sub-menu-style");
+const Icon_1 = require("./assets/Icon");
+const image_1 = tslib_1.__importDefault(require("next/image"));
+const axios_1 = tslib_1.__importDefault(require("axios"));
+const getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
+const LoadingProvider_1 = require("../LoadingProvider");
+const helpers_1 = require("../../helpers/helpers");
+const page_tracker_1 = require("../../stores/page-tracker/page-tracker");
+const sessionStore_1 = require("../Func/sessionStore");
 fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.fas);
-function classNames() {
-    var classes = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        classes[_i] = arguments[_i];
-    }
+function classNames(...classes) {
     return classes.filter(Boolean).join(' ');
 }
-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, 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];
-    var _m = (0, react_2.useState)(''), campaignName = _m[0], setCampaignName = _m[1];
-    var _o = (0, react_2.useState)(false), sidebarOpen = _o[0], setSidebarOpen = _o[1];
-    var _p = (0, react_2.useState)([]), subNavigation = _p[0], setSubNavigation = _p[1];
-    var _q = (0, react_2.useState)([]), navigation = _q[0], setNavigation = _q[1];
-    var _r = (0, react_2.useState)(false), modalSignOut = _r[0], setModalSignOut = _r[1];
-    var _s = (0, react_2.useState)(true), showBanner = _s[0], setShowBanner = _s[1];
-    var _t = (0, react_2.useState)(true), isLoading = _t[0], setIsLoading = _t[1];
-    var sessionCookie = (0, react_2.useRef)((0, getCookieSession_1.default)());
-    var userSessionInfo = (_b = sessionCookie.current) === null || _b === void 0 ? void 0 : _b.user_info;
-    var schoolInfoId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.school_id;
-    var userId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.id;
-    var setGlobalLoading = (0, LoadingProvider_1.useLoading)().setLoading;
-    var _u = (0, react_2.useState)({
+const PHXMainWrapV3 = ({ children, hiddenLeftMenu = false, logoHeight = '28px', multipleMenu = false, params, pathName, router, getDataCookies, }) => {
+    var _a, _b, _c, _d, _e;
+    const { pid } = params ? params : {};
+    const [modal, setModal] = (0, react_2.useState)(false);
+    const [openSubMenu, setOpenSubMenu] = (0, react_2.useState)(true);
+    const [campaignName, setCampaignName] = (0, react_2.useState)('');
+    const [sidebarOpen, setSidebarOpen] = (0, react_2.useState)(false);
+    const [subNavigation, setSubNavigation] = (0, react_2.useState)([]);
+    const [navigation, setNavigation] = (0, react_2.useState)([]);
+    const [modalSignOut, setModalSignOut] = (0, react_2.useState)(false);
+    const [showBanner, setShowBanner] = (0, react_2.useState)(true);
+    const [isLoading, setIsLoading] = (0, react_2.useState)(true);
+    const sessionCookie = (0, react_2.useRef)((0, getCookieSession_1.default)());
+    const userSessionInfo = (_a = sessionCookie.current) === null || _a === void 0 ? void 0 : _a.user_info;
+    const schoolInfoId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.school_id;
+    const userId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.id;
+    const { setLoading: setGlobalLoading } = (0, LoadingProvider_1.useLoading)();
+    const [dataInitMain, setDataInitMain] = (0, react_2.useState)({
         menuDefault: [],
         loadingMenu: true,
         loadingSchool: true,
@@ -72,26 +67,25 @@ var PHXMainWrapV3 = function (_a) {
         perCode: [],
         roleCode: [],
         isLoadingPermission: true,
-        sourceAvatar: ((_c = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.user_avatar) === null || _c === void 0 ? void 0 : _c.size_small) || (userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.avatar) || constants_1.DEFAULT_AVATAR,
-    }), dataInitMain = _u[0], setDataInitMain = _u[1];
-    var locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
-    var locationArr = locationPathname.split('/').filter(Boolean);
-    var basePath = locationArr.slice(0, locationArr.length - pathName.split('/').filter(Boolean).length).join('/');
-    var pathNameWithBasePath = "".concat(basePath ? "".concat('/' + basePath) : '').concat(pathName);
+        sourceAvatar: ((_b = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.user_avatar) === null || _b === void 0 ? void 0 : _b.size_small) || (userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.avatar) || constants_1.DEFAULT_AVATAR,
+    });
+    const locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
+    const locationArr = locationPathname.split('/').filter(Boolean);
+    const basePath = locationArr.slice(0, locationArr.length - pathName.split('/').filter(Boolean).length).join('/');
+    const pathNameWithBasePath = `${basePath ? `${'/' + basePath}` : ''}${pathName}`;
     function enablePer(code, arr) {
         if (!code)
             return true;
-        return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
+        return arr === null || arr === void 0 ? void 0 : arr.some((item) => item === code);
     }
     // Lấy code phân quyền trong menu từ path hiện tại
     function getCodesByPath(dataMenu, currentPath) {
-        var lastMatchingCode = null;
-        var normalizedPath = currentPath.replace(/\/$/, '');
+        let lastMatchingCode = null;
+        const normalizedPath = currentPath.replace(/\/$/, '');
         function traverse(items, prefix) {
-            for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-                var item = items_1[_i];
-                var fullPath = item.path.startsWith('/') ? prefix + item.path : item.path;
-                var normalizedFullPath = fullPath.replace(/\/$/, '');
+            for (const item of items) {
+                const fullPath = item.path.startsWith('/') ? prefix + item.path : item.path;
+                const normalizedFullPath = fullPath.replace(/\/$/, '');
                 if (normalizedPath === normalizedFullPath || normalizedPath.startsWith(normalizedFullPath + '/')) {
                     lastMatchingCode = item.code;
                 }
@@ -100,32 +94,30 @@ var PHXMainWrapV3 = function (_a) {
                 }
             }
         }
-        for (var _i = 0, dataMenu_1 = dataMenu; _i < dataMenu_1.length; _i++) {
-            var rootItem = dataMenu_1[_i];
-            var rootPath = rootItem.path;
-            var prefix = rootPath.split('/').slice(0, 2).join('/');
+        for (const rootItem of dataMenu) {
+            const rootPath = rootItem.path;
+            const prefix = rootPath.split('/').slice(0, 2).join('/');
             traverse([rootItem], prefix);
         }
         return lastMatchingCode ? lastMatchingCode : null;
     }
     // code phân quyền path hiện tại
-    var currentCode = getCodesByPath(dataInitMain.menuDefault, locationPathname);
-    var requireLoginValidation = function () {
+    const currentCode = getCodesByPath(dataInitMain.menuDefault, locationPathname);
+    const requireLoginValidation = () => {
         (0, sessionStore_1.clearSession)();
-        var currentURL = window.location.href;
-        var url = currentURL.split('/');
-        var loginPush = "".concat(url[0], "//").concat(url[2], "/login-sso");
+        const currentURL = window.location.href;
+        const url = currentURL.split('/');
+        const loginPush = `${url[0]}//${url[2]}/login-sso`;
         window.location.replace(loginPush);
     };
-    var checkIsQuitJob = function (_a) {
-        var profileStaff = _a.profileStaff, profileTeacher = _a.profileTeacher;
+    const checkIsQuitJob = ({ profileStaff, profileTeacher }) => {
         try {
             // xóa cookies với những tài khoản giáo viên, nhân viên đã nghỉ việc
-            var staffIsQuitJob = profileStaff === null || profileStaff === void 0 ? void 0 : profileStaff.is_quit_job;
-            var teacherIsQuitJob = profileTeacher === null || profileTeacher === void 0 ? void 0 : profileTeacher.is_quit_job;
+            const staffIsQuitJob = profileStaff === null || profileStaff === void 0 ? void 0 : profileStaff.is_quit_job;
+            const teacherIsQuitJob = profileTeacher === null || profileTeacher === void 0 ? void 0 : profileTeacher.is_quit_job;
             if (staffIsQuitJob || teacherIsQuitJob) {
                 console.log('Phiên đăng nhập đã hết hạn');
-                Object.keys(js_cookie_1.default.get()).forEach(function (cookieName) {
+                Object.keys(js_cookie_1.default.get()).forEach((cookieName) => {
                     js_cookie_1.default.remove(cookieName);
                 });
                 requireLoginValidation();
@@ -135,178 +127,138 @@ var PHXMainWrapV3 = function (_a) {
             console.log(error);
         }
     };
-    var fetchDataPer = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var res, userPermissions, rolePermissions, allPermissions, permissionCodes, routePermissions, actionPermissions, actionPermissionMap, uniqueRoutePermissions, error_1;
+    const fetchDataPer = async () => {
         var _a, _b, _c, _d;
-        return tslib_1.__generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    _e.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
-                            query: query_1.GET_PERMISSION_DETAIL_USER_V3,
-                            variables: { id: userId, school_id: schoolInfoId },
-                        })];
-                case 1:
-                    res = _e.sent();
-                    userPermissions = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.permission_user) !== null && _b !== void 0 ? _b : [];
-                    rolePermissions = (_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.permission_role) !== null && _d !== void 0 ? _d : [];
-                    allPermissions = tslib_1.__spreadArray(tslib_1.__spreadArray([], userPermissions, true), rolePermissions, true);
-                    permissionCodes = allPermissions.map(function (p) { return p.permission; });
-                    routePermissions = permissionCodes.filter(function (p) { return !p.is_action; }).map(function (p) { return p.code; });
-                    actionPermissions = permissionCodes.filter(function (p) { return p.is_action; }).map(function (p) { return p.code; });
-                    actionPermissionMap = Object.fromEntries(actionPermissions.map(function (code) { return [code, true]; }));
-                    uniqueRoutePermissions = Array.from(new Set(routePermissions));
-                    return [2 /*return*/, { uniqueRoutePermissions: uniqueRoutePermissions, actionPermissionMap: actionPermissionMap }];
-                case 2:
-                    error_1 = _e.sent();
-                    console.error('Error fetching school data:', error_1);
-                    return [2 /*return*/, { uniqueRoutePermissions: null, actionPermissionMap: null }];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var getProfileByUser = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var response, profileUser, avatar, email, full_name, profile_staff, profile_teacher, user_avatar, user_roles, error_2;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
-                            query: query_1.QUERY_GET_PROFILE_USER,
-                            variables: {
-                                user_id: userId,
-                            },
-                        })];
-                case 1:
-                    response = _a.sent();
-                    profileUser = response.data.users_by_pk;
-                    avatar = profileUser.avatar, email = profileUser.email, full_name = profileUser.full_name, profile_staff = profileUser.profile_staff, profile_teacher = profileUser.profile_teacher, user_avatar = profileUser.user_avatar, user_roles = profileUser.user_roles;
-                    // check user is quit job
-                    checkIsQuitJob({
-                        profileStaff: profile_staff,
-                        profileTeacher: profile_teacher,
-                    });
-                    // renew list role in cookie
-                    return [2 /*return*/, {
-                            avatar: avatar,
-                            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:
-                    error_2 = _a.sent();
-                    console.log(error_2);
-                    return [2 /*return*/];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchDataSchool = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var id, _a, group_id, school_name_id, school_id, settingSiteDb, res, dataSchool, settingFetchData, cleanedJsonString, error_3;
-        var _b, _c, _d, _e;
-        return tslib_1.__generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    if (!userSessionInfo)
-                        return [2 /*return*/];
-                    id = userSessionInfo.id, _a = userSessionInfo.school, group_id = _a.school_name.group_id, school_name_id = _a.school_name_id, school_id = userSessionInfo.school_id;
-                    setIsLoading(true);
-                    settingSiteDb = undefined;
-                    _f.label = 1;
-                case 1:
-                    _f.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
-                            query: query_1.GET_SCHOOL_V3,
-                            variables: { group_id: group_id, school_name_id: school_name_id, user_id: id },
-                            isDelay: false,
-                        })];
-                case 2:
-                    res = _f.sent();
-                    dataSchool = (_c = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.school_name[0]) === null || _c === void 0 ? void 0 : _c.schools;
-                    settingFetchData = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.setting_site[0]) === null || _e === void 0 ? void 0 : _e.value_setting;
-                    if (settingFetchData) {
-                        cleanedJsonString = settingFetchData.replace(/^"(.*)"$/, '$1');
-                        settingSiteDb = JSON.parse(cleanedJsonString);
-                    }
-                    setIsLoading(false);
-                    return [2 /*return*/, {
-                            settingSiteDb: settingSiteDb,
-                            loadingSchool: dataSchool.length === 0,
-                            listSchool: dataSchool,
-                            schoolId: school_id,
-                        }];
-                case 3:
-                    error_3 = _f.sent();
-                    setIsLoading(false);
-                    console.error('Error fetching school data:', error_3);
-                    return [2 /*return*/];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchDataMenu = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var envPublic, menuUrl, logoMenuTop, data, menuJson;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, getEnvPublic_1.default)()];
-                case 1:
-                    envPublic = _a.sent();
-                    menuUrl = envPublic === null || envPublic === void 0 ? void 0 : envPublic.SCHOOL_MENU_V2;
-                    logoMenuTop = envPublic === null || envPublic === void 0 ? void 0 : envPublic.SCHOOL_TOP_MENU_LOGO;
-                    if (!menuUrl || !logoMenuTop) {
-                        console.error('menu or logo not found');
-                    }
-                    return [4 /*yield*/, fetch(menuUrl)];
-                case 2:
-                    data = _a.sent();
-                    return [4 /*yield*/, data.json()];
-                case 3:
-                    menuJson = _a.sent();
-                    return [2 /*return*/, {
-                            loadingMenu: false,
-                            logo: { path: logoMenuTop, height: logoHeight },
-                            menu: menuJson,
-                        }];
+        try {
+            const res = await (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                query: query_1.GET_PERMISSION_DETAIL_USER_V3,
+                variables: { id: userId, school_id: schoolInfoId },
+            });
+            const userPermissions = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.permission_user) !== null && _b !== void 0 ? _b : [];
+            const rolePermissions = (_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.permission_role) !== null && _d !== void 0 ? _d : [];
+            const allPermissions = [...userPermissions, ...rolePermissions];
+            // Tách quyền theo loại: quyền route (không phải action) và quyền action
+            const permissionCodes = allPermissions.map((p) => p.permission);
+            const routePermissions = permissionCodes.filter((p) => !p.is_action).map((p) => p.code);
+            const actionPermissions = permissionCodes.filter((p) => p.is_action).map((p) => p.code);
+            // Tạo object dạng { ACTION_CODE: true }
+            const actionPermissionMap = Object.fromEntries(actionPermissions.map((code) => [code, true]));
+            // Xoá trùng và set route permissions
+            const uniqueRoutePermissions = Array.from(new Set(routePermissions));
+            return { uniqueRoutePermissions, actionPermissionMap };
+        }
+        catch (error) {
+            console.error('Error fetching school data:', error);
+            return { uniqueRoutePermissions: null, actionPermissionMap: null };
+        }
+    };
+    const getProfileByUser = async () => {
+        try {
+            const response = await (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                query: query_1.QUERY_GET_PROFILE_USER,
+                variables: {
+                    user_id: userId,
+                },
+            });
+            const profileUser = response.data.users_by_pk;
+            const { avatar, email, full_name, profile_staff, profile_teacher, user_avatar, user_roles } = profileUser;
+            // check user is quit job
+            checkIsQuitJob({
+                profileStaff: profile_staff,
+                profileTeacher: profile_teacher,
+            });
+            // renew list role in cookie
+            return {
+                avatar,
+                user_avatar,
+                full_name,
+                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,
+            };
+        }
+        catch (error) {
+            console.log(error);
+            return;
+        }
+    };
+    const fetchDataSchool = async () => {
+        var _a, _b, _c, _d;
+        if (!userSessionInfo)
+            return;
+        const { id, school: { school_name: { group_id }, school_name_id, }, school_id, } = userSessionInfo;
+        setIsLoading(true);
+        let settingSiteDb = undefined;
+        try {
+            const res = await (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                query: query_1.GET_SCHOOL_V3,
+                variables: { group_id, school_name_id, user_id: id },
+                isDelay: false,
+            });
+            const dataSchool = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.school_name[0]) === null || _b === void 0 ? void 0 : _b.schools;
+            const settingFetchData = (_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.setting_site[0]) === null || _d === void 0 ? void 0 : _d.value_setting;
+            if (settingFetchData) {
+                const cleanedJsonString = settingFetchData.replace(/^"(.*)"$/, '$1');
+                settingSiteDb = JSON.parse(cleanedJsonString);
             }
-        });
-    }); };
-    var detectEnvByDomain = function (domain, configEnv) {
-        for (var _i = 0, _a = Object.entries(configEnv); _i < _a.length; _i++) {
-            var _b = _a[_i], env = _b[0], pattern = _b[1];
+            setIsLoading(false);
+            return {
+                settingSiteDb,
+                loadingSchool: dataSchool.length === 0,
+                listSchool: dataSchool,
+                schoolId: school_id,
+            };
+        }
+        catch (error) {
+            setIsLoading(false);
+            console.error('Error fetching school data:', error);
+            return;
+        }
+    };
+    const fetchDataMenu = async () => {
+        const envPublic = await (0, getEnvPublic_1.default)();
+        const menuUrl = envPublic === null || envPublic === void 0 ? void 0 : envPublic.SCHOOL_MENU_V2;
+        const logoMenuTop = envPublic === null || envPublic === void 0 ? void 0 : envPublic.SCHOOL_TOP_MENU_LOGO;
+        if (!menuUrl || !logoMenuTop) {
+            console.error('menu or logo not found');
+        }
+        const data = await fetch(menuUrl);
+        const menuJson = await data.json();
+        return {
+            loadingMenu: false,
+            logo: { path: logoMenuTop, height: logoHeight },
+            menu: menuJson,
+        };
+    };
+    const detectEnvByDomain = (domain, configEnv) => {
+        for (const [env, pattern] of Object.entries(configEnv)) {
             if (env.startsWith('_comment'))
                 continue; // bỏ qua comment
-            var regex = new RegExp(pattern.replace(/\\\\/g, '\\'));
+            const regex = new RegExp(pattern.replace(/\\\\/g, '\\'));
             if (regex.test(domain))
                 return env;
         }
         return 'stg';
     };
-    var getEnvByConfig = function (configEnv) {
-        var domain = window.location.hostname;
-        var env = detectEnvByDomain(domain, configEnv);
-        return "config_menu_".concat(env, ":disable");
+    const getEnvByConfig = (configEnv) => {
+        const domain = window.location.hostname;
+        const env = detectEnvByDomain(domain, configEnv);
+        return `config_menu_${env}:disable`;
     };
-    var isConfigEnvValid = function (code, configDisable) {
-        return configDisable.length === 0 || !(configDisable === null || configDisable === void 0 ? void 0 : configDisable.includes(code));
-    };
-    var funcMenuByConfigEnv = function (menuJson, configDisable) {
-        var menuWithConfigEnv = [];
-        for (var _i = 0, menuJson_1 = menuJson; _i < menuJson_1.length; _i++) {
-            var item = menuJson_1[_i];
+    const isConfigEnvValid = (code, configDisable) => configDisable.length === 0 || !(configDisable === null || configDisable === void 0 ? void 0 : configDisable.includes(code));
+    const funcMenuByConfigEnv = (menuJson, configDisable) => {
+        const menuWithConfigEnv = [];
+        for (const item of menuJson) {
             if (!isConfigEnvValid(item === null || item === void 0 ? void 0 : item.code, configDisable))
                 continue;
-            var menuItem = tslib_1.__assign(tslib_1.__assign({}, item), { child: [] });
-            var menuSecondLevel = (item === null || item === void 0 ? void 0 : item.child) || [];
-            for (var _a = 0, _b = menuSecondLevel || []; _a < _b.length; _a++) {
-                var childItem = _b[_a];
+            const menuItem = { ...item, child: [] };
+            const menuSecondLevel = (item === null || item === void 0 ? void 0 : item.child) || [];
+            for (const childItem of menuSecondLevel || []) {
                 if (!isConfigEnvValid(childItem === null || childItem === void 0 ? void 0 : childItem.code, configDisable))
                     continue;
-                var childMenuItem = tslib_1.__assign(tslib_1.__assign({}, childItem), { child: [] });
-                var menuThirdLevel = (childItem === null || childItem === void 0 ? void 0 : childItem.child) || [];
-                for (var _c = 0, menuThirdLevel_1 = menuThirdLevel; _c < menuThirdLevel_1.length; _c++) {
-                    var subChildItem = menuThirdLevel_1[_c];
+                const childMenuItem = { ...childItem, child: [] };
+                const menuThirdLevel = (childItem === null || childItem === void 0 ? void 0 : childItem.child) || [];
+                for (const subChildItem of menuThirdLevel) {
                     if (!isConfigEnvValid(subChildItem === null || subChildItem === void 0 ? void 0 : subChildItem.code, configDisable))
                         continue;
                     childMenuItem.child.push(subChildItem);
@@ -317,55 +269,49 @@ var PHXMainWrapV3 = function (_a) {
         }
         return menuWithConfigEnv;
     };
-    var fetchInitData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var _a, loadingMenu, logo, menu, profileNew, dataPer, dataSchool, actionPermissionMap, uniqueRoutePermissions, config_env, enviromentByDomainConfig, menuJson, configDisable, currentSession;
-        var _b;
-        return tslib_1.__generator(this, function (_c) {
-            switch (_c.label) {
-                case 0: return [4 /*yield*/, fetchDataMenu()];
-                case 1:
-                    _a = _c.sent(), loadingMenu = _a.loadingMenu, logo = _a.logo, menu = _a.menu;
-                    return [4 /*yield*/, getProfileByUser()];
-                case 2:
-                    profileNew = _c.sent();
-                    return [4 /*yield*/, fetchDataPer()];
-                case 3:
-                    dataPer = _c.sent();
-                    return [4 /*yield*/, fetchDataSchool()];
-                case 4:
-                    dataSchool = _c.sent();
-                    actionPermissionMap = dataPer.actionPermissionMap, uniqueRoutePermissions = dataPer.uniqueRoutePermissions;
-                    config_env = menu.config_env;
-                    enviromentByDomainConfig = getEnvByConfig(config_env);
-                    menuJson = menu.menu;
-                    configDisable = menu[enviromentByDomainConfig];
-                    setDataInitMain({
-                        menuDefault: menuJson,
-                        logo: logo,
-                        menu: funcMenuByConfigEnv(menuJson, configDisable),
-                        loadingMenu: loadingMenu,
-                        schoolId: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.schoolId) || null,
-                        loadingSchool: !!(dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.loadingSchool),
-                        listSchool: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.listSchool) || [],
-                        isLoadingPermission: false,
-                        perCode: uniqueRoutePermissions,
-                        roleCode: (profileNew === null || profileNew === void 0 ? void 0 : profileNew.user_roles.map(function (userRole) { var _a; return (_a = userRole === null || userRole === void 0 ? void 0 : userRole.role) === null || _a === void 0 ? void 0 : _a.role_code; })) || [],
-                        configLayout: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.settingSiteDb) || undefined,
-                        sourceAvatar: ((_b = profileNew === null || profileNew === void 0 ? void 0 : profileNew.user_avatar) === null || _b === void 0 ? void 0 : _b.size_small) || (profileNew === null || profileNew === void 0 ? void 0 : profileNew.avatar) || constants_1.DEFAULT_AVATAR,
-                    });
-                    currentSession = (0, getCookieSession_1.default)();
-                    (0, saveCookiesClient_1.default)({
-                        value: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, currentSession), (actionPermissionMap && {
-                            action_permission: actionPermissionMap || [],
-                        })), { setting_site: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.settingSiteDb) || {} }), (profileNew && {
-                            user_info: tslib_1.__assign(tslib_1.__assign({}, userSessionInfo), profileNew),
-                        })),
-                    });
-                    return [2 /*return*/];
-            }
+    const fetchInitData = async () => {
+        var _a;
+        const { loadingMenu, logo, menu } = await fetchDataMenu();
+        const profileNew = await getProfileByUser();
+        const dataPer = await fetchDataPer();
+        const dataSchool = await fetchDataSchool();
+        const { actionPermissionMap, uniqueRoutePermissions } = dataPer;
+        const { config_env } = menu;
+        const enviromentByDomainConfig = getEnvByConfig(config_env);
+        const menuJson = menu.menu;
+        const configDisable = menu[enviromentByDomainConfig];
+        setDataInitMain({
+            menuDefault: menuJson,
+            logo,
+            menu: funcMenuByConfigEnv(menuJson, configDisable),
+            loadingMenu,
+            schoolId: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.schoolId) || null,
+            loadingSchool: !!(dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.loadingSchool),
+            listSchool: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.listSchool) || [],
+            isLoadingPermission: false,
+            perCode: uniqueRoutePermissions,
+            roleCode: (profileNew === null || profileNew === void 0 ? void 0 : profileNew.user_roles.map((userRole) => { var _a; return (_a = userRole === null || userRole === void 0 ? void 0 : userRole.role) === null || _a === void 0 ? void 0 : _a.role_code; })) || [],
+            configLayout: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.settingSiteDb) || undefined,
+            sourceAvatar: ((_a = profileNew === null || profileNew === void 0 ? void 0 : profileNew.user_avatar) === null || _a === void 0 ? void 0 : _a.size_small) || (profileNew === null || profileNew === void 0 ? void 0 : profileNew.avatar) || constants_1.DEFAULT_AVATAR,
+        });
+        const currentSession = (0, getCookieSession_1.default)();
+        (0, saveCookiesClient_1.default)({
+            value: {
+                ...currentSession,
+                ...(actionPermissionMap && {
+                    action_permission: actionPermissionMap || [],
+                }),
+                setting_site: (dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.settingSiteDb) || {},
+                ...(profileNew && {
+                    user_info: {
+                        ...userSessionInfo,
+                        ...profileNew,
+                    },
+                }),
+            },
         });
-    }); };
-    (0, react_2.useEffect)(function () {
+    };
+    (0, react_2.useEffect)(() => {
         if (!userSessionInfo) {
             // Require login if production mode
             requireLoginValidation();
@@ -373,17 +319,17 @@ var PHXMainWrapV3 = function (_a) {
         }
         fetchInitData();
     }, []);
-    var isEqualUrl = function (parentHref, pathNameCompare) {
+    const isEqualUrl = (parentHref, pathNameCompare) => {
         if (!parentHref || !pathNameCompare) {
             return false;
         }
-        var pathNameSplit = pathNameCompare.split('/');
-        var hrefSplit = parentHref.split('/');
+        const pathNameSplit = pathNameCompare.split('/');
+        const hrefSplit = parentHref.split('/');
         if (!pathNameSplit || !hrefSplit) {
             return false;
         }
-        var urlRouter;
-        var currentMenu;
+        let urlRouter;
+        let currentMenu;
         if (multipleMenu) {
             urlRouter = pathNameSplit[1] + pathNameSplit[2];
             currentMenu = hrefSplit[1] + hrefSplit[2];
@@ -394,10 +340,10 @@ var PHXMainWrapV3 = function (_a) {
         }
         return urlRouter === currentMenu;
     };
-    var isBelongParentWithMicroservice = function (parentSplit, pathNameSplit) {
+    const isBelongParentWithMicroservice = (parentSplit, pathNameSplit) => {
         if (parentSplit.length > 2) {
-            var compareLength = parentSplit.length;
-            for (var i = 1; i < compareLength; i++) {
+            const compareLength = parentSplit.length;
+            for (let i = 1; i < compareLength; i++) {
                 if (parentSplit[i] !== pathNameSplit[i])
                     return false;
             }
@@ -407,9 +353,9 @@ var PHXMainWrapV3 = function (_a) {
             return parentSplit[1] === pathNameSplit[3];
         }
     };
-    var isBelongParent = function (parentUrl, pathNameCompare, isMicroservice) {
-        var parentSplit = parentUrl.split('/');
-        var pathNameSplit = pathNameCompare.split('/');
+    const isBelongParent = (parentUrl, pathNameCompare, isMicroservice) => {
+        const parentSplit = parentUrl.split('/');
+        const pathNameSplit = pathNameCompare.split('/');
         if (isMicroservice) {
             return isBelongParentWithMicroservice(parentSplit, pathNameSplit);
         }
@@ -420,39 +366,39 @@ var PHXMainWrapV3 = function (_a) {
             return parentSplit[1] === pathNameSplit[2];
         }
     };
-    var checkAdmissions = function (path) {
-        var pathNameSplit = path.split('/');
+    const checkAdmissions = (path) => {
+        const pathNameSplit = path.split('/');
         return pathNameSplit[1] === 'admissions';
     };
-    var loadParentNavigation = function (path) {
-        var mainNavigation = dataInitMain.menu;
-        var naviSize = mainNavigation.length;
-        for (var i = 0; i < naviSize; i++) {
-            var item = mainNavigation[i];
+    const loadParentNavigation = (path) => {
+        const mainNavigation = dataInitMain.menu;
+        const naviSize = mainNavigation.length;
+        for (let i = 0; i < naviSize; i++) {
+            const item = mainNavigation[i];
             item.current = false;
             if (item.path === path || isEqualUrl(item.path, path)) {
                 item.current = true;
                 // Find sub modules
-                var itemLength = item.child.length;
-                var listChildren = [];
-                for (var j = 0; j < itemLength; j++) {
-                    var childItem = item.child[j];
+                const itemLength = item.child.length;
+                const listChildren = [];
+                for (let j = 0; j < itemLength; j++) {
+                    const childItem = item.child[j];
                     // Active child item
                     childItem.current = isBelongParent(childItem.path, path, !!(childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice));
                     if (childItem.child) {
-                        var childItemLength = childItem.child.length;
-                        var count = 0;
-                        for (var k = 0; k < childItemLength; k++) {
-                            var subChild = childItem.child[k];
+                        const childItemLength = childItem.child.length;
+                        let count = 0;
+                        for (let k = 0; k < childItemLength; k++) {
+                            const subChild = childItem.child[k];
                             subChild.current = isBelongParent(subChild.path, path, !!(childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice));
                             if (isBelongParent(subChild.path, path, !!(childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice)) ||
                                 isBelongParent(childItem.path, path, !!(childItem === null || childItem === void 0 ? void 0 : childItem.isMicroservice))) {
                                 count++;
                             }
-                            var isSameSubChildPath = (subChild === null || subChild === void 0 ? void 0 : subChild.isMicroservice)
+                            const 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;
+                            const 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;
                         }
@@ -464,28 +410,28 @@ var PHXMainWrapV3 = function (_a) {
         }
         setNavigation(mainNavigation);
     };
-    var loadChildrenCampaign = function (path) {
-        var mainNavigation = dataInitMain.menu;
-        var naviSize = mainNavigation.length;
-        for (var i = 0; i < naviSize; i++) {
-            var item = mainNavigation[i];
+    const loadChildrenCampaign = (path) => {
+        const mainNavigation = dataInitMain.menu;
+        const naviSize = mainNavigation.length;
+        for (let i = 0; i < naviSize; i++) {
+            const item = mainNavigation[i];
             item.current = false;
             if (item.path === path || isEqualUrl(item.path, path)) {
                 item.current = true;
                 // Find sub modules
                 // const itemLength = item.child.length;
-                var campaign = item.child.filter(function (child) { return child.path === '/campaign/list'; });
-                var listCampaign = campaign[0];
-                var itemLength = listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.childrenByParentDetail.length;
-                var listChildren = [];
-                for (var j = 0; j < itemLength; j++) {
-                    var childItem = listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.childrenByParentDetail[j];
+                const campaign = item.child.filter((child) => child.path === '/campaign/list');
+                const listCampaign = campaign[0];
+                const itemLength = listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.childrenByParentDetail.length;
+                const listChildren = [];
+                for (let j = 0; j < itemLength; j++) {
+                    const childItem = listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.childrenByParentDetail[j];
                     // Active child item
                     childItem.current = isBelongParent(childItem.path, path, false);
                     if (childItem.child) {
-                        var childItemLength = childItem.child.length;
-                        for (var k = 0; k < childItemLength; k++) {
-                            var subChild = childItem.child[k];
+                        const childItemLength = childItem.child.length;
+                        for (let k = 0; k < childItemLength; k++) {
+                            const subChild = childItem.child[k];
                             subChild.current = isBelongParent(subChild.path, path, false);
                             if (isBelongParent(subChild.path, path, false) || isBelongParent(childItem.path, path, false)) {
                                 childItem.showChild = true;
@@ -500,24 +446,24 @@ var PHXMainWrapV3 = function (_a) {
         }
         setNavigation(mainNavigation);
     };
-    var checkChildrenCampaign = function (path) {
+    const checkChildrenCampaign = (path) => {
         var _a;
-        var campaignMenu = (_a = dataInitMain.menu) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.path === '/admissions/campaign/list'; });
-        var campaignChild = campaignMenu === null || campaignMenu === void 0 ? void 0 : campaignMenu.child;
-        var listChild = campaignChild === null || campaignChild === void 0 ? void 0 : campaignChild.find(function (item) { return item.path === '/campaign/list'; });
-        var isChild = listChild === null || listChild === void 0 ? void 0 : listChild.childrenByParentDetail.find(function (item) { return isBelongParent(item.path, path, false); });
+        const campaignMenu = (_a = dataInitMain.menu) === null || _a === void 0 ? void 0 : _a.find((item) => item.path === '/admissions/campaign/list');
+        const campaignChild = campaignMenu === null || campaignMenu === void 0 ? void 0 : campaignMenu.child;
+        const listChild = campaignChild === null || campaignChild === void 0 ? void 0 : campaignChild.find((item) => item.path === '/campaign/list');
+        const isChild = listChild === null || listChild === void 0 ? void 0 : listChild.childrenByParentDetail.find((item) => isBelongParent(item.path, path, false));
         return isChild !== undefined;
     };
-    (0, react_2.useEffect)(function () {
-        var isAdmissions = checkAdmissions(pathNameWithBasePath);
+    (0, react_2.useEffect)(() => {
+        const isAdmissions = checkAdmissions(pathNameWithBasePath);
         if (isAdmissions && checkChildrenCampaign(pathNameWithBasePath)) {
             if (pathNameWithBasePath.includes('/admissions/overview/list/') && pid) {
                 (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
                     query: query_1.getCampaignNameV3,
                     variables: { id: pid },
                     isDelay: false,
-                }).then(function (res) {
-                    var data = res.data.admissions_campaigns_by_pk;
+                }).then((res) => {
+                    const data = res.data.admissions_campaigns_by_pk;
                     setCampaignName(data.campaign_name);
                     js_cookie_1.default.set('campaign_name', JSON.stringify(data.campaign_name));
                 });
@@ -535,15 +481,15 @@ var PHXMainWrapV3 = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dataInitMain, pid, pathNameWithBasePath]);
-    (0, react_2.useEffect)(function () {
-        var isAdmissions = checkAdmissions(pathNameWithBasePath);
+    (0, react_2.useEffect)(() => {
+        const isAdmissions = checkAdmissions(pathNameWithBasePath);
         if (isAdmissions) {
             if (pathNameWithBasePath === '/admissions/campaign/list' || !checkChildrenCampaign(pathNameWithBasePath)) {
                 setOpenSubMenu(true);
             }
             else {
                 setOpenSubMenu(true);
-                var campaign_name = js_cookie_1.default.get('campaign_name');
+                const campaign_name = js_cookie_1.default.get('campaign_name');
                 setCampaignName(campaign_name ? JSON.parse(campaign_name) : campaignName);
                 loadChildrenCampaign(pathNameWithBasePath);
             }
@@ -552,16 +498,16 @@ var PHXMainWrapV3 = function (_a) {
             setOpenSubMenu(true);
         }
     }, [pathNameWithBasePath, dataInitMain]);
-    var loadSubNavigation = function (path, isChild, childPath) {
-        var subLength = subNavigation.length;
-        var newSub = [];
-        for (var i = 0; i < subLength; i++) {
-            var item = subNavigation[i];
+    const loadSubNavigation = (path, isChild, childPath) => {
+        const subLength = subNavigation.length;
+        const newSub = [];
+        for (let i = 0; i < subLength; i++) {
+            const item = subNavigation[i];
             item.current = item.path === path && !isChild;
             if (item.child) {
                 item.showChild = item.path === path;
-                for (var j = 0; j < item.child.length; j++) {
-                    var child = item.child[j];
+                for (let j = 0; j < item.child.length; j++) {
+                    const child = item.child[j];
                     child.current = child.path === childPath;
                     if (child.path === item.path) {
                         item.current = false;
@@ -579,92 +525,77 @@ var PHXMainWrapV3 = function (_a) {
     // const handleClicked = (path: string) => {
     //   triggerClicked(path)
     // }
-    var subNavigationTriggerClicked = function (item, parent) {
+    const subNavigationTriggerClicked = (item, parent) => {
         parent ? loadSubNavigation(parent.path, true, item.path) : loadSubNavigation(item.path, false);
-        var queryString = window.location.search;
-        var urlParams = new URLSearchParams(queryString);
-        var campaign = Number(urlParams.get('campaignId'));
+        const queryString = window.location.search;
+        const urlParams = new URLSearchParams(queryString);
+        const campaign = Number(urlParams.get('campaignId'));
         setGlobalLoading(true);
         // handle for admissions
         if (campaign) {
-            router.push("".concat(item.path, "?campaignId=").concat(campaign));
+            router.push(`${item.path}?campaignId=${campaign}`);
         }
         else {
             router.push(item.path);
         }
     };
-    var topMenuLogoFromEnv = dataInitMain.logo.path;
-    var handleModalSignOut = function () { return setModalSignOut(true); };
-    var handleRedirectRouter = function (path) {
-        var currentURL = window.location.href;
-        var url = currentURL.split('/');
-        var pushPath = "".concat(url[0], "//").concat(url[2], "/").concat(path);
+    const { path: topMenuLogoFromEnv } = dataInitMain.logo;
+    const handleModalSignOut = () => setModalSignOut(true);
+    const handleRedirectRouter = (path) => {
+        const currentURL = window.location.href;
+        const url = currentURL.split('/');
+        const pushPath = `${url[0]}//${url[2]}/${path}`;
         window.location.replace(pushPath);
     };
-    var callApiLogoutToken = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var error_4;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, axios_1.default.post("/api/authenticate/logout", {}, {
-                            withCredentials: true,
-                        })];
-                case 1: return [2 /*return*/, _a.sent()];
-                case 2:
-                    error_4 = _a.sent();
-                    console.error(error_4);
-                    return [2 /*return*/];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleSignOut = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setModalSignOut(false);
-                    Object.keys(js_cookie_1.default.get()).forEach(function (cookieName) {
-                        js_cookie_1.default.remove(cookieName);
-                    });
-                    return [4 /*yield*/, callApiLogoutToken()];
-                case 1:
-                    _a.sent();
-                    console.log('Đăng xuất tài khoản');
-                    handleRedirectRouter('login-sso');
-                    return [2 /*return*/];
-            }
+    const callApiLogoutToken = async () => {
+        try {
+            return await axios_1.default.post(`/api/authenticate/logout`, {}, {
+                withCredentials: true,
+            });
+        }
+        catch (error) {
+            console.error(error);
+            return;
+        }
+    };
+    const handleSignOut = async () => {
+        setModalSignOut(false);
+        Object.keys(js_cookie_1.default.get()).forEach((cookieName) => {
+            js_cookie_1.default.remove(cookieName);
         });
-    }); };
-    var handleProfilePage = function () {
+        await callApiLogoutToken();
+        console.log('Đăng xuất tài khoản');
+        handleRedirectRouter('login-sso');
+    };
+    const handleProfilePage = () => {
         handleRedirectRouter('profile');
     };
-    var handleBackMenu = function () {
+    const handleBackMenu = () => {
         router.push('/campaign/list');
         loadParentNavigation('/admissions/campaign/list');
     };
-    var checkChildBefore = function (item, currentItem) {
-        var currentIndexActive = item.find(function (s) { return s.current; });
+    const checkChildBefore = (item, currentItem) => {
+        const currentIndexActive = item.find((s) => s.current);
         return currentIndexActive ? currentIndexActive.id > currentItem.id : false;
     };
-    var _v = (0, react_2.useState)(false), openNavName = _v[0], setOpenNavName = _v[1];
-    var _w = (0, react_2.useState)(false), showSearchBar = _w[0], setShowSearchBar = _w[1];
-    var _x = (0, react_2.useState)(null), selected = _x[0], setSelected = _x[1];
-    var handleOpenModal = function (id) {
+    const [openNavName, setOpenNavName] = (0, react_2.useState)(false);
+    const [showSearchBar, setShowSearchBar] = (0, react_2.useState)(false);
+    const [selected, setSelected] = (0, react_2.useState)(null);
+    const handleOpenModal = (id) => {
         setModal(id !== dataInitMain.schoolId);
         setSelected(id);
     };
-    var handlePrimaryModal = function () {
-        var currentSession = (0, getCookieSession_1.default)();
-        var userInfo = currentSession === null || currentSession === void 0 ? void 0 : currentSession.user_info;
+    const handlePrimaryModal = () => {
+        const currentSession = (0, getCookieSession_1.default)();
+        const userInfo = currentSession === null || currentSession === void 0 ? void 0 : currentSession.user_info;
         if (userInfo) {
             try {
-                var newSchoolId = selected;
-                var schoolIdCurrent = userInfo.school_id;
+                const newSchoolId = selected;
+                const schoolIdCurrent = userInfo.school_id;
                 if (newSchoolId && newSchoolId !== schoolIdCurrent) {
-                    var userInfoNew = tslib_1.__assign(tslib_1.__assign({}, userInfo), { school_id: newSchoolId });
+                    const userInfoNew = { ...userInfo, school_id: newSchoolId };
                     (0, saveCookiesClient_1.default)({
-                        value: tslib_1.__assign(tslib_1.__assign({}, currentSession), { user_info: userInfoNew }),
+                        value: { ...currentSession, user_info: userInfoNew },
                     });
                     window.location.reload();
                 }
@@ -676,25 +607,29 @@ var PHXMainWrapV3 = function (_a) {
         setModal(false);
     };
     // settings page
-    var isSettings = function () {
-        var pathNameSplit = pathNameWithBasePath.split('/');
+    const isSettings = () => {
+        const pathNameSplit = pathNameWithBasePath.split('/');
         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('/');
+    const checkLogoHeader = ((_c = dataInitMain.configLayout) === null || _c === void 0 ? void 0 : _c.logo_dashboard) || topMenuLogoFromEnv || constants_1.DEFAULT_LOGO_DASHBOARD;
+    const isActivityHistory = () => {
+        const 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 })); });
+    const [activityHistoryChild, setActivityHistoryChild] = (0, react_2.useState)(constants_1.MENU_ACTIVITY_HISTORY_CHILD);
+    const handleClickActivityHistoryChild = (clickedItem) => {
+        const updated = activityHistoryChild.map((item) => ({
+            ...item,
+            current: item.code === clickedItem.code,
+        }));
         setActivityHistoryChild(updated);
     };
-    (0, react_2.useEffect)(function () {
+    (0, react_2.useEffect)(() => {
         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) })); });
-            });
+            setActivityHistoryChild((prev) => prev.map((item) => ({
+                ...item,
+                current: pathNameWithBasePath.endsWith(item.path),
+            })));
         }
         else {
             setActivityHistoryChild([]);
@@ -703,16 +638,16 @@ var PHXMainWrapV3 = function (_a) {
     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: getDataCookies ? (_e = (0, helpers_1.decryptCookie)(getDataCookies)) === null || _e === void 0 ? void 0 : _e.setting_site : null }),
+            react_2.default.createElement(appearance_styled_1.default, { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: getDataCookies ? (_d = (0, helpers_1.decryptCookie)(getDataCookies)) === null || _d === void 0 ? void 0 : _d.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: 'max-w-48 ml-3 h-auto max-h-7 w-auto', 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-200 hover:bg-white hover:text-gray-600', 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: () => 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 }),
+                    react_2.default.createElement(search_bar_1.default, { onClose: () => setShowSearchBar(false), open: showSearchBar }),
                     react_2.default.createElement("div", { className: 'flex items-center gap-x-8' },
                         react_2.default.createElement("div", { className: '-m-1.5 p-1.5' },
                             react_2.default.createElement(react_1.Menu, { as: 'div', className: 'relative ml-3' },
@@ -726,7 +661,7 @@ var PHXMainWrapV3 = function (_a) {
                                         react_2.default.createElement(react_1.Menu.Item, null,
                                             react_2.default.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4 text-sm font-semibold text-gray-900 ' }, "Ch\u1ECDn tr\u01B0\u1EDDng")),
                                         !dataInitMain.loadingSchool ? (react_2.default.createElement(react_2.default.Fragment, null, dataInitMain.listSchool
-                                            .filter(function (val) {
+                                            .filter((val) => {
                                             if (!enablePer(constants_1.switchSchool, dataInitMain.perCode)) {
                                                 return val.id === dataInitMain.schoolId;
                                             }
@@ -734,20 +669,22 @@ var PHXMainWrapV3 = function (_a) {
                                                 return true;
                                             }
                                         })
-                                            .map(function (item) { return (react_2.default.createElement(react_1.Menu.Item, { key: item.id },
-                                            react_2.default.createElement("div", { "aria-hidden": true, className: "".concat(item.id === dataInitMain.schoolId &&
+                                            .map((item) => (react_2.default.createElement(react_1.Menu.Item, { key: item.id },
+                                            react_2.default.createElement("div", { "aria-hidden": true, className: `${item.id === dataInitMain.schoolId &&
                                                     dataInitMain.listSchool.length > 1 &&
                                                     !enablePer(constants_1.switchSchool, dataInitMain.perCode) === false
                                                     ? 'rounded-lg bg-zinc-200 font-semibold text-gray-900 '
-                                                    : 'font-normal   ', " \n                                  ").concat(item.id !== dataInitMain.schoolId &&
+                                                    : 'font-normal   '} 
+                                  ${item.id !== dataInitMain.schoolId &&
                                                     (dataInitMain.listSchool.length === 1 ||
                                                         !enablePer(constants_1.switchSchool, dataInitMain.perCode)) === false
                                                     ? 'cursor-pointer hover:rounded-lg hover:bg-gray-100'
-                                                    : '', "\n                              relative mb-1  flex items-center justify-between px-2  py-1.5 text-sm text-gray-900"), onClick: function () { return handleOpenModal(item.id); } },
+                                                    : ''}
+                              relative mb-1  flex items-center justify-between px-2  py-1.5 text-sm text-gray-900`, onClick: () => handleOpenModal(item.id) },
                                                 react_2.default.createElement("p", { className: 'max-w-[95%] truncate' }, item.name),
                                                 item.id === dataInitMain.schoolId &&
                                                     dataInitMain.listSchool.length > 1 &&
-                                                    !enablePer(constants_1.switchSchool, dataInitMain.perCode) === false && (react_2.default.createElement(solid_2.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))))); }))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'flex-1 px-2 py-2', type: 'single' })),
+                                                    !enablePer(constants_1.switchSchool, dataInitMain.perCode) === false && (react_2.default.createElement(solid_2.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))))) : (react_2.default.createElement(Skeleton_1.PHXSkeleton, { className: 'flex-1 px-2 py-2', type: 'single' })),
                                         react_2.default.createElement("div", { className: 'border-b pt-1.5' }),
                                         react_2.default.createElement(react_1.Menu.Item, null,
                                             react_2.default.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4  text-sm font-semibold text-gray-900' }, "T\u00F9y ch\u1ECDn")),
@@ -756,41 +693,41 @@ var PHXMainWrapV3 = function (_a) {
                                         react_2.default.createElement(react_1.Menu.Item, null,
                                             react_2.default.createElement("div", { "aria-hidden": true, className: 'mb-2.5 cursor-pointer px-2 py-1.5 text-sm text-[#8e1f0c] hover:rounded-lg hover:bg-gray-100', onClick: handleModalSignOut }, "\u0110\u0103ng xu\u1EA5t")))))))))),
         react_2.default.createElement("div", null,
-            react_2.default.createElement(Modal_1.PHXModal, { dangerActionText: '\u0110\u0103ng xu\u1EA5t', onDangerClick: handleSignOut, onHide: function () { return setModalSignOut(false); }, primaryActionText: '', show: modalSignOut, title: '\u0110\u0103ng xu\u1EA5t' },
+            react_2.default.createElement(Modal_1.PHXModal, { dangerActionText: '\u0110\u0103ng xu\u1EA5t', onDangerClick: handleSignOut, onHide: () => setModalSignOut(false), primaryActionText: '', show: modalSignOut, title: '\u0110\u0103ng xu\u1EA5t' },
                 react_2.default.createElement("div", { className: 'text-sm text-gray-700' }, "Khi th\u1EF1c hi\u1EC7n thao t\u00E1c n\u00E0y b\u1EA1n s\u1EBD tho\u00E1t kh\u1ECFi trang qu\u1EA3n tr\u1ECB v\u00E0 tr\u1EDF v\u1EC1 trang \u0111\u0103ng nh\u1EADp"))),
-        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(Modal_1.PHXModal, { onHide: () => 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: () => 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(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(nav_mobile_1.default, { menu: dataInitMain.menu, path: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, hiddenSideBar: () => 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' },
-                        react_2.default.createElement("div", { "aria-hidden": true, className: "".concat(openNavName ? 'w-64' : 'w-14', " menu-styled z-10 flex h-full flex-col justify-between border-r !bg-gray-200 transition-all duration-300 lg:fixed"), onMouseOut: function () { return setOpenNavName(false); }, onMouseOver: function () { return setOpenNavName(true); } },
+                        react_2.default.createElement("div", { "aria-hidden": true, className: `${openNavName ? 'w-64' : 'w-14'} menu-styled z-10 flex h-full flex-col justify-between border-r !bg-gray-200 transition-all duration-300 lg:fixed`, onMouseOut: () => setOpenNavName(false), onMouseOver: () => setOpenNavName(true) },
                             react_2.default.createElement("div", { className: classNames('flex flex-1 flex-col', openNavName ? 'overflow-y-auto' : 'overflow-y-hidden') },
                                 react_2.default.createElement("div", { className: 'relative flex-1' },
-                                    react_2.default.createElement("div", { "aria-label": 'Sidebar', className: 'hidden overflow-x-hidden md:block md:flex-shrink-0 md:overflow-y-auto' }, !hiddenLeftMenu && (react_2.default.createElement("div", { className: "space-y- flex ".concat(openNavName ? 'w-64' : 'w-12', " flex-col overflow-hidden p-3") }, navigation.map(function (item, index) { return (react_2.default.createElement("div", { key: index, className: 'w-full' }, enablePer(item.code, dataInitMain.perCode) && (react_2.default.createElement("a", { className: "".concat(classNames(item.current && !openNavName
+                                    react_2.default.createElement("div", { "aria-label": 'Sidebar', className: 'hidden overflow-x-hidden md:block md:flex-shrink-0 md:overflow-y-auto' }, !hiddenLeftMenu && (react_2.default.createElement("div", { className: `space-y- flex ${openNavName ? 'w-64' : 'w-12'} flex-col overflow-hidden p-3` }, navigation.map((item, index) => (react_2.default.createElement("div", { key: index, className: 'w-full' }, enablePer(item.code, dataInitMain.perCode) && (react_2.default.createElement("a", { className: `${classNames(item.current && !openNavName
                                             ? 'menu-bg-color-icon-active-styled font-semibold' // màu background của icon đang active của menu
                                             : 'menu-icon-color-styled', // màu icon của menu
                                         !openNavName
                                             ? 'mb-1.5 inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg'
                                             : 'mb-1.5 inline-flex h-8 min-w-full flex-shrink-0 items-center rounded-lg', openNavName && item.current
                                             ? 'menu-bg-color-icon-active-styled rounded-lg'
-                                            : 'menu-hover-bg hover:rounded-lg hover:bg-opacity-50')), href: item.path, 
+                                            : 'menu-hover-bg hover:rounded-lg hover:bg-opacity-50')}`, href: item.path, 
                                         // onClick={() => handleClicked(item.path)}
-                                        onMouseOver: function () { return setOpenNavName(true); } },
+                                        onMouseOver: () => setOpenNavName(true) },
                                         react_2.default.createElement("span", { className: 'sr-only' }, item.name),
                                         react_2.default.createElement("span", { className: classNames(!openNavName
                                                 ? 'group cursor-pointer hover:z-10 focus-visible:outline-none'
-                                                : "flex gap-x-2 ".concat(item.menuIconSL ? 'pl-[3px] pt-[2px]' : 'pl-[0.45rem]')) },
+                                                : `flex gap-x-2 ${item.menuIconSL ? 'pl-[3px] pt-[2px]' : 'pl-[0.45rem]'}`) },
                                             item.menuIconSL ? (react_2.default.createElement("img", { alt: 'icon', className: 'w-[1.6rem]', src: item.menuIconSL })) : (
                                             // <FontAwesomeIcon
                                             //   className="mt-1 h-[1.125rem] w-[1.125rem]"
                                             //   icon={item.image}
                                             // />
-                                            react_2.default.createElement(image_1.default, { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem] text-gray-950', openNavName && 'mt-[0.2rem]'), height: 0, src: item.current ? Icon_1.Icons["".concat(item.code, "_SOLID")] : Icon_1.Icons[item.code], width: 0 })),
+                                            react_2.default.createElement(image_1.default, { alt: 'icon', className: classNames('h-[1.125rem] w-[1.125rem] text-gray-950', openNavName && 'mt-[0.2rem]'), height: 0, src: item.current ? Icon_1.Icons[`${item.code}_SOLID`] : Icon_1.Icons[item.code], width: 0 })),
                                             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("p", { className: `mt-0.5 h-full text-[0.86rem] text-[#353A44] transition-all duration-300 ${openNavName ? 'opacity-100' : 'opacity-0'}` }, item.name)))))))))))))),
+                            react_2.default.createElement("div", { className: classNames('border-t', navigation.length > 0 && ((_e = navigation[0]) === null || _e === void 0 ? void 0 : _e.isSchoolink) ? 'border-[#1c222b]' : 'border-indigo-100') },
                                 react_2.default.createElement("div", { className: 'flex 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'
@@ -799,14 +736,14 @@ var PHXMainWrapV3 = function (_a) {
                                             : '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); } },
+                                            : 'setting-hover-bg hover:rounded-lg hover:bg-opacity-50'), href: '/activity-history/list', onMouseOver: () => 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("p", { className: `setting-text-color mt-0.5 h-full text-[0.86rem] font-normal text-[#353A44] transition-all duration-300 hover:cursor-pointer ${openNavName ? 'opacity-100' : 'opacity-0'}` }, "L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng")))))),
                                 react_2.default.createElement("div", { className: 'mb-14 flex 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'
@@ -817,25 +754,25 @@ var PHXMainWrapV3 = function (_a) {
                                             ? '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: '/setting', 
                                         // onClick={() => handleClicked(item.path)}
-                                        onMouseOver: function () { return setOpenNavName(true); } },
+                                        onMouseOver: () => setOpenNavName(true) },
                                         react_2.default.createElement("span", { className: 'sr-only' }, "setting"),
                                         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: isSettings() ? Icon_1.Icons.SETTING_SOLID : Icon_1.Icons.SETTING, 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') }, "C\u00E0i \u0111\u1EB7t")))))))),
+                                                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 ${openNavName ? 'opacity-100' : 'opacity-0'}` }, "C\u00E0i \u0111\u1EB7t")))))))),
                         !hiddenLeftMenu && (react_2.default.createElement(react_1.Transition, { 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', show: openSubMenu },
                             react_2.default.createElement("aside", { className: 'z-9 fixed ml-[3.438rem] hidden h-full bg-gray-200/20 lg:block lg:flex-shrink-0' },
                                 react_2.default.createElement("div", { className: 'relative flex h-full w-64 flex-col overflow-y-auto bg-gray-200/20' },
                                     checkAdmissions(pathNameWithBasePath) &&
                                         checkChildrenCampaign(pathNameWithBasePath) &&
                                         pathNameWithBasePath !== '/admissions/campaign/list' && (react_2.default.createElement("div", { className: 'mx-1 flex items-center p-2 pb-0' },
-                                        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("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: () => 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) {
+                                        subNavigation.map((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)
@@ -847,11 +784,11 @@ var PHXMainWrapV3 = function (_a) {
                                                     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]' },
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: () => 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') },
+                                                item.showChild && item.child && (react_2.default.createElement(react_2.default.Fragment, null, item.child.map((children, childIndex) => (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)
@@ -861,7 +798,7 @@ var PHXMainWrapV3 = function (_a) {
                                                             ? '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(); } },
+                                                            : (e) => 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)
@@ -871,7 +808,7 @@ var PHXMainWrapV3 = function (_a) {
                                                                         : '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); }
+                                                            ? () => subNavigationTriggerClicked(children, item)
                                                             : undefined },
                                                         react_2.default.createElement("div", { className: 'flex items-center gap-x-3' },
                                                             react_2.default.createElement("div", { className: 'w-3' }),
@@ -884,7 +821,7 @@ var PHXMainWrapV3 = function (_a) {
                                                             ? 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)
+                                                                : {} })))))))) : (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]' },
@@ -900,38 +837,38 @@ var PHXMainWrapV3 = function (_a) {
                                                     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]' },
+                                                    'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: () => 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)
+                                                item.showChild && item.child && (react_2.default.createElement(react_2.default.Fragment, null, item.child.map((children, index) => (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', (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); } },
+                                                        : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: () => 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 },
+                                        activityHistoryChild.map((item, subNavIndex) => (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 () {
+                                                'mx-3 flex cursor-pointer border-slate-200 p-2'), onClick: () => {
                                                     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("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' },
                         react_2.default.createElement("div", { className: 'sticky top-0 z-10 flex h-14 flex-shrink-0 border-b border-l bg-bgcl-50 px-4 sm:px-6 lg:px-4' }),
-                        react_2.default.createElement("div", { className: "".concat(openSubMenu ? 'lg:ml-[20.063rem]' : 'lg:ml-[5.063rem]', " bg-gray-100 px-6") },
+                        react_2.default.createElement("div", { className: `${openSubMenu ? 'lg:ml-[20.063rem]' : 'lg:ml-[5.063rem]'} bg-gray-100 px-6` },
                             react_2.default.createElement("div", { className: 'py-4' }, dataInitMain.isLoadingPermission ? ('') : enablePer(currentCode, dataInitMain.perCode) ? (children) : (react_2.default.createElement(Card_1.PHXCard, null,
                                 react_2.default.createElement("div", { className: 'mb-10 mt-10 sm:mb-20 sm:mt-20 lg:mb-32 lg:mt-32' },
                                     react_2.default.createElement("div", { className: 'flex items-center justify-center' },