phx-uikit 1.0.121 → 1.0.123

package/dist/cjs/components/Func/getLoginInfo.d.ts

@@ -1,24 +1,2 @@
-interface SessionCookie {
-    full_name: string;
-    userName: string;
-    email: string;
-    id: number;
-    school_id: number;
-    school: {
-        school_name_id: number;
-        school_name: {
-            group_id: number;
-        };
-    };
-    user_roles: Array<{
-        role_id: number;
-        role: {
-            id: number;
-            name: string;
-            role_code: string;
-            is_admin: boolean;
-        };
-    }>;
-}
-export default function PHXFuncGetLoggedInfo(): SessionCookie | null;
-export {};
+import { UserInfo } from './getCookieSession';
+export default function PHXFuncGetLoggedInfo(): UserInfo | null | any;

package/dist/cjs/components/Func/getLoginInfo.js

@@ -1,24 +1,22 @@
 "use strict";
 exports.__esModule = true;
 var tslib_1 = require("tslib");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
 var constants_1 = require("../../utils/constants");
-var helpers_1 = require("../../helpers/helpers");
 var saveCookiesClient_1 = tslib_1.__importDefault(require("./saveCookiesClient"));
+var getCookieSession_1 = tslib_1.__importDefault(require("./getCookieSession"));
 function PHXFuncGetLoggedInfo() {
-    if (typeof window !== 'undefined') {
-        var sessionInfo = js_cookie_1["default"].get(constants_1.COOKIE_USER_INFO);
-        if (sessionInfo)
-            return (0, helpers_1.decryptCookie)(sessionInfo);
-        var loggedInfoString = localStorage.getItem(constants_1.isLoggedCookie);
-        if (loggedInfoString) {
-            // convert data to save cookie
-            var userInfo = JSON.parse(loggedInfoString);
-            (0, saveCookiesClient_1["default"])(constants_1.COOKIE_USER_INFO, (0, helpers_1.encryptDataSync)(userInfo), true);
-            localStorage.removeItem(constants_1.isLoggedCookie);
-            return userInfo;
-        }
-        return null;
+    var cookieSession = (0, getCookieSession_1["default"])();
+    var userInfo = cookieSession === null || cookieSession === void 0 ? void 0 : cookieSession.user_info;
+    if (userInfo)
+        return userInfo;
+    // convert data localStorage to cookie
+    var loggedInfoString = localStorage.getItem(constants_1.isLoggedCookie);
+    if (loggedInfoString) {
+        // convert data to save cookie
+        var userInfo_1 = JSON.parse(loggedInfoString);
+        (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, cookieSession), { user_info: userInfo_1 }) });
+        localStorage.removeItem(constants_1.isLoggedCookie);
+        return userInfo_1;
     }
     return null;
 }

