aq-fe-framework 0.1.578 → 0.1.579

package/dist/IPagePermission-992CbJhp.d.mts

@@ -0,0 +1,11 @@
+interface IPagePermission {
+    pageId?: number;
+    isCreate?: boolean;
+    isUpdate?: boolean;
+    isDelete?: boolean;
+    isRead?: boolean;
+    isPrint?: boolean;
+    isExport?: boolean;
+}
+
+export type { IPagePermission as I };

package/dist/{chunk-26ONMI7V.mjs → chunk-FJ4J7EFI.mjs}

@@ -1,6 +1,6 @@
 import {
   MyButton
-} from "./chunk-BTLOCUVO.mjs";
+} from "./chunk-T3XO7B4F.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-U62R2QKJ.mjs → chunk-PW6WTEVB.mjs}

@@ -66,7 +66,18 @@ function createStateStore({
   return store;
 }
 
+// src/stores/useStore_Permission.ts
+var useStore = createGenericStore({
+  initialState: {},
+  storageKey: "useStore_Permission"
+});
+function useStore_Permission() {
+  const store = useStore();
+  return __spreadValues({}, store);
+}
+
 export {
   createGenericStore,
-  createStateStore
+  createStateStore,
+  useStore_Permission
 };

package/dist/{chunk-NJD4YEJM.mjs → chunk-SSS6YVKX.mjs}

@@ -3,7 +3,7 @@ import {
   MyFieldset,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-BTLOCUVO.mjs";
+} from "./chunk-T3XO7B4F.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";

package/dist/{chunk-BTLOCUVO.mjs → chunk-T3XO7B4F.mjs}

@@ -1,6 +1,7 @@
 import {
-  createGenericStore
-} from "./chunk-U62R2QKJ.mjs";
+  createGenericStore,
+  useStore_Permission
+} from "./chunk-PW6WTEVB.mjs";
 import {
   utils_pdf_download
 } from "./chunk-5U2JSHSJ.mjs";
@@ -7221,6 +7222,29 @@ import {
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { useEffect as useEffect10, useMemo as useMemo3, useState as useState10 } from "react";
+
+// src/components/Layouts/BasicAppShell/utils/filterMenuWithPermission.ts
+function getReadablePageIdSet(permissions) {
+  return new Set(
+    permissions.filter((p5) => p5.isRead && p5.pageId !== void 0).map((p5) => p5.pageId)
+  );
+}
+function filterMenuByPermission(menuList, readablePageIds) {
+  return menuList.map((menu) => {
+    if (menu.links && Array.isArray(menu.links)) {
+      const filteredLinks = filterMenuByPermission(menu.links, readablePageIds);
+      if (filteredLinks.length > 0) {
+        return __spreadProps(__spreadValues({}, menu), { links: filteredLinks });
+      }
+    }
+    if (menu.pageId !== void 0 && readablePageIds.has(menu.pageId)) {
+      return menu;
+    }
+    return null;
+  }).filter((item) => item !== null);
+}
+
+// src/components/Layouts/BasicAppShell/BasicAppShell.tsx
 import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
@@ -7358,10 +7382,15 @@ function BasicAppShell_transformMenuToEnum(prefixProjectName, menu) {
 function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect }) {
   var _a, _b;
   const pathName = usePathname2();
+  const permissionStore = useStore_Permission();
   const basicAppShellStore = useS_BasicAppShell();
+  const readablePageIds = getReadablePageIdSet(permissionStore.state.permission || []);
+  const filteredMenu = filterMenuByPermission(menu, readablePageIds);
   const media = useMediaQuery("(min-width: 72em)");
   const GetAQModule_query = useQ_AQ_GetAQModule();
   const BasicAppShell_store = useS_BasicAppShell();
+  const isLoadingPermission = useState10(true);
+  const isAccessibleState = useState10(false);
   const [faviconUrl, setFaviconUrl] = useState10("");
   const allChildItems = useMemo3(() => {
     const result = [];
@@ -7375,9 +7404,9 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
         }
       });
     };
-    extractChildren(menu);
+    extractChildren(filteredMenu);
     return result;
-  }, [menu]);
+  }, [filteredMenu]);
   useFavicon(faviconUrl);
   useEffect10(() => {
     var _a2;
@@ -7408,12 +7437,15 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
   }, [GetAQModule_query.data]);
   useEffect10(() => {
     const linkItem = allChildItems.find((item) => pathName.includes(item.link));
-    const breadcrumb = findBreadcrumbPath(menu, linkItem == null ? void 0 : linkItem.link);
+    const breadcrumb = findBreadcrumbPath(filteredMenu, linkItem == null ? void 0 : linkItem.link);
+    basicAppShellStore.setProperty("currentPageId", linkItem == null ? void 0 : linkItem.pageId);
+    isAccessibleState[1]((linkItem == null ? void 0 : linkItem.pageId) ? readablePageIds.has(linkItem.pageId) : false);
     basicAppShellStore.setProperty("breadcrumb", breadcrumb);
     basicAppShellStore.setProperty("title", linkItem == null ? void 0 : linkItem.label);
     basicAppShellStore.setProperty("menuCode", linkItem == null ? void 0 : linkItem.link);
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
+    isLoadingPermission[1](false);
   }, [pathName]);
   return /* @__PURE__ */ jsxs29(
     AppShell,
@@ -7494,8 +7526,8 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
           ] })
         ) }),
         /* @__PURE__ */ jsxs29(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx52(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsx52(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: /* @__PURE__ */ jsx52(RenderNavLinks, { items: menu }) }),
+          /* @__PURE__ */ jsx52(MyAppSpotlight, { menu: filteredMenu }),
+          /* @__PURE__ */ jsx52(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: /* @__PURE__ */ jsx52(RenderNavLinks, { items: filteredMenu }) }),
           /* @__PURE__ */ jsxs29(AppShell.Section, { px: "md", children: [
             /* @__PURE__ */ jsx52(Divider2, {}),
             /* @__PURE__ */ jsx52(F_authenticate_Logout, { redirectURL: logoutRedirect }),
@@ -7527,7 +7559,10 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
-            children
+            children: isLoadingPermission[0] ? /* @__PURE__ */ jsx52("div", { style: { padding: "2rem", textAlign: "center" }, children: /* @__PURE__ */ jsx52(Text15, { fw: 600, size: "md", children: "\u0110ang t\u1EA3i quy\u1EC1n truy c\u1EADp..." }) }) : isAccessibleState[0] ? children : /* @__PURE__ */ jsxs29("div", { style: { padding: "2rem", textAlign: "center" }, children: [
+              /* @__PURE__ */ jsx52("h1", { children: "404 - Kh\xF4ng t\xECm th\u1EA5y trang" }),
+              /* @__PURE__ */ jsx52("p", { children: "B\u1EA1n kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp ho\u1EB7c \u0111\u01B0\u1EDDng d\u1EABn kh\xF4ng t\u1ED3n t\u1EA1i." })
+            ] })
           }
         )
       ]