package/dist/cjs/components/Func/getLoginInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAC/B,mDAAwE;AACxE,iDAAsE;AACtE,kFAAmD;AAyBnD,SAAwB,oBAAoB;IAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,IAAM,WAAW,GAAG,sBAAO,CAAC,GAAG,CAAC,4BAAgB,CAAC,CAAA;QACjD,IAAI,WAAW;YAAE,OAAO,IAAA,uBAAa,EAAC,WAAW,CAAC,CAAA;QAElD,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,0BAAc,CAAC,CAAA;QAC7D,IAAI,gBAAgB,EAAE;YACpB,8BAA8B;YAC9B,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;YAC7C,IAAA,8BAAiB,EAAC,4BAAgB,EAAE,IAAA,yBAAe,EAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;YACpE,YAAY,CAAC,UAAU,CAAC,0BAAc,CAAC,CAAA;YACvC,OAAO,QAAQ,CAAA;SAChB;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAhBD,0CAgBC"}
+{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AACtD,kFAAmD;AACnD,gFAAsE;AAEtE,SAAwB,oBAAoB;IAC1C,IAAM,aAAa,GAAG,IAAA,6BAAuB,GAAE,CAAA;IAC/C,IAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAA;IACzC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAE7B,sCAAsC;IACtC,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,0BAAc,CAAC,CAAA;IAC7D,IAAI,gBAAgB,EAAE;QACpB,8BAA8B;QAC9B,IAAM,UAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;QAC7C,IAAA,8BAAiB,EAAC,EAAE,KAAK,wCAAO,aAAa,KAAE,SAAS,EAAE,UAAQ,GAAE,EAAE,CAAC,CAAA;QACvE,YAAY,CAAC,UAAU,CAAC,0BAAc,CAAC,CAAA;QACvC,OAAO,UAAQ,CAAA;KAChB;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAfD,0CAeC"}

package/dist/cjs/components/Func/saveCookiesClient.d.ts

@@ -1 +1,5 @@
-export default function saveCookiesClient(name: string, value: string, remember: boolean): void;
+import { CookieSession } from './getCookieSession';
+export default function saveCookiesClient({ value, remember }: {
+    value: CookieSession;
+    remember?: boolean;
+}): void;

package/dist/cjs/components/Func/saveCookiesClient.js

@@ -2,12 +2,15 @@
 exports.__esModule = true;
 var tslib_1 = require("tslib");
 var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
-function saveCookiesClient(name, value, remember) {
+var constants_1 = require("../../utils/constants");
+var helpers_1 = require("../../helpers/helpers");
+function saveCookiesClient(_a) {
+    var value = _a.value, _b = _a.remember, remember = _b === void 0 ? true : _b;
     if (remember) {
-        js_cookie_1["default"].set(name, value, { expires: 365 * 100 });
+        js_cookie_1["default"].set(constants_1.COOKIE_SESSION_SIGN_IN, (0, helpers_1.encryptDataSync)(value), { expires: 365 * 100 });
     }
     else {
-        js_cookie_1["default"].set(name, value);
+        js_cookie_1["default"].set(constants_1.COOKIE_SESSION_SIGN_IN, (0, helpers_1.encryptDataSync)(value));
     }
 }
 exports["default"] = saveCookiesClient;

package/dist/cjs/components/Func/saveCookiesClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"saveCookiesClient.js","sourceRoot":"","sources":["../../../../src/components/Func/saveCookiesClient.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAE/B,SAAwB,iBAAiB,CAAC,IAAY,EAAE,KAAa,EAAE,QAAiB;IACtF,IAAI,QAAQ,EAAE;QACZ,sBAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;KACjD;SAAM;QACL,sBAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;KACzB;AACH,CAAC;AAND,uCAMC"}
+{"version":3,"file":"saveCookiesClient.js","sourceRoot":"","sources":["../../../../src/components/Func/saveCookiesClient.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAC/B,mDAA8D;AAE9D,iDAAuD;AAEvD,SAAwB,iBAAiB,CAAC,EAAwE;QAAtE,KAAK,WAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAChE,IAAI,QAAQ,EAAE;QACZ,sBAAO,CAAC,GAAG,CAAC,kCAAsB,EAAE,IAAA,yBAAe,EAAC,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;KACpF;SAAM;QACL,sBAAO,CAAC,GAAG,CAAC,kCAAsB,EAAE,IAAA,yBAAe,EAAC,KAAK,CAAC,CAAC,CAAA;KAC5D;AACH,CAAC;AAND,uCAMC"}

package/dist/cjs/components/Func/serverQuery.js

@@ -1,21 +1,20 @@
 "use strict";
 exports.__esModule = true;
 var tslib_1 = require("tslib");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
-var constants_1 = require("../../utils/constants");
+var getCookieSession_1 = tslib_1.__importDefault(require("./getCookieSession"));
 function PHXFetchAPI(url, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var accessToken, method, body, response, error_1;
+        var cookieSession, method, body, response, error_1;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
-                    accessToken = js_cookie_1["default"].get(constants_1.COOKIE_ACCESS_TOKEN);
+                    cookieSession = (0, getCookieSession_1["default"])();
                     method = options.method, body = options.body;
                     return [4 /*yield*/, fetch(url, {
                             method: method,
                             headers: {
-                                Authorization: 'Bearer' + ' ' + accessToken,
+                                Authorization: 'Bearer' + ' ' + (cookieSession === null || cookieSession === void 0 ? void 0 : cookieSession.access_token),
                                 'Content-Type': 'application/json'
                             },
                             body: body

package/dist/cjs/components/Func/serverQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"serverQuery.js","sourceRoot":"","sources":["../../../../src/components/Func/serverQuery.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAC/B,mDAA2D;AAO3D,SAAe,WAAW,CAAC,GAAW,EAAE,OAAuB;;;;;;;oBAErD,WAAW,GAAG,sBAAO,CAAC,GAAG,CAAC,+BAAmB,CAAC,CAAA;oBAC5C,MAAM,GAAW,OAAO,OAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;oBACf,qBAAM,KAAK,CAAC,GAAG,EAAE;4BAChC,MAAM,QAAA;4BACN,OAAO,EAAE;gCACP,aAAa,EAAE,QAAQ,GAAG,GAAG,GAAG,WAAW;gCAC3C,cAAc,EAAE,kBAAkB;6BACnC;4BACD,IAAI,MAAA;yBACL,CAAC,EAAA;;oBAPI,QAAQ,GAAG,SAOf;oBAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAChB,MAAM,IAAI,KAAK,CAAC,8BAAuB,QAAQ,CAAC,MAAM,CAAE,CAAC,CAAA;qBAC1D;oBAEM,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;wBAA5B,sBAAO,SAAqB,EAAA;;;oBAE5B,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,OAAK,CAAC,CAAA;oBAC1C,MAAM,OAAK,CAAA;;;;;CAEd;AAED,qBAAe,WAAW,CAAA"}
+{"version":3,"file":"serverQuery.js","sourceRoot":"","sources":["../../../../src/components/Func/serverQuery.ts"],"names":[],"mappings":";;;AAAA,gFAAwD;AAOxD,SAAe,WAAW,CAAC,GAAW,EAAE,OAAuB;;;;;;;oBAErD,aAAa,GAAG,IAAA,6BAAuB,GAAE,CAAA;oBACvC,MAAM,GAAW,OAAO,OAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;oBACf,qBAAM,KAAK,CAAC,GAAG,EAAE;4BAChC,MAAM,QAAA;4BACN,OAAO,EAAE;gCACP,aAAa,EAAE,QAAQ,GAAG,GAAG,IAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAA;gCAC3D,cAAc,EAAE,kBAAkB;6BACnC;4BACD,IAAI,MAAA;yBACL,CAAC,EAAA;;oBAPI,QAAQ,GAAG,SAOf;oBAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAChB,MAAM,IAAI,KAAK,CAAC,8BAAuB,QAAQ,CAAC,MAAM,CAAE,CAAC,CAAA;qBAC1D;oBAEM,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;wBAA5B,sBAAO,SAAqB,EAAA;;;oBAE5B,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,OAAK,CAAC,CAAA;oBAC1C,MAAM,OAAK,CAAA;;;;;CAEd;AAED,qBAAe,WAAW,CAAA"}

package/dist/cjs/components/GridLayout/GridLayout.js

@@ -11,7 +11,7 @@ var PHXGridLayout = function (_a) {
         react_1["default"].createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
                 ? { gap: "".concat(4 * gap, "px") }
                 : { gridTemplateColumns: "repeat(".concat(col, ", minmax(0, 1fr))"), gap: "".concat(4 * gap, "px") } }, isCustomComponent ? (react_1["default"].createElement(react_1["default"].Fragment, null, children)) : (react_1["default"].createElement(react_1["default"].Fragment, null, data.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
-            react_1["default"].createElement("div", { className: 'text-xs leading-5 text-gray-500' }, item.title),
+            react_1["default"].createElement("div", { className: 'text-xs leading-5 text-gray-600' }, item.title),
             react_1["default"].createElement("div", { className: 'text-xs leading-normal text-gray-900 font-semibold' }, item.content))); }))))));
 };
 exports.PHXGridLayout = PHXGridLayout;

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