@@ -7966,6 +8001,8 @@ export {
   MyTextEditor,
   useS_authenticate,
   F_authenticate_Logout,
+  getReadablePageIdSet,
+  filterMenuByPermission,
   flattenMenuGroups,
   BasicAppShell_transformMenuToEnum,
   BasicAppShell,

package/dist/components/index.d.mts

@@ -15,6 +15,7 @@ import { DateInputProps } from '@mantine/dates';
 import { RichTextEditorProps } from '@mantine/tiptap';
 import { EditorOptions } from '@tiptap/react';
 import { I as IAQFileDetail } from '../utils_file-D9Yd0c4T.mjs';
+import { I as IPagePermission } from '../IPagePermission-992CbJhp.mjs';
 import { IconProps, Icon } from '@tabler/icons-react';
 import { CalendarEventExternal } from '@schedule-x/calendar';
 import '../type_mutation-C-DWQOlQ.mjs';
@@ -405,6 +406,7 @@ interface I$2 {
     moduleName?: string;
     logoFileDetail?: IAQFileDetail;
     faviconFileDetail?: IAQFileDetail;
+    currentPageId?: number;
     opened: boolean;
     title: string;
     note?: string;
@@ -424,6 +426,9 @@ declare function useS_BasicAppShell(): {
     resetState: () => void;
 };
 
+declare function getReadablePageIdSet(permissions: IPagePermission[]): Set<number>;
+declare function filterMenuByPermission(menuList: I_BasicAppShell_LinkItem[], readablePageIds: Set<number>): I_BasicAppShell_LinkItem[];
+
 interface I$1 extends ContainerProps {
     children?: ReactNode;
 }
@@ -534,4 +539,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.JSX.Element;
 
-export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, AQStatCard2, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, AQStatCard2, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, filterMenuByPermission, getReadablePageIdSet, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };

package/dist/components/index.mjs

@@ -61,14 +61,16 @@ import {
   MyTextInput,
   SelectFieldModal,
   SelectFileModal,
+  filterMenuByPermission,
   flattenMenuGroups,
+  getReadablePageIdSet,
   groupToTwoLevels,
   useHeaderMegaMenuStore,
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-BTLOCUVO.mjs";
-import "../chunk-U62R2QKJ.mjs";
+} from "../chunk-T3XO7B4F.mjs";
+import "../chunk-PW6WTEVB.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-I6PPEZBF.mjs";
@@ -138,7 +140,9 @@ export {
   MyTextInput,
   SelectFieldModal,
   SelectFileModal,
+  filterMenuByPermission,
   flattenMenuGroups,
+  getReadablePageIdSet,
   groupToTwoLevels,
   useHeaderMegaMenuStore,
   useS_BasicAppShell,

package/dist/core/index.mjs

@@ -22,13 +22,13 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-NJD4YEJM.mjs";
+} from "../chunk-SSS6YVKX.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import {
   MyModalDelete
-} from "../chunk-26ONMI7V.mjs";
-import "../chunk-BTLOCUVO.mjs";
-import "../chunk-U62R2QKJ.mjs";
+} from "../chunk-FJ4J7EFI.mjs";
+import "../chunk-T3XO7B4F.mjs";
+import "../chunk-PW6WTEVB.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/coreService/index.mjs

@@ -1,8 +1,8 @@
 import {
   MyModalDelete
-} from "../chunk-26ONMI7V.mjs";
-import "../chunk-BTLOCUVO.mjs";
-import "../chunk-U62R2QKJ.mjs";
+} from "../chunk-FJ4J7EFI.mjs";
+import "../chunk-T3XO7B4F.mjs";
+import "../chunk-PW6WTEVB.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import {

package/dist/interfaces/index.d.mts

@@ -2,6 +2,7 @@ import { I as IBaseEntity } from '../IBaseEntity-ChMy9RzQ.mjs';
 import { I as IAQFileDetail } from '../utils_file-D9Yd0c4T.mjs';
 export { I as IAQModule } from '../IAQModule-4U3n2emx.mjs';
 export { I as IEmailConfig } from '../IEmailConfig-CioPObC1.mjs';
+export { I as IPagePermission } from '../IPagePermission-992CbJhp.mjs';
 
 interface IAccount extends IBaseEntity {
     password?: string;
@@ -55,16 +56,6 @@ interface IDocumentAttribute {
     isEnabled?: boolean;
 }
 
-interface IPagePermission {
-    pageId?: number;
-    isCreate?: boolean;
-    isUpdate?: boolean;
-    isDelete?: boolean;
-    isRead?: boolean;
-    isPrint?: boolean;
-    isExport?: boolean;
-}
-
 interface IRole extends IBaseEntity {
     isCreate?: boolean;
     isUpdate?: boolean;
@@ -86,4 +77,4 @@ interface IPageContent extends IBaseEntity {
     description?: string;
 }
 
-export { type IAccount, IBaseEntity, type IDocument, type IDocumentAttribute, type IFile, type IPageContent, type IPagePermission, type IRole, type IUser };
+export { type IAccount, IBaseEntity, type IDocument, type IDocumentAttribute, type IFile, type IPageContent, type IRole, type IUser };

package/dist/modules-features/index.d.mts

@@ -4,6 +4,7 @@ import { I as IBaseEntity } from '../IBaseEntity-ChMy9RzQ.mjs';
 import { SelectProps, ButtonProps } from '@mantine/core';
 import { I as IEmailConfig } from '../IEmailConfig-CioPObC1.mjs';
 import { I as IAQModule } from '../IAQModule-4U3n2emx.mjs';
+import { I as IPagePermission } from '../IPagePermission-992CbJhp.mjs';
 import { ReactNode } from 'react';
 
 declare function Feat_accessControl({ menuData }: {
@@ -933,6 +934,7 @@ interface IData {
     userFullName?: string;
     token?: string;
     roleIds?: number[];
+    permissions?: IPagePermission[];
 }
 interface IResponseData {
     data?: IData;

package/dist/modules-features/index.mjs

@@ -15,11 +15,11 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-NJD4YEJM.mjs";
+} from "../chunk-SSS6YVKX.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.mjs";
-import "../chunk-26ONMI7V.mjs";
+import "../chunk-FJ4J7EFI.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -45,10 +45,11 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-BTLOCUVO.mjs";
+} from "../chunk-T3XO7B4F.mjs";
 import {
-  createGenericStore
-} from "../chunk-U62R2QKJ.mjs";
+  createGenericStore,
+  useStore_Permission
+} from "../chunk-PW6WTEVB.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import {
   const_object_colors
@@ -80,6 +81,9 @@ import {
 // src/api/services/service_account.ts
 var CONTROLLER = "/account";
 var service_account = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER, baseAxios_default)), {
+  signIn: (values) => {
+    return baseAxios_default.post(CONTROLLER + `/SignIn`, { values });
+  },
   getAdminAccount: (paging) => {
     return baseAxios_default.get(CONTROLLER + `/GetAdminAccount`, {
       params: paging
@@ -3877,7 +3881,7 @@ function F_documentCategories_Select(_a) {
 }
 
 // src/modules-features/admin/core/formTemplateDocs/F_formTemplateDocs.tsx
-import { Paper as Paper7, Space as Space4 } from "@mantine/core";
+import { Space as Space4 } from "@mantine/core";
 
 // src/api/services/service_document.ts
 var CONTROLLER5 = "/Document";
@@ -4086,7 +4090,14 @@ function F_formTemplateDocs_Read({ FormTypeId }) {
   return /* @__PURE__ */ jsx77(Skeleton5, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx77(MyFlexColumn, { children: /* @__PURE__ */ jsx77(
     Accordion4,
     {
-      variant: "contained",
+      variant: "separated",
+      radius: "sm",
+      styles: {
+        item: {
+          backgroundColor: "white",
+          border: "1px solid #e9ecef"
+        }
+      },
       defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map(
         (item) => {
           var _a2;
@@ -4171,11 +4182,11 @@ function SubRead4({
 }
 
 // src/modules-features/admin/core/formTemplateDocs/F_formTemplateDocs.tsx
-import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
 function F_formTemplateDocs({
   FormTypeId
 }) {
-  return /* @__PURE__ */ jsxs49(Paper7, { p: "md", children: [
+  return /* @__PURE__ */ jsxs49(Fragment, { children: [
     /* @__PURE__ */ jsx78(MyFlexEnd, { children: /* @__PURE__ */ jsx78(F_formTemplateDocs_Create, { FormTypeId }) }),
     /* @__PURE__ */ jsx78(Space4, {}),
     /* @__PURE__ */ jsx78(F_formTemplateDocs_Read, { FormTypeId })
@@ -4386,7 +4397,7 @@ function F_mailConfig() {
 import { useEffect as useEffect11 } from "react";
 
 // src/modules-features/admin/core/moduleConfig/F_moduleConfig_Form.tsx
-import { Center as Center2, Grid as Grid6, Image, Paper as Paper8 } from "@mantine/core";
+import { Center as Center2, Grid as Grid6, Image, Paper as Paper7 } from "@mantine/core";
 import { useForm as useForm24 } from "@mantine/form";
 import { useEffect as useEffect10 } from "react";
 
@@ -4501,7 +4512,7 @@ function F_moduleConfig_Form() {
       form.setValues(values);
     }
   }, []);
-  return /* @__PURE__ */ jsxs52(Paper8, { p: "md", children: [
+  return /* @__PURE__ */ jsxs52(Paper7, { p: "md", children: [
     /* @__PURE__ */ jsxs52(Grid6, { children: [
       /* @__PURE__ */ jsx84(Grid6.Col, { span: 5, children: /* @__PURE__ */ jsx84(MyTextInput, __spreadProps(__spreadValues({}, form.getInputProps("code")), { label: "M\xE3 module", disabled: true })) }),
       /* @__PURE__ */ jsx84(Grid6.Col, { span: { base: 12, md: 7 }, children: /* @__PURE__ */ jsx84(MyTextInput, __spreadProps(__spreadValues({}, form.getInputProps("name")), { label: "T\xEAn module" })) }),
@@ -4539,7 +4550,7 @@ function F_moduleConfig_Form() {
             }
           }
         ),
-        /* @__PURE__ */ jsx84(Paper8, { w: "100%", children: /* @__PURE__ */ jsx84(Center2, { children: /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx84(Paper7, { w: "100%", children: /* @__PURE__ */ jsx84(Center2, { children: /* @__PURE__ */ jsx84(
           Image,
           {
             fit: "contain",
@@ -4565,7 +4576,7 @@ function F_moduleConfig_Form() {
             }
           }
         ),
-        /* @__PURE__ */ jsx84(Paper8, { children: /* @__PURE__ */ jsx84(Center2, { children: /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx84(Paper7, { children: /* @__PURE__ */ jsx84(Center2, { children: /* @__PURE__ */ jsx84(
           Image,
           {
             fit: "contain",
@@ -4594,7 +4605,7 @@ function F_moduleConfig({ AQModuleId }) {
 }
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs.tsx
-import { Paper as Paper9, Space as Space5 } from "@mantine/core";
+import { Space as Space5 } from "@mantine/core";
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Create.tsx
 import { useForm as useForm25 } from "@mantine/form";
@@ -4792,7 +4803,14 @@ function F_organizationPolicyDocs_Read({
   return /* @__PURE__ */ jsx89(Skeleton6, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx89(MyFlexColumn, { children: /* @__PURE__ */ jsx89(
     Accordion5,
     {
-      variant: "contained",
+      variant: "separated",
+      radius: "sm",
+      styles: {
+        item: {
+          backgroundColor: "white",
+          border: "1px solid #e9ecef"
+        }
+      },
       defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map(
         (item) => {
           var _a2;
@@ -4875,9 +4893,9 @@ function SubRead5({
 }
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs.tsx
-import { jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
 function F_organizationPolicyDocs({ RegulationsTypeId }) {
-  return /* @__PURE__ */ jsxs56(Paper9, { p: "md", children: [
+  return /* @__PURE__ */ jsxs56(Fragment2, { children: [
     /* @__PURE__ */ jsx90(MyFlexEnd, { children: /* @__PURE__ */ jsx90(F_organizationPolicyDocs_Create, { RegulationsTypeId }) }),
     /* @__PURE__ */ jsx90(Space5, {}),
     /* @__PURE__ */ jsx90(F_organizationPolicyDocs_Read, { RegulationsTypeId })
@@ -5723,7 +5741,7 @@ function F_userGuideDocs({ GuidelineTypeId }) {
 }
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs.tsx
-import { Paper as Paper10, Space as Space6 } from "@mantine/core";
+import { Space as Space6 } from "@mantine/core";
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs_Create.tsx
 import { useForm as useForm34 } from "@mantine/form";
@@ -5921,7 +5939,14 @@ function F_workflowProcessDocs_Read({
   return /* @__PURE__ */ jsx117(Skeleton7, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx117(MyFlexColumn, { children: /* @__PURE__ */ jsx117(
     Accordion6,
     {
-      variant: "contained",
+      variant: "separated",
+      radius: "sm",
+      styles: {
+        item: {
+          backgroundColor: "white",
+          border: "1px solid #e9ecef"
+        }
+      },
       defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map(
         (item) => {
           var _a2;
@@ -6004,11 +6029,11 @@ function SubRead6({
 }
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs.tsx
-import { jsx as jsx118, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx118, jsxs as jsxs72 } from "react/jsx-runtime";
 function F_workflowProcessDocs({
   WorkflowTypeId
 }) {
-  return /* @__PURE__ */ jsxs72(Paper10, { p: "md", children: [
+  return /* @__PURE__ */ jsxs72(Fragment3, { children: [
     /* @__PURE__ */ jsx118(MyFlexEnd, { children: /* @__PURE__ */ jsx118(F_workflowProcessDocs_Create, { WorkflowTypeId }) }),
     /* @__PURE__ */ jsx118(Space6, {}),
     /* @__PURE__ */ jsx118(F_workflowProcessDocs_Read, { WorkflowTypeId })
@@ -6041,7 +6066,7 @@ import {
   Checkbox as Checkbox4,
   Flex as Flex4,
   Group as Group6,
-  Paper as Paper11,
+  Paper as Paper8,
   PasswordInput as PasswordInput4,
   Text as Text4,
   TextInput as TextInput3,
@@ -6072,6 +6097,7 @@ function F_authenticate_Login({
 }) {
   const router = useRouter2();
   const authenticate_store = useS_authenticate();
+  const permissionStore = useStore_Permission();
   const loadingState = useState11(false);
   const mutation = useM_Account_Sigin();
   const form = useForm36({
@@ -6106,7 +6132,7 @@ function F_authenticate_Login({
       "passWord": passWord
     }, {
       onSuccess: (data) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (data.isSuccess === false) {
           form.setFieldError("username", "T\xE0i kho\u1EA3n kh\xF4ng t\u1ED3n t\u1EA1i");
           loadingState[1](false);
@@ -6126,6 +6152,7 @@ function F_authenticate_Login({
         } else {
           authenticate_store.setProperty("username", "");
         }
+        permissionStore.setProperty("permission", (_e = data.data) == null ? void 0 : _e.permissions);
         if (onSuccess) {
           onSuccess(data);
           loadingState[1](false);
@@ -6140,7 +6167,7 @@ function F_authenticate_Login({
     {
       src: backgroundImage,
       h: "100vh",
-      children: /* @__PURE__ */ jsx120(Center3, { h: "100vh", children: /* @__PURE__ */ jsxs73(Paper11, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
+      children: /* @__PURE__ */ jsx120(Center3, { h: "100vh", children: /* @__PURE__ */ jsxs73(Paper8, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
         header ? header : /* @__PURE__ */ jsxs73(Flex4, { direction: "column", mb: "md", children: [
           /* @__PURE__ */ jsx120(Title, { ta: "center", className: css_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
           /* @__PURE__ */ jsxs73(Text4, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [

package/dist/stores/index.d.mts

@@ -1,4 +1,5 @@
 import * as zustand from 'zustand';
+import { I as IPagePermission } from '../IPagePermission-992CbJhp.mjs';
 
 interface GenericStore$1<T> {
     state: T;
@@ -24,4 +25,14 @@ declare function createStateStore<T extends Record<string, any>>({ initialState,
     storageKey?: string;
 }): zustand.UseBoundStore<zustand.StoreApi<GenericStore<T>>>;
 
-export { createGenericStore, createStateStore };
+interface I {
+    permission?: IPagePermission[];
+}
+declare function useStore_Permission(): {
+    state: I;
+    setState: (newState: I) => void;
+    setProperty: <K extends "permission">(key: K, value: I[K]) => void;
+    resetState: () => void;
+};
+
+export { createGenericStore, createStateStore, useStore_Permission };

package/dist/stores/index.mjs

@@ -1,9 +1,11 @@
 import {
   createGenericStore,
-  createStateStore
-} from "../chunk-U62R2QKJ.mjs";
+  createStateStore,
+  useStore_Permission
+} from "../chunk-PW6WTEVB.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   createGenericStore,
-  createStateStore
+  createStateStore,
+  useStore_Permission
 };

package/package.json

@@ -50,7 +50,7 @@
       "types": "./dist/types/index.d.mts"
     }
   },
-  "version": "0.1.578",
+  "version": "0.1.579",
   "private": false,
   "files": [
     "dist"