@@ -65,7 +65,7 @@ var PHXHeaderBar = function (_a) {
                                 return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
                             }))))),
                 react_2["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
-        subTitle && react_2["default"].createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-500") }, subTitle)));
+        subTitle && react_2["default"].createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-600") }, subTitle)));
 };
 exports.PHXHeaderBar = PHXHeaderBar;
 //# sourceMappingURL=HeaderBar.js.map

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

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

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

@@ -10,8 +10,6 @@ var read_env_config_1 = require("../../read-env-config");
 var constants_1 = require("../../utils/constants");
 var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
 var getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
-var helpers_1 = require("../../helpers/helpers");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
 var PHXLoginSsoV3 = function (props) {
     var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, router = props.router, redirectPath = props.redirectPath, logo = props.logo;
     var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
@@ -32,8 +30,7 @@ var PHXLoginSsoV3 = function (props) {
                     userInfo = token.userInfo, accessToken = token.token;
                     if (!(userInfo && ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.user_roles) === null || _a === void 0 ? void 0 : _a[0].role.role_code))) return [3 /*break*/, 2];
                     // ghi nhớ tài khoản
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_USER_INFO, (0, helpers_1.encryptDataSync)(userInfo), true);
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_ACCESS_TOKEN, accessToken, true);
+                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, userSessionInfo), { user_info: userInfo, access_token: accessToken }) });
                     return [4 /*yield*/, dataSession.update({ name: null })];
                 case 1:
                     _b.sent();
@@ -49,8 +46,7 @@ var PHXLoginSsoV3 = function (props) {
     }); };
     var handlerCheckLogin = function () {
         var _a, _b;
-        var accessToken = typeof window !== 'undefined' && js_cookie_1["default"].get(constants_1.COOKIE_ACCESS_TOKEN);
-        if (!userSessionInfo || !accessToken) {
+        if (!userSessionInfo || !(userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.access_token)) {
             if (dataSession.status === constants_1.AUTHENTICATED && ((_b = (_a = dataSession === null || dataSession === void 0 ? void 0 : dataSession.data) === null || _a === void 0 ? void 0 : _a.session.user) === null || _b === void 0 ? void 0 : _b.name)) {
                 setLoading(true);
                 handlerSaveCookies(dataSession);

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

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

package/dist/cjs/components/LoginV3/LoginV3.js

@@ -7,14 +7,11 @@ var react_hook_form_1 = require("react-hook-form");
 var Input_1 = require("../Input");
 var Button_1 = require("../Button");
 var Banner_1 = require("../Banner");
-var constants_1 = require("../../utils/constants");
 var read_env_config_1 = require("../../read-env-config");
 var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
 var Checkbox_1 = require("../Checkbox");
 var login_style_1 = tslib_1.__importDefault(require("./login-style"));
 var getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
-var helpers_1 = require("../../helpers/helpers");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
 var PHXLoginV3 = function (props) {
     var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath, buttonColor = props.buttonColor;
     var _a = (0, react_1.useState)(true), remember = _a[0], setRemember = _a[1];
@@ -74,8 +71,7 @@ var PHXLoginV3 = function (props) {
                         return [2 /*return*/];
                     }
                     userInfo = response.userInfo, token = response.token;
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_USER_INFO, (0, helpers_1.encryptDataSync)(userInfo), true);
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_ACCESS_TOKEN, token, true);
+                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, userSessionInfo), { user_info: userInfo, access_token: token }) });
                     if (userInfo && userInfo.user_roles[0].role.role_code) {
                         setLoading(false);
                         setLoginError(false);
@@ -92,7 +88,7 @@ var PHXLoginV3 = function (props) {
     var userSessionInfo = (0, getCookieSession_1["default"])();
     // nếu đã có token login thì push về dasboard
     (0, react_1.useEffect)(function () {
-        if (userSessionInfo && typeof window !== 'undefined' && js_cookie_1["default"].get(constants_1.COOKIE_ACCESS_TOKEN)) {
+        if (userSessionInfo && (userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.access_token)) {
             window.location.replace(redirectPath);
         }
     }, [userSessionInfo]);

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

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

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

@@ -28,8 +28,7 @@ var Icon_1 = require("./assets/Icon");
 var image_1 = tslib_1.__importDefault(require("next/image"));
 var axios_1 = tslib_1.__importDefault(require("axios"));
 var read_env_config_1 = require("../../read-env-config");
-var helpers_1 = require("../../helpers/helpers");
-var getLoginInfo_1 = tslib_1.__importDefault(require("../Func/getLoginInfo"));
+var getCookieSession_1 = tslib_1.__importDefault(require("../Func/getCookieSession"));
 fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.fas);
 function classNames() {
     var classes = [];
@@ -39,28 +38,27 @@ function classNames() {
     return classes.filter(Boolean).join(' ');
 }
 var PHXMainWrapV3 = function (_a) {
-    var _b, _c, _d, _e;
-    var children = _a.children, getDataCookies = _a.getDataCookies, _f = _a.hiddenLeftMenu, hiddenLeftMenu = _f === void 0 ? false : _f, _g = _a.logoHeight, logoHeight = _g === void 0 ? '28px' : _g, _h = _a.multipleMenu, multipleMenu = _h === void 0 ? false : _h, params = _a.params, pathName = _a.pathName, router = _a.router;
+    var _b, _c;
+    var children = _a.children, getDataCookies = _a.getDataCookies, _d = _a.hiddenLeftMenu, hiddenLeftMenu = _d === void 0 ? false : _d, _e = _a.logoHeight, logoHeight = _e === void 0 ? '28px' : _e, _f = _a.multipleMenu, multipleMenu = _f === void 0 ? false : _f, params = _a.params, pathName = _a.pathName, router = _a.router;
     var pid = (params ? params : {}).pid;
-    var _j = (0, react_2.useState)(false), modal = _j[0], setModal = _j[1];
-    var _k = (0, react_2.useState)(true), openSubMenu = _k[0], setOpenSubMenu = _k[1];
-    var _l = (0, react_2.useState)(''), campaignName = _l[0], setCampaignName = _l[1];
-    var _m = (0, react_2.useState)(false), sidebarOpen = _m[0], setSidebarOpen = _m[1];
-    var _o = (0, react_2.useState)([]), subNavigation = _o[0], setSubNavigation = _o[1];
-    var _p = (0, react_2.useState)([]), navigation = _p[0], setNavigation = _p[1];
-    var _q = (0, react_2.useState)([]), menu = _q[0], setMenu = _q[1];
-    var _r = (0, react_2.useState)(true), loadingSchool = _r[0], setLoadingSchool = _r[1];
-    var _s = (0, react_2.useState)(true), loadingMenu = _s[0], setLoadingMenu = _s[1];
-    var _t = (0, react_2.useState)(false), modalSignOut = _t[0], setModalSignOut = _t[1];
-    var _u = (0, react_2.useState)([]), infoSchool = _u[0], setInfoSchool = _u[1];
-    var _v = (0, react_2.useState)(), dataSchool = _v[0], setDataSchool = _v[1];
-    var _w = (0, react_2.useState)([]), roleCode = _w[0], setRoleCode = _w[1];
-    var _x = (0, react_2.useState)([]), perCode = _x[0], setPerCode = _x[1];
-    var _y = (0, react_2.useState)(null), schoolId = _y[0], setSchoolId = _y[1];
-    var _z = (0, react_2.useState)(true), showBanner = _z[0], setShowBanner = _z[1];
-    var _0 = (0, react_2.useState)({}), configLayout = _0[0], setConfigLayout = _0[1];
-    var _1 = (0, react_2.useState)(true), isLoading = _1[0], setIsLoading = _1[1];
-    var _2 = (0, react_2.useState)(true), isLoadingPermission = _2[0], setIsLoadingPermission = _2[1];
+    var _g = (0, react_2.useState)(false), modal = _g[0], setModal = _g[1];
+    var _h = (0, react_2.useState)(true), openSubMenu = _h[0], setOpenSubMenu = _h[1];
+    var _j = (0, react_2.useState)(''), campaignName = _j[0], setCampaignName = _j[1];
+    var _k = (0, react_2.useState)(false), sidebarOpen = _k[0], setSidebarOpen = _k[1];
+    var _l = (0, react_2.useState)([]), subNavigation = _l[0], setSubNavigation = _l[1];
+    var _m = (0, react_2.useState)([]), navigation = _m[0], setNavigation = _m[1];
+    var _o = (0, react_2.useState)([]), menu = _o[0], setMenu = _o[1];
+    var _p = (0, react_2.useState)(true), loadingSchool = _p[0], setLoadingSchool = _p[1];
+    var _q = (0, react_2.useState)(true), loadingMenu = _q[0], setLoadingMenu = _q[1];
+    var _r = (0, react_2.useState)(false), modalSignOut = _r[0], setModalSignOut = _r[1];
+    var _s = (0, react_2.useState)([]), listSchool = _s[0], setListSchool = _s[1];
+    var _t = (0, react_2.useState)([]), roleCode = _t[0], setRoleCode = _t[1];
+    var _u = (0, react_2.useState)([]), perCode = _u[0], setPerCode = _u[1];
+    var _v = (0, react_2.useState)(null), schoolId = _v[0], setSchoolId = _v[1];
+    var _w = (0, react_2.useState)(true), showBanner = _w[0], setShowBanner = _w[1];
+    var _x = (0, react_2.useState)({}), configLayout = _x[0], setConfigLayout = _x[1];
+    var _y = (0, react_2.useState)(true), isLoading = _y[0], setIsLoading = _y[1];
+    var _z = (0, react_2.useState)(true), isLoadingPermission = _z[0], setIsLoadingPermission = _z[1];
     var uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
     var locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
     var pathArr = locationPathname.split('/');
@@ -71,11 +69,12 @@ var PHXMainWrapV3 = function (_a) {
             return true;
         return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
     }
-    var _3 = (0, react_2.useState)({
+    var _0 = (0, react_2.useState)({
         path: '',
         height: logoHeight
-    }), logo = _3[0], setLogo = _3[1];
-    var userSessionInfo = (0, getLoginInfo_1["default"])();
+    }), logo = _0[0], setLogo = _0[1];
+    var sessionCookie = (0, getCookieSession_1["default"])();
+    var userSessionInfo = sessionCookie === null || sessionCookie === void 0 ? void 0 : sessionCookie.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;
     function compareObjects(settingQuery, settingCookies) {
@@ -160,7 +159,7 @@ var PHXMainWrapV3 = function (_a) {
                     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]; }));
                     // Mã hoá và lưu vào cookie
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_ACTION_PERMISSION, (0, helpers_1.encryptDataSync)(actionPermissionMap), true);
+                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, sessionCookie), { action_permission: actionPermissionMap }) });
                     uniqueRoutePermissions = Array.from(new Set(routePermissions));
                     setPerCode(uniqueRoutePermissions);
                     return [3 /*break*/, 4];
@@ -200,7 +199,7 @@ var PHXMainWrapV3 = function (_a) {
                     allRoleCodes = 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; }) || [];
                     // renew list role in cookie
                     userSessionInfo.user_roles = user_roles;
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_USER_INFO, (0, helpers_1.encryptDataSync)(userSessionInfo), true);
+                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, sessionCookie), { user_info: userSessionInfo }) });
                     setRoleCode(allRoleCodes);
                     allRoleCodesLength = allRoleCodes === null || allRoleCodes === void 0 ? void 0 : allRoleCodes.length;
                     if (allRoleCodes && allRoleCodesLength > 0) {
@@ -227,7 +226,7 @@ var PHXMainWrapV3 = function (_a) {
             var id_1 = userSessionInfo.id, _a = userSessionInfo.school, group_id_1 = _a.school_name.group_id, school_name_id_1 = _a.school_name_id, school_id = userSessionInfo.school_id;
             setSchoolId(school_id);
             var fetchData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-                var res, data, dataLength, settingFetchData, cleanedJsonString, jsonObjectSetting, getSeting, dataCompare, error_3;
+                var res, listSchool_1, settingFetchData, cleanedJsonString, jsonObjectSetting, settingSiteCookie, error_3;
                 var _a, _b, _c, _d;
                 return tslib_1.__generator(this, function (_e) {
                     switch (_e.label) {
@@ -243,34 +242,24 @@ var PHXMainWrapV3 = function (_a) {
                                 })];
                         case 2:
                             res = _e.sent();
-                            setDataSchool(res === null || res === void 0 ? void 0 : res.data);
-                            data = (_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;
-                            dataLength = data.length;
-                            if (data && dataLength > 0) {
+                            listSchool_1 = (_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;
+                            if ((listSchool_1 === null || listSchool_1 === void 0 ? void 0 : listSchool_1.length) > 0) {
                                 setLoadingSchool(false);
+                                setListSchool(listSchool_1);
                             }
-                            setInfoSchool(data);
                             setIsLoading(false);
                             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) {
                                 cleanedJsonString = settingFetchData.replace(/^"(.*)"$/, '$1');
                                 jsonObjectSetting = JSON.parse(cleanedJsonString);
                                 setConfigLayout(jsonObjectSetting);
-                                getSeting = js_cookie_1["default"].get(constants_1.COOKIE_SETTING_SITE);
-                                // Nếu chưa có cookeis
-                                if (!getSeting) {
-                                    js_cookie_1["default"].set(constants_1.COOKIE_SETTING_SITE, JSON.stringify(jsonObjectSetting));
-                                    return [2 /*return*/];
+                                settingSiteCookie = sessionCookie === null || sessionCookie === void 0 ? void 0 : sessionCookie.setting_site;
+                                // Nếu chưa có trong cookie hoặc data trong cookie và db khác nhau
+                                if (!settingSiteCookie || !compareObjects(jsonObjectSetting, settingSiteCookie)) {
+                                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, sessionCookie), { setting_site: jsonObjectSetting }) });
                                 }
-                                dataCompare = compareObjects(jsonObjectSetting, JSON.parse(getSeting));
-                                if (dataCompare) {
-                                    console.log('log debug database === cookies');
-                                    return [2 /*return*/];
-                                }
-                                console.log('log debug database !== cookies');
-                                js_cookie_1["default"].set(constants_1.COOKIE_SETTING_SITE, JSON.stringify(jsonObjectSetting));
                             }
-                            return [3 /*break*/, 4];
+                            return [2 /*return*/];
                         case 3:
                             error_3 = _e.sent();
                             setIsLoading(false);
@@ -522,7 +511,7 @@ var PHXMainWrapV3 = function (_a) {
             router.push(item.path);
         }
     };
-    var height = logo.height, path = logo.path;
+    var height = logo.height, topMenuLogoFromEnv = logo.path;
     var handleModalSignOut = function () { return setModalSignOut(true); };
     var handleRedirectRouter = function (path) {
         var currentURL = window.location.href;
@@ -576,9 +565,9 @@ var PHXMainWrapV3 = function (_a) {
         var currentIndexActive = item.find(function (s) { return s.current; });
         return currentIndexActive ? currentIndexActive.id > currentItem.id : false;
     };
-    var _4 = (0, react_2.useState)(false), openNavName = _4[0], setOpenNavName = _4[1];
-    var _5 = (0, react_2.useState)(false), showSearchBar = _5[0], setShowSearchBar = _5[1];
-    var _6 = (0, react_2.useState)(null), selected = _6[0], setSelected = _6[1];
+    var _1 = (0, react_2.useState)(false), openNavName = _1[0], setOpenNavName = _1[1];
+    var _2 = (0, react_2.useState)(false), showSearchBar = _2[0], setShowSearchBar = _2[1];
+    var _3 = (0, react_2.useState)(null), selected = _3[0], setSelected = _3[1];
     var handleOpenModal = function (id) {
         setModal(id !== schoolId);
         setSelected(id);
@@ -590,7 +579,7 @@ var PHXMainWrapV3 = function (_a) {
                 var schoolIdCurrent = userSessionInfo.school_id;
                 if (newSchoolId && newSchoolId !== schoolIdCurrent) {
                     userSessionInfo.school_id = newSchoolId;
-                    (0, saveCookiesClient_1["default"])(constants_1.COOKIE_USER_INFO, (0, helpers_1.encryptDataSync)(userSessionInfo), true);
+                    (0, saveCookiesClient_1["default"])({ value: tslib_1.__assign(tslib_1.__assign({}, userSessionInfo), { user_info: userSessionInfo }) });
                     window.location.replace('/');
                 }
             }
@@ -600,43 +589,20 @@ var PHXMainWrapV3 = function (_a) {
         }
         setModal(false);
     };
-    var avatar = (_b = dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.users[0]) === null || _b === void 0 ? void 0 : _b.avatar;
-    var sourceAvatar = !avatar ? constants_1.DEFAULT_AVATAR : avatar;
+    var 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;
     // settings page
     var isSettings = function () {
         var pathNameSplit = pathNameWithBasePath.split('/');
         return pathNameSplit[1] === 'setting';
     };
-    var defaultSettingLayout = {
-        df_header_bg_color: constants_1.DF_HEADER_BG_COLOR,
-        df_logo_login: constants_1.DEFAULT_LOGO_LOGIN,
-        df_logo_dashboard: constants_1.DEFAULT_LOGO_DASHBOARD,
-        df_color_loading_skeleton: constants_1.DF_SKELETON_COLOR,
-        df_search_icon_color: constants_1.DF_SEARCH_ICON_COLOR,
-        df_search_bg_color: constants_1.DF_SEARCH_BG_COLOR,
-        df_search_border_color: constants_1.DF_SEARCH_BORDER_COLOR,
-        df_search_border_hover_color: constants_1.DF_SEARCH_BORDER_HOVER_COLOR,
-        df_search_text_color: constants_1.DF_SEARCH_TEXT_COLOR,
-        df_menu_bg_color: constants_1.DF_MENU_BG_COLOR,
-        df_menu_text_color: constants_1.DF_MENU_TEXT_COLOR,
-        df_menu_bg_active: constants_1.DF_MENU_BG_ACTIVE_COLOR,
-        df_menu_icon_color: constants_1.DF_MENU_ICON_COLOR,
-        df_menu_icon_hover: constants_1.DF_MENU_ICON_HOVER_COLOR,
-        df_menu_text_and_icon_hover_color: constants_1.DF_MENU_ICON_AND_TEXT_HOVER_COLOR,
-        df_menu_icon_active: constants_1.DF_MENU_ICON_ACTICE_COLOR,
-        df_menu_hover_bg: constants_1.DF_MENU_HOVER_BG_COLOR
-    };
-    var settingLength = (_d = (_c = dataSchool === null || dataSchool === void 0 ? void 0 : dataSchool.setting_site) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
-    var df_logo_dashboard = defaultSettingLayout === null || defaultSettingLayout === void 0 ? void 0 : defaultSettingLayout.df_logo_dashboard;
-    var logo_dashboard = configLayout === null || configLayout === void 0 ? void 0 : configLayout.logo_dashboard;
-    var checkLogoHeader = settingLength === 0 ? df_logo_dashboard : logo_dashboard || path;
+    var checkLogoHeader = (configLayout === null || configLayout === void 0 ? void 0 : configLayout.logo_dashboard) || topMenuLogoFromEnv || constants_1.DEFAULT_LOGO_DASHBOARD;
     return (react_2["default"].createElement(react_2["default"].Fragment, null,
         react_2["default"].createElement("div", { className: 'flex min-h-full flex-col' },
-            react_2["default"].createElement(appearance_styled_1["default"], { configLayout: configLayout, data: dataSchool, defaultSettingLayout: defaultSettingLayout, settingLocal: getDataCookies }),
+            react_2["default"].createElement(appearance_styled_1["default"], { configLayout: configLayout, settingSiteCookie: getDataCookies }),
             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 lg:w-32' },
-                        react_2["default"].createElement("a", { className: 'flex w-full items-center', href: '/' }, path ? (react_2["default"].createElement(react_2["default"].Fragment, null, isLoading ? (react_2["default"].createElement("div", { className: 'header-loading-logo ml-3 h-8 w-full animate-pulse' })) : (react_2["default"].createElement("img", { alt: 'Logo', className: 'ml-3 w-auto', src: checkLogoHeader, style: { height: height } })))) : (react_2["default"].createElement(react_2["default"].Fragment, null))),
+                        react_2["default"].createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (react_2["default"].createElement(react_2["default"].Fragment, null, isLoading ? (react_2["default"].createElement("div", { className: 'header-loading-logo ml-3 h-8 w-full animate-pulse' })) : (react_2["default"].createElement("img", { alt: 'Logo', className: 'ml-3 w-auto', src: checkLogoHeader, style: { height: height } })))) : (react_2["default"].createElement(react_2["default"].Fragment, null))),
                         react_2["default"].createElement("div", { className: 'flex items-center lg:hidden' },
                             react_2["default"].createElement("button", { className: 'bg-grey-100 mr-3 inline-flex items-center justify-center rounded-md p-1 text-gray-600 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(true); }, type: 'button' },
                                 react_2["default"].createElement("span", { className: 'sr-only' }, "Open sidebar"),
@@ -654,7 +620,7 @@ var PHXMainWrapV3 = function (_a) {
                                     react_2["default"].createElement(react_1.Menu.Items, { className: ' absolute right-0 z-10 mt-2 w-[340px] origin-top-right rounded-md bg-white px-2 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none' },
                                         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")),
-                                        !loadingSchool ? (react_2["default"].createElement(react_2["default"].Fragment, null, infoSchool
+                                        !loadingSchool ? (react_2["default"].createElement(react_2["default"].Fragment, null, listSchool
                                             .filter(function (val) {
                                             if (!enablePer(constants_1.switchSchool, perCode)) {
                                                 return val.id === schoolId;
@@ -665,16 +631,16 @@ var PHXMainWrapV3 = function (_a) {
                                         })
                                             .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 === schoolId &&
-                                                    infoSchool.length > 1 &&
+                                                    listSchool.length > 1 &&
                                                     !enablePer(constants_1.switchSchool, perCode) === false
                                                     ? 'rounded-lg bg-zinc-200 font-semibold text-gray-900 '
                                                     : 'font-normal   ', " \n                                  ").concat(item.id !== schoolId &&
-                                                    (infoSchool.length === 1 || !enablePer(constants_1.switchSchool, perCode)) === false
+                                                    (listSchool.length === 1 || !enablePer(constants_1.switchSchool, 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); } },
                                                 react_2["default"].createElement("p", { className: 'max-w-[95%] truncate' }, item.name),
                                                 item.id === schoolId &&
-                                                    infoSchool.length > 1 &&
+                                                    listSchool.length > 1 &&
                                                     !enablePer(constants_1.switchSchool, 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,
@@ -730,7 +696,7 @@ var PHXMainWrapV3 = function (_a) {
                                             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 })),
                                             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 && ((_e = navigation[0]) === null || _e === void 0 ? void 0 : _e.isSchoolink) ? 'border-[#1c222b]' : 'border-indigo-100') },
+                            react_2["default"].createElement("div", { className: classNames('border-t', navigation.length > 0 && ((_c = navigation[0]) === null || _c === void 0 ? void 0 : _c.isSchoolink) ? 'border-[#1c222b]' : 'border-indigo-100') },
                                 react_2["default"].createElement("div", { className: "mb-14 flex ".concat(openNavName ? 'w-64' : 'w-12', " overflow-hidden p-3") },
                                     react_2["default"].createElement("a", { className: classNames('z-0', !openNavName
                                             ? 'inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg'
@@ -799,7 +765,7 @@ var PHXMainWrapV3 = function (_a) {
                                                 ? 'rounded-lg bg-white'
                                                 : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', 'mx-1 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (react_2["default"].createElement("div", { className: 'ml-3 flex items-center text-[0.84rem]' },
                                             react_2["default"].createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
-                                                react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-500') }, item === null || item === void 0 ? void 0 : item.name)),
+                                                react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-600') }, item === null || item === void 0 ? void 0 : item.name)),
                                             react_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' }))),
                                         item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, index) { return (react_2["default"].createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') },
                                             react_2["default"].createElement("div", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
@@ -807,7 +773,7 @@ var PHXMainWrapV3 = function (_a) {
                                                     : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return subNavigationTriggerClicked(children, item); } },
                                                 react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
                                                     react_2["default"].createElement("div", { className: 'w-3' }),
-                                                    react_2["default"].createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-500') }, 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))))); }))))))); }))))))))),
             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' },