aq-fe-framework 0.1.1099 → 0.1.1102

package/dist/{chunk-N26PVP2J.mjs → chunk-NQ6AV2ZB.mjs}

@@ -1,3 +1,9 @@
+import {
+  createGenericStore as createGenericStore2,
+  useAppStore,
+  useStore_Permission,
+  useStore_ProjectInfo
+} from "./chunk-WW55EZ4B.mjs";
 import {
   utils_aq_mapBaseEntityToDomain,
   utils_aq_mapDomainToEntity,
@@ -12,12 +18,6 @@ import {
   utils_notification_show,
   utils_pdf_download
 } from "./chunk-KGBXMHKR.mjs";
-import {
-  createGenericStore as createGenericStore2,
-  useAppStore,
-  useStore_Permission,
-  useStore_ProjectInfo
-} from "./chunk-WW55EZ4B.mjs";
 import {
   utils_currency,
   utils_date,
@@ -32,7 +32,7 @@ import {
 import {
   const_object_colors,
   const_object_documentTypes
-} from "./chunk-CB5DJQTF.mjs";
+} from "./chunk-ZEVBN6ZP.mjs";
 import {
   enumLabel_gender,
   enum_daysOfWeek
@@ -1990,6 +1990,7 @@ function MyDataTable(_a) {
         case "roundedTo2":
           col.Cell = ({ cell }) => {
             const value = cell.getValue();
+            if (!value) return "";
             return value.toFixed(2);
           };
           col.size = 80;
@@ -12737,8 +12738,8 @@ function F_documentCategories_Update({ values }) {
     }
   });
   return /* @__PURE__ */ jsxs76(MyActionIconUpdate, { form, onSubmit: async (values2) => service_documentAttribute.update(values2), children: [
-    /* @__PURE__ */ jsx133(MyTextInput, __spreadValues({ label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx133(MyTextInput, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name")))
+    /* @__PURE__ */ jsx133(MyTextInput2, __spreadValues({ readOnly: true, label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))),
+    /* @__PURE__ */ jsx133(MyTextInput2, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name")))
   ] });
 }
 
@@ -13568,7 +13569,7 @@ function SubRead4({
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx146(MyCenterFull, { children: /* @__PURE__ */ jsx146(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx146(MyCenterFull, { children: /* @__PURE__ */ jsx146(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
@@ -14347,16 +14348,44 @@ function F_organizationPolicyDocs_Create({
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Read.tsx
 import { Accordion as Accordion5, Alert as Alert6, Blockquote as Blockquote5, Skeleton as Skeleton6 } from "@mantine/core";
+
+// src/core/withAPI/MyButtonViewFileAPI.tsx
+import { useDisclosure as useDisclosure16 } from "@mantine/hooks";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { jsx as jsx160 } from "react/jsx-runtime";
+function MyButtonViewFileAPI({ filePath }) {
+  const disc = useDisclosure16();
+  const query = useQuery10({
+    queryKey: ["viewFile", filePath],
+    queryFn: async () => {
+      const res = await baseAxios_default.get("/AQ/GetFile?filePath=" + filePath);
+      return res.data.data;
+    },
+    enabled: filePath != void 0 && disc[0]
+  });
+  return /* @__PURE__ */ jsx160(
+    MyButtonViewFile,
+    {
+      file: query.data,
+      loading: query.isLoading,
+      disclosure: disc,
+      toolTipProps: { label: filePath ? void 0 : "Kh\xF4ng c\xF3 \u0111\u01B0\u1EDDng d\u1EABn file" },
+      buttonProps: { disabled: filePath == void 0 }
+    }
+  );
+}
+
+// src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Read.tsx
 import { IconBug as IconBug6 } from "@tabler/icons-react";
 import { useEffect as useEffect29, useMemo as useMemo24, useState as useState24 } from "react";
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Delete.tsx
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx161 } from "react/jsx-runtime";
 function F_organizationPolicyDocs_Delete({
   id,
   contextData
 }) {
-  return /* @__PURE__ */ jsx160(
+  return /* @__PURE__ */ jsx161(
     MyActionIconDelete,
     {
       contextData,
@@ -14367,7 +14396,7 @@ function F_organizationPolicyDocs_Delete({
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Update.tsx
 import { useForm as useForm30 } from "@mantine/form";
-import { jsx as jsx161, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs92 } from "react/jsx-runtime";
 function F_organizationPolicyDocs_Update({
   values,
   RegulationsTypeId
@@ -14400,7 +14429,7 @@ function F_organizationPolicyDocs_Update({
         return service_document.update(body);
       },
       children: [
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
@@ -14408,21 +14437,21 @@ function F_organizationPolicyDocs_Update({
             label: "S\u1ED1 quy \u0111\u1ECBnh"
           }, form.getInputProps("decisionCode"))
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y ban h\xE0nh"
           }, form.getInputProps("promulgateDate"))
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           F_core18256_Select,
           __spreadValues({
             withAsterisk: true,
@@ -14430,14 +14459,14 @@ function F_organizationPolicyDocs_Update({
             documentTypeId: RegulationsTypeId
           }, form.getInputProps("documentAttributeId"))
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           MyFileInput,
           __spreadValues({
             withAsterisk: true,
             label: "V\u0103n b\u1EA3n"
           }, form.getInputProps("file"))
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           MyNumberInput,
           __spreadValues({
             label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch"
@@ -14449,7 +14478,7 @@ function F_organizationPolicyDocs_Update({
 }
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs_Read.tsx
-import { jsx as jsx162, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs93 } from "react/jsx-runtime";
 function F_organizationPolicyDocs_Read({
   RegulationsTypeId
 }) {
@@ -14469,10 +14498,10 @@ function F_organizationPolicyDocs_Read({
     }
   }, [documentAttributeQuery.data]);
   if (((_a = documentAttributeQuery.data) == null ? void 0 : _a.length) == 0)
-    return /* @__PURE__ */ jsx162(Blockquote5, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
+    return /* @__PURE__ */ jsx163(Blockquote5, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
   if (documentAttributeQuery.isError)
-    return /* @__PURE__ */ jsx162(Alert6, { icon: /* @__PURE__ */ jsx162(IconBug6, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" });
-  return /* @__PURE__ */ jsx162(Skeleton6, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx162(MyFlexColumn, { children: /* @__PURE__ */ jsx162(
+    return /* @__PURE__ */ jsx163(Alert6, { icon: /* @__PURE__ */ jsx163(IconBug6, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" });
+  return /* @__PURE__ */ jsx163(Skeleton6, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx163(MyFlexColumn, { children: /* @__PURE__ */ jsx163(
     Accordion5,
     {
       variant: "separated",
@@ -14485,7 +14514,7 @@ function F_organizationPolicyDocs_Read({
       value: openItems,
       onChange: setOpenItems,
       multiple: true,
-      children: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item, idx) => /* @__PURE__ */ jsx162(
+      children: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item, idx) => /* @__PURE__ */ jsx163(
         SubRead5,
         {
           name: item.name || "",
@@ -14523,15 +14552,15 @@ function SubRead5({
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx162(MyCenterFull, { children: /* @__PURE__ */ jsx162(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx163(MyCenterFull, { children: /* @__PURE__ */ jsx163(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
     []
   );
-  return /* @__PURE__ */ jsx162(Skeleton6, { mt: 10, visible: documentQuery.isLoading, children: /* @__PURE__ */ jsxs93(Accordion5.Item, { value: id.toString(), children: [
-    /* @__PURE__ */ jsx162(Accordion5.Control, { children: name }),
-    /* @__PURE__ */ jsx162(Accordion5.Panel, { children: /* @__PURE__ */ jsx162(
+  return /* @__PURE__ */ jsx163(Skeleton6, { mt: 10, visible: documentQuery.isLoading, children: /* @__PURE__ */ jsxs93(Accordion5.Item, { value: id.toString(), children: [
+    /* @__PURE__ */ jsx163(Accordion5.Control, { children: name }),
+    /* @__PURE__ */ jsx163(Accordion5.Panel, { children: /* @__PURE__ */ jsx163(
       MyDataTable,
       {
         isLoading: documentQuery.isLoading,
@@ -14539,14 +14568,14 @@ function SubRead5({
         columns,
         data: documentQuery.data || [],
         renderRowActions: ({ row }) => /* @__PURE__ */ jsxs93(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx163(
             F_organizationPolicyDocs_Update,
             {
               RegulationsTypeId,
               values: row.original
             }
           ),
-          /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx163(
             F_organizationPolicyDocs_Delete,
             {
               id: row.original.id,
@@ -14560,12 +14589,12 @@ function SubRead5({
 }
 
 // src/modules-features/admin/core/organizationPolicyDocs/F_organizationPolicyDocs.tsx
-import { Fragment as Fragment24, jsx as jsx163, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx164, jsxs as jsxs94 } from "react/jsx-runtime";
 function F_organizationPolicyDocs({ RegulationsTypeId }) {
   return /* @__PURE__ */ jsxs94(Fragment24, { children: [
-    /* @__PURE__ */ jsx163(MyFlexEnd, { children: /* @__PURE__ */ jsx163(F_organizationPolicyDocs_Create, { RegulationsTypeId }) }),
-    /* @__PURE__ */ jsx163(Space7, {}),
-    /* @__PURE__ */ jsx163(F_organizationPolicyDocs_Read, { RegulationsTypeId })
+    /* @__PURE__ */ jsx164(MyFlexEnd, { children: /* @__PURE__ */ jsx164(F_organizationPolicyDocs_Create, { RegulationsTypeId }) }),
+    /* @__PURE__ */ jsx164(Space7, {}),
+    /* @__PURE__ */ jsx164(F_organizationPolicyDocs_Read, { RegulationsTypeId })
   ] });
 }
 
@@ -14574,7 +14603,7 @@ import { Group as Group26, TextInput as TextInput7 } from "@mantine/core";
 import { useMemo as useMemo25 } from "react";
 
 // src/modules-features/admin/core/pageContent/PageContentExport.tsx
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 var config4 = {
   fields: [
     {
@@ -14597,17 +14626,17 @@ var config4 = {
 };
 function PageContentExport({ table }) {
   const { data } = useExportData(table);
-  return /* @__PURE__ */ jsx164(AQButtonExportData, { exportConfig: config4, objectName: "Danh s\xE1ch Page content", data });
+  return /* @__PURE__ */ jsx165(AQButtonExportData, { exportConfig: config4, objectName: "Danh s\xE1ch Page content", data });
 }
 
 // src/modules-features/admin/core/pageContent/PageContentSave.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
+import { jsx as jsx166 } from "react/jsx-runtime";
 function PageContentSave({ values }) {
   const mutation = useMyReactMutation({
     axiosFn: (mutateValue) => service_page.updateList(mutateValue),
     mutationType: "update"
   });
-  return /* @__PURE__ */ jsx165(
+  return /* @__PURE__ */ jsx166(
     MyButton,
     {
       actionType: "save",
@@ -14620,7 +14649,7 @@ function PageContentSave({ values }) {
 }
 
 // src/modules-features/admin/core/pageContent/PageContentTable.tsx
-import { jsx as jsx166, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs95 } from "react/jsx-runtime";
 function PageContentTable({ menuData }) {
   const pageQuery = useMyReactQuery({
     queryKey: ["pages"],
@@ -14639,7 +14668,7 @@ function PageContentTable({ menuData }) {
       header: "M\xF4 t\u1EA3",
       accessorKey: "description",
       Cell: ({ row }) => {
-        return /* @__PURE__ */ jsx166(
+        return /* @__PURE__ */ jsx167(
           TextInput7,
           {
             defaultValue: row.original.description,
@@ -14653,7 +14682,7 @@ function PageContentTable({ menuData }) {
     {
       header: "Url video h\u01B0\u1EDBng d\u1EABn",
       accessorKey: "link",
-      Cell: ({ row }) => /* @__PURE__ */ jsx166(
+      Cell: ({ row }) => /* @__PURE__ */ jsx167(
         TextInput7,
         {
           defaultValue: row.original.link,
@@ -14668,7 +14697,7 @@ function PageContentTable({ menuData }) {
       accessorKey: "pageDocumentFileDetail.fileName",
       Cell: ({ row }) => {
         const file = row.original.pageDocumentFileDetail;
-        return /* @__PURE__ */ jsx166(
+        return /* @__PURE__ */ jsx167(
           MyFileInput,
           {
             placeholder: (file == null ? void 0 : file.fileName) || "Vui l\xF2ng ch\u1ECDn file",
@@ -14704,7 +14733,7 @@ function PageContentTable({ menuData }) {
       });
     });
   }, [pageQuery.data, menuData]).filter(Boolean);
-  return /* @__PURE__ */ jsx166(
+  return /* @__PURE__ */ jsx167(
     MyDataTable,
     {
       columns,
@@ -14719,17 +14748,17 @@ function PageContentTable({ menuData }) {
         return (_a = row.id) == null ? void 0 : _a.toString();
       },
       renderTopToolbarCustomActions: ({ table }) => /* @__PURE__ */ jsxs95(Group26, { children: [
-        /* @__PURE__ */ jsx166(PageContentSave, { values: editedRows }),
-        /* @__PURE__ */ jsx166(PageContentExport, { table })
+        /* @__PURE__ */ jsx167(PageContentSave, { values: editedRows }),
+        /* @__PURE__ */ jsx167(PageContentExport, { table })
       ] })
     }
   );
 }
 
 // src/modules-features/admin/core/pageContent/Feat_PageContentTable.tsx
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 function Feat_PageContentTable({ menuData }) {
-  return /* @__PURE__ */ jsx167(PageContentTable, { menuData });
+  return /* @__PURE__ */ jsx168(PageContentTable, { menuData });
 }
 
 // src/modules/Role/usecase/UseCase_RoleTable.tsx
@@ -14747,7 +14776,7 @@ var enumLabel_roleStatus = {
 };
 
 // src/modules/Role/usecase/UseCase_RoleTable.tsx
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 function UseCase_RoleTable2(_a) {
   var rest = __objRest(_a, []);
   const allColumns = useMemo26(() => [
@@ -14775,7 +14804,7 @@ function UseCase_RoleTable2(_a) {
       }
     }
   ], []);
-  return /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsx169(
     MyDataTable,
     __spreadValues({
       columns: allColumns
@@ -14804,7 +14833,7 @@ var mapper_role = {
 };
 
 // src/modules/Role/adapter/Adapter_RoleTable.tsx
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx170 } from "react/jsx-runtime";
 function Adapter_RoleTable2(_a) {
   var rest = __objRest(_a, []);
   var _a2;
@@ -14812,7 +14841,7 @@ function Adapter_RoleTable2(_a) {
     queryKey: ["roles"],
     axiosFn: () => service_role.getAdminRole()
   });
-  return /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsx170(
     UseCase_RoleTable2,
     __spreadValues({
       data: ((_a2 = query.data) == null ? void 0 : _a2.map(mapper_role.mapToDomain)) || [],
@@ -14828,16 +14857,16 @@ import { useEffect as useEffect30 } from "react";
 
 // src/modules/Role/usecase/UseCase_RoleForm.tsx
 import { Stack as Stack10 } from "@mantine/core";
-import { jsx as jsx170, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs96 } from "react/jsx-runtime";
 function UseCase_RoleCreate({
   form,
   onSubmit
 }) {
   var _a;
-  return /* @__PURE__ */ jsx170("form", { onSubmit: form.onSubmit(onSubmit), children: /* @__PURE__ */ jsxs96(Stack10, { children: [
-    /* @__PURE__ */ jsx170(MyTextInput2, __spreadValues({ label: "M\xE3 nh\xF3m t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx170(MyTextInput2, __spreadValues({ label: "T\xEAn nh\xF3m t\xE0i kho\u1EA3n" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx170(
+  return /* @__PURE__ */ jsx171("form", { onSubmit: form.onSubmit(onSubmit), children: /* @__PURE__ */ jsxs96(Stack10, { children: [
+    /* @__PURE__ */ jsx171(MyTextInput2, __spreadValues({ label: "M\xE3 nh\xF3m t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
+    /* @__PURE__ */ jsx171(MyTextInput2, __spreadValues({ label: "T\xEAn nh\xF3m t\xE0i kho\u1EA3n" }, form.getInputProps("name"))),
+    /* @__PURE__ */ jsx171(
       MySelect2,
       {
         label: "Tr\u1EA1ng th\xE1i t\xE0i kho\u1EA3n",
@@ -14846,13 +14875,13 @@ function UseCase_RoleCreate({
         onChange: (val) => form.setFieldValue("status", val)
       }
     ),
-    /* @__PURE__ */ jsx170(MyTextInput2, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note"))),
-    /* @__PURE__ */ jsx170(MyButton, { actionType: "save" })
+    /* @__PURE__ */ jsx171(MyTextInput2, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note"))),
+    /* @__PURE__ */ jsx171(MyButton, { actionType: "save" })
   ] }) });
 }
 
 // src/modules/Role/adapter/Adapter_RoleForm.tsx
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx172 } from "react/jsx-runtime";
 function Adapter_RoleForm({
   values,
   onSuccess
@@ -14874,7 +14903,7 @@ function Adapter_RoleForm({
     if (!values) return;
     form.initialize(values);
   }, [values]);
-  return /* @__PURE__ */ jsx171(
+  return /* @__PURE__ */ jsx172(
     UseCase_RoleCreate,
     {
       form,
@@ -14893,7 +14922,7 @@ import { useEffect as useEffect31, useState as useState25 } from "react";
 
 // src/modules/User/usecase/Usecase_UserTable.tsx
 import { useMemo as useMemo27 } from "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx173 } from "react/jsx-runtime";
 function UseCase_UserTable(_a) {
   var rest = __objRest(_a, []);
   const allColumns = useMemo27(() => [
@@ -14919,7 +14948,7 @@ function UseCase_UserTable(_a) {
       accessorKey: "phoneNumber"
     }
   ], []);
-  return /* @__PURE__ */ jsx172(
+  return /* @__PURE__ */ jsx173(
     MyDataTable,
     __spreadValues({
       columns: allColumns
@@ -14946,7 +14975,7 @@ var mapper_user = {
 };
 
 // src/modules/User/adapter/Adapter_UserTable.tsx
-import { jsx as jsx173, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs97 } from "react/jsx-runtime";
 function Adapter_UserTable(_a) {
   var rest = __objRest(_a, []);
   var _a2;
@@ -14970,7 +14999,7 @@ function Adapter_UserTable(_a) {
     setGlobalFilter(debouncedSearch);
     paginationState[1]({ pageIndex: 0, pageSize: paginationState[0].pageSize });
   }, [debouncedSearch]);
-  return /* @__PURE__ */ jsx173(
+  return /* @__PURE__ */ jsx174(
     UseCase_UserTable,
     __spreadProps(__spreadValues({
       rowCount: adminAccountQuery.dataCount,
@@ -14985,12 +15014,12 @@ function Adapter_UserTable(_a) {
         var _a3;
         return /* @__PURE__ */ jsxs97(Group27, { children: [
           (_a3 = rest == null ? void 0 : rest.renderTopToolbarCustomActions) == null ? void 0 : _a3.call(rest, table),
-          /* @__PURE__ */ jsx173(
+          /* @__PURE__ */ jsx174(
             TextInput8,
             {
               w: "250",
               placeholder: "T\xECm theo t\xE0i kho\u1EA3n ho\u1EB7c h\u1ECD t\xEAn...",
-              leftSection: /* @__PURE__ */ jsx173(IconSearch5, { size: 16 }),
+              leftSection: /* @__PURE__ */ jsx174(IconSearch5, { size: 16 }),
               value: searchInput,
               onChange: (e4) => setSearchInput(e4.currentTarget.value)
             }
@@ -15002,17 +15031,17 @@ function Adapter_UserTable(_a) {
 }
 
 // src/modules/User/adapter/Adapter_UserAddToRole.tsx
-import { useDisclosure as useDisclosure16 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure17 } from "@mantine/hooks";
 import { notifications as notifications5 } from "@mantine/notifications";
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 import { useEffect as useEffect32, useState as useState26 } from "react";
-import { jsx as jsx174 } from "react/jsx-runtime";
+import { jsx as jsx175 } from "react/jsx-runtime";
 function Adapter_UserAddToRole({
   roleId,
   userIds
 }) {
   const queryClient = useQueryClient4();
-  const disc = useDisclosure16();
+  const disc = useDisclosure17();
   const userSelectedId = useState26({});
   const [defaultSelectedIds, setDefaultSelectedIds] = useState26([]);
   const selectedIds = Object.keys(userSelectedId[0]).map(Number);
@@ -15056,20 +15085,20 @@ function Adapter_UserAddToRole({
       setDefaultSelectedIds(userIds);
     }
   }, [userIds]);
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx175(
     MyButtonModal,
     {
       disclosure: disc,
       buttonProps: { actionType: "create" },
       modalProps: { title: "Danh s\xE1ch t\xE0i kho\u1EA3n ng\u01B0\u1EDDi d\xF9ng thu\u1ED9c quy\u1EC1n", size: "70%" },
-      children: /* @__PURE__ */ jsx174(
+      children: /* @__PURE__ */ jsx175(
         Adapter_UserTable,
         {
           enableRowSelection: true,
           state: { rowSelection: userSelectedId[0] },
           onRowSelectionChange: userSelectedId[1],
           getRowId: (row) => row.id,
-          renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx174(
+          renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx175(
             MyButton,
             {
               actionType: "select",
@@ -15092,17 +15121,17 @@ function Adapter_UserAddToRole({
 }
 
 // src/modules/User/adapter/Adapter_UserDeleteFromRole.tsx
-import { jsx as jsx175 } from "react/jsx-runtime";
+import { jsx as jsx176 } from "react/jsx-runtime";
 function Adapter_UserDeleteFromRole({
   roleId,
   userId
 }) {
-  return /* @__PURE__ */ jsx175(MyActionIconDelete, { onSubmit: () => service_role.removeUsersFromRole({ roleId, userIds: [userId] }) });
+  return /* @__PURE__ */ jsx176(MyActionIconDelete, { onSubmit: () => service_role.removeUsersFromRole({ roleId, userIds: [userId] }) });
 }
 
 // src/modules/User/adapter/Adapter_UserTableByRole.tsx
 import { useEffect as useEffect33 } from "react";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 function Adapter_UserTableByRole(_a) {
   var _b = _a, { byRoleId } = _b, rest = __objRest(_b, ["byRoleId"]);
   var _a2;
@@ -15118,7 +15147,7 @@ function Adapter_UserTableByRole(_a) {
       rest.onUserLoad(users);
     }
   }, [adminAccountQuery.data]);
-  return /* @__PURE__ */ jsx176(
+  return /* @__PURE__ */ jsx177(
     UseCase_UserTable,
     __spreadValues({
       isLoading: adminAccountQuery.isLoading,
@@ -15131,13 +15160,13 @@ function Adapter_UserTableByRole(_a) {
 
 // src/modules-features/admin/core/roleManagement/features/Feat_CreateUpdateRole.tsx
 import { Group as Group28, Tabs as Tabs3 } from "@mantine/core";
-import { useDisclosure as useDisclosure17 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure18 } from "@mantine/hooks";
 import { useState as useState27 } from "react";
 
 // src/modules-features/admin/core/roleManagement/RoleManagement_Import.tsx
 import { useModalsStack as useModalsStack4 } from "@mantine/core";
 import { Workbook as Workbook2 } from "exceljs";
-import { Fragment as Fragment25, jsx as jsx177, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx178, jsxs as jsxs98 } from "react/jsx-runtime";
 var fieldConfig = [
   {
     fieldKey: "code",
@@ -15166,8 +15195,8 @@ function RoleManagement_Import({ roleId }) {
     await utils_excel.download({ workbook, name: "C\u1EA5u tr\xFAc import t\xE0i kho\u1EA3n v\xE0o quy\u1EC1n" });
   };
   return /* @__PURE__ */ jsxs98(Fragment25, { children: [
-    /* @__PURE__ */ jsx177(MyButton, { actionType: "import", onClick: () => stack.open("FileImportConfig") }),
-    /* @__PURE__ */ jsx177(
+    /* @__PURE__ */ jsx178(MyButton, { actionType: "import", onClick: () => stack.open("FileImportConfig") }),
+    /* @__PURE__ */ jsx178(
       MyModalImport,
       {
         fieldDefinition: fieldConfig.map((item) => ({
@@ -15189,12 +15218,12 @@ function RoleManagement_Import({ roleId }) {
 }
 
 // src/modules-features/admin/core/roleManagement/features/Feat_CreateUpdateRole.tsx
-import { jsx as jsx178, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx179, jsxs as jsxs99 } from "react/jsx-runtime";
 function Feat_CreateUpdateRole({ values }) {
   const isUpdate = values != void 0;
-  const disc = useDisclosure17();
+  const disc = useDisclosure18();
   const userIds = useState27([]);
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     MyButtonModal,
     {
       disclosure: disc,
@@ -15204,11 +15233,11 @@ function Feat_CreateUpdateRole({ values }) {
       isActionIcon: isUpdate,
       children: /* @__PURE__ */ jsxs99(Tabs3, { defaultValue: "gallery", children: [
         /* @__PURE__ */ jsxs99(Tabs3.List, { children: [
-          /* @__PURE__ */ jsx178(Tabs3.Tab, { value: "gallery", children: "Th\xF4ng tin chung" }),
-          /* @__PURE__ */ jsx178(Tabs3.Tab, { value: "messages", hidden: !isUpdate, children: "Danh s\xE1ch th\xE0nh vi\xEAn" })
+          /* @__PURE__ */ jsx179(Tabs3.Tab, { value: "gallery", children: "Th\xF4ng tin chung" }),
+          /* @__PURE__ */ jsx179(Tabs3.Tab, { value: "messages", hidden: !isUpdate, children: "Danh s\xE1ch th\xE0nh vi\xEAn" })
         ] }),
-        /* @__PURE__ */ jsx178(Tabs3.Panel, { value: "gallery", pt: "md", children: /* @__PURE__ */ jsx178(Adapter_RoleForm, { onSuccess: disc[1].close, values }) }),
-        /* @__PURE__ */ jsx178(Tabs3.Panel, { value: "messages", pt: "md", children: /* @__PURE__ */ jsx178(MyFieldset, { title: "Danh s\xE1ch t\xE0i kho\u1EA3n ng\u01B0\u1EDDi d\xF9ng thu\u1ED9c nh\xF3m", children: /* @__PURE__ */ jsx178(
+        /* @__PURE__ */ jsx179(Tabs3.Panel, { value: "gallery", pt: "md", children: /* @__PURE__ */ jsx179(Adapter_RoleForm, { onSuccess: disc[1].close, values }) }),
+        /* @__PURE__ */ jsx179(Tabs3.Panel, { value: "messages", pt: "md", children: /* @__PURE__ */ jsx179(MyFieldset, { title: "Danh s\xE1ch t\xE0i kho\u1EA3n ng\u01B0\u1EDDi d\xF9ng thu\u1ED9c nh\xF3m", children: /* @__PURE__ */ jsx179(
           Adapter_UserTableByRole,
           {
             byRoleId: Number(values == null ? void 0 : values.id),
@@ -15218,16 +15247,16 @@ function Feat_CreateUpdateRole({ values }) {
             },
             visibleFields: ["code", "userFullName", "unit"],
             renderTopToolbarCustomActions: () => /* @__PURE__ */ jsxs99(Group28, { children: [
-              /* @__PURE__ */ jsx178(
+              /* @__PURE__ */ jsx179(
                 Adapter_UserAddToRole,
                 {
                   roleId: Number(values == null ? void 0 : values.id),
                   userIds: userIds[0]
                 }
               ),
-              /* @__PURE__ */ jsx178(RoleManagement_Import, { roleId: Number(values == null ? void 0 : values.id) })
+              /* @__PURE__ */ jsx179(RoleManagement_Import, { roleId: Number(values == null ? void 0 : values.id) })
             ] }),
-            renderRowActions: ({ row }) => /* @__PURE__ */ jsx178(MyCenterFull, { children: /* @__PURE__ */ jsx178(Adapter_UserDeleteFromRole, { roleId: Number(values == null ? void 0 : values.id), userId: Number(row.original.id) }) })
+            renderRowActions: ({ row }) => /* @__PURE__ */ jsx179(MyCenterFull, { children: /* @__PURE__ */ jsx179(Adapter_UserDeleteFromRole, { roleId: Number(values == null ? void 0 : values.id), userId: Number(row.original.id) }) })
           }
         ) }) })
       ] })
@@ -15236,27 +15265,27 @@ function Feat_CreateUpdateRole({ values }) {
 }
 
 // src/modules-features/admin/core/roleManagement/RoleManagement_Delete.tsx
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 function RoleManagement_Delete({ code, id }) {
-  return /* @__PURE__ */ jsx179(MyActionIconDelete, { contextData: code, onSubmit: () => service_role.delete(id) });
+  return /* @__PURE__ */ jsx180(MyActionIconDelete, { contextData: code, onSubmit: () => service_role.delete(id) });
 }
 
 // src/modules-features/admin/core/roleManagement/Feat_RoleManagement.tsx
-import { jsx as jsx180, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs100 } from "react/jsx-runtime";
 function Feat_RoleManagement() {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     Adapter_RoleTable2,
     {
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx180(Feat_CreateUpdateRole, {}),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx181(Feat_CreateUpdateRole, {}),
       renderRowActions: ({ row }) => {
         return /* @__PURE__ */ jsxs100(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx180(
+          /* @__PURE__ */ jsx181(
             Feat_CreateUpdateRole,
             {
               values: row.original
             }
           ),
-          /* @__PURE__ */ jsx180(
+          /* @__PURE__ */ jsx181(
             RoleManagement_Delete,
             {
               id: Number(row.original.id),
@@ -15275,7 +15304,7 @@ import { useMemo as useMemo28 } from "react";
 // src/modules-features/admin/core/securityPolicyDocs/F_securityPolicyDocs_Create.tsx
 import { FileInput as FileInput10 } from "@mantine/core";
 import { useForm as useForm32 } from "@mantine/form";
-import { jsx as jsx181, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx182, jsxs as jsxs101 } from "react/jsx-runtime";
 function F_securityPolicyDocs_Create({ SecurityTypeId }) {
   const form = useForm32({
     mode: "uncontrolled",
@@ -15299,28 +15328,28 @@ function F_securityPolicyDocs_Create({ SecurityTypeId }) {
         return service_document.create(body);
       },
       children: [
-        /* @__PURE__ */ jsx181(
+        /* @__PURE__ */ jsx182(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "S\u1ED1 quy \u0111\u1ECBnh"
           }, form.getInputProps("decisionCode"))
         ),
-        /* @__PURE__ */ jsx181(
+        /* @__PURE__ */ jsx182(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y ban h\xE0nh"
           }, form.getInputProps("promulgateDate"))
         ),
-        /* @__PURE__ */ jsx181(
+        /* @__PURE__ */ jsx182(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx181(
+        /* @__PURE__ */ jsx182(
           FileInput10,
           __spreadValues({
             withAsterisk: true,
@@ -15334,12 +15363,12 @@ function F_securityPolicyDocs_Create({ SecurityTypeId }) {
 }
 
 // src/modules-features/admin/core/securityPolicyDocs/F_securityPolicyDocs_Delete.tsx
-import { jsx as jsx182 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 function F_securityPolicyDocs_Delete({
   id,
   contextData
 }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     MyActionIconDelete,
     {
       contextData,
@@ -15351,7 +15380,7 @@ function F_securityPolicyDocs_Delete({
 // src/modules-features/admin/core/securityPolicyDocs/F_securityPolicyDocs_Update.tsx
 import { FileInput as FileInput11, TextInput as TextInput9 } from "@mantine/core";
 import { useForm as useForm33 } from "@mantine/form";
-import { jsx as jsx183, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx184, jsxs as jsxs102 } from "react/jsx-runtime";
 function F_securityPolicyDocs_Update({ values }) {
   var _a;
   const form = useForm33({
@@ -15381,7 +15410,7 @@ function F_securityPolicyDocs_Update({ values }) {
         return service_document.update(body);
       },
       children: [
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx184(
           TextInput9,
           __spreadValues({
             withAsterisk: true,
@@ -15389,21 +15418,21 @@ function F_securityPolicyDocs_Update({ values }) {
             label: "S\u1ED1 quy \u0111\u1ECBnh"
           }, form.getInputProps("decisionCode"))
         ),
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx184(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y ban h\xE0nh"
           }, form.getInputProps("promulgateDate"))
         ),
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx184(
           TextInput9,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx184(
           FileInput11,
           __spreadValues({
             withAsterisk: true,
@@ -15416,7 +15445,7 @@ function F_securityPolicyDocs_Update({ values }) {
 }
 
 // src/modules-features/admin/core/securityPolicyDocs/F_securityPolicyDocs_Read.tsx
-import { jsx as jsx184, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs103 } from "react/jsx-runtime";
 function F_securityPolicyDocs_Read({ SecurityTypeId }) {
   const query = useMyReactQuery({
     queryKey: ["F_securityPolicyDocs_Read"],
@@ -15430,7 +15459,7 @@ function F_securityPolicyDocs_Read({ SecurityTypeId }) {
       },
       {
         header: "Ng\xE0y ban h\xE0nh",
-        accessorFn: (row) => utils_date_dateToDDMMYYYString(new Date(row.promulgateDate))
+        accessorFn: (row) => utils_date.toDDMMYYYY(new Date(row.promulgateDate))
       },
       {
         header: "T\xEAn t\xE0i li\u1EC7u",
@@ -15439,25 +15468,25 @@ function F_securityPolicyDocs_Read({ SecurityTypeId }) {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx184(MyCenterFull, { children: /* @__PURE__ */ jsx184(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx185(MyCenterFull, { children: /* @__PURE__ */ jsx185(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
     []
   );
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     MyDataTable,
     {
       isLoading: query.isLoading,
       isError: query.isError,
       columns,
       data: query.data || [],
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx184(F_securityPolicyDocs_Create, { SecurityTypeId }),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx185(F_securityPolicyDocs_Create, { SecurityTypeId }),
       renderRowActions: ({ row }) => {
         var _a;
         return /* @__PURE__ */ jsxs103(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx184(F_securityPolicyDocs_Update, { values: row.original }),
-          /* @__PURE__ */ jsx184(
+          /* @__PURE__ */ jsx185(F_securityPolicyDocs_Update, { values: row.original }),
+          /* @__PURE__ */ jsx185(
             F_securityPolicyDocs_Delete,
             {
               id: row.original.id,
@@ -15471,9 +15500,9 @@ function F_securityPolicyDocs_Read({ SecurityTypeId }) {
 }
 
 // src/modules-features/admin/core/securityPolicyDocs/F_securityPolicyDocs.tsx
-import { jsx as jsx185 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 function F_securityPolicyDocs({ SecurityTypeId }) {
-  return /* @__PURE__ */ jsx185(F_securityPolicyDocs_Read, { SecurityTypeId });
+  return /* @__PURE__ */ jsx186(F_securityPolicyDocs_Read, { SecurityTypeId });
 }
 
 // src/modules-features/admin/core/systemUpdateDocs/F_systemUpdateDocs.tsx
@@ -15482,7 +15511,7 @@ import { useMemo as useMemo29 } from "react";
 // src/modules-features/admin/core/systemUpdateDocs/F_systemUpdateDocs_Create.tsx
 import { FileInput as FileInput12, Textarea as Textarea6 } from "@mantine/core";
 import { useForm as useForm34 } from "@mantine/form";
-import { jsx as jsx186, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs104 } from "react/jsx-runtime";
 function F_systemUpdateDocs_Create({
   RefinementTypeId
 }) {
@@ -15510,43 +15539,43 @@ function F_systemUpdateDocs_Create({
         return service_document.create(body);
       },
       children: [
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y h\u1ECDp"
           }, form.getInputProps("meetingDate"))
         ),
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "\u0110\u01A1n v\u1ECB y\xEAu c\u1EA7u"
           }, form.getInputProps("departmentName"))
         ),
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "N\u1ED9i dung c\u1EA3i ti\u1EBFn"
           }, form.getInputProps("description"))
         ),
-        /* @__PURE__ */ jsx186(MyTextInput, __spreadValues({ label: "K\u1EBFt lu\u1EADn" }, form.getInputProps("conclusion"))),
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(MyTextInput, __spreadValues({ label: "K\u1EBFt lu\u1EADn" }, form.getInputProps("conclusion"))),
+        /* @__PURE__ */ jsx187(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y b\u1EAFt \u0111\u1EA7u"
           }, form.getInputProps("startDate"))
         ),
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y k\u1EBFt th\xFAc"
           }, form.getInputProps("endDate"))
         ),
-        /* @__PURE__ */ jsx186(
+        /* @__PURE__ */ jsx187(
           FileInput12,
           __spreadValues({
             placeholder: "T\u1EA3i l\xEAn t\xE0i li\u1EC7u",
@@ -15554,19 +15583,19 @@ function F_systemUpdateDocs_Create({
             label: "T\xE0i li\u1EC7u"
           }, form.getInputProps("file"))
         ),
-        /* @__PURE__ */ jsx186(Textarea6, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note")))
+        /* @__PURE__ */ jsx187(Textarea6, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note")))
       ]
     }
   );
 }
 
 // src/modules-features/admin/core/systemUpdateDocs/F_systemUpdateDocs_Delete.tsx
-import { jsx as jsx187 } from "react/jsx-runtime";
+import { jsx as jsx188 } from "react/jsx-runtime";
 function F_systemUpdateDocs_Delete({
   id,
   contextData
 }) {
-  return /* @__PURE__ */ jsx187(
+  return /* @__PURE__ */ jsx188(
     MyActionIconDelete,
     {
       contextData,
@@ -15578,7 +15607,7 @@ function F_systemUpdateDocs_Delete({
 // src/modules-features/admin/core/systemUpdateDocs/F_systemUpdateDocs_Update.tsx
 import { FileInput as FileInput13, Textarea as Textarea7 } from "@mantine/core";
 import { useForm as useForm35 } from "@mantine/form";
-import { jsx as jsx188, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx189, jsxs as jsxs105 } from "react/jsx-runtime";
 function F_systemUpdateDocs_Update({ values }) {
   var _a;
   const form = useForm35({
@@ -15612,43 +15641,43 @@ function F_systemUpdateDocs_Update({ values }) {
         return service_document.update(body);
       },
       children: [
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y h\u1ECDp"
           }, form.getInputProps("meetingDate"))
         ),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "\u0110\u01A1n v\u1ECB y\xEAu c\u1EA7u"
           }, form.getInputProps("departmentName"))
         ),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "N\u1ED9i dung c\u1EA3i ti\u1EBFn"
           }, form.getInputProps("description"))
         ),
-        /* @__PURE__ */ jsx188(MyTextInput, __spreadValues({ label: "K\u1EBFt lu\u1EADn" }, form.getInputProps("conclusion"))),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(MyTextInput, __spreadValues({ label: "K\u1EBFt lu\u1EADn" }, form.getInputProps("conclusion"))),
+        /* @__PURE__ */ jsx189(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y b\u1EAFt \u0111\u1EA7u"
           }, form.getInputProps("startDate"))
         ),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y k\u1EBFt th\xFAc"
           }, form.getInputProps("endDate"))
         ),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           FileInput13,
           __spreadValues({
             placeholder: "T\u1EA3i l\xEAn t\xE0i li\u1EC7u",
@@ -15656,14 +15685,14 @@ function F_systemUpdateDocs_Update({ values }) {
             label: "T\xE0i li\u1EC7u"
           }, form.getInputProps("file"))
         ),
-        /* @__PURE__ */ jsx188(Textarea7, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note")))
+        /* @__PURE__ */ jsx189(Textarea7, __spreadValues({ label: "Ghi ch\xFA" }, form.getInputProps("note")))
       ]
     }
   );
 }
 
 // src/modules-features/admin/core/systemUpdateDocs/F_systemUpdateDocs.tsx
-import { jsx as jsx189, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx190, jsxs as jsxs106 } from "react/jsx-runtime";
 function F_systemUpdateDocs({ RefinementTypeId }) {
   const query = useMyReactQuery({
     queryKey: ["F_systemUpdateDocs_Read"],
@@ -15681,33 +15710,33 @@ function F_systemUpdateDocs({ RefinementTypeId }) {
       },
       {
         header: "Ng\xE0y b\u1EAFt \u0111\u1EA7u",
-        accessorFn: (row) => utils_date_dateToDDMMYYYString(new Date(row.startDate))
+        accessorFn: (row) => utils_date.toDDMMYYYY(new Date(row.startDate))
       },
       {
         header: "Ng\xE0y k\u1EBFt th\xFAc",
-        accessorFn: (row) => utils_date_dateToDDMMYYYString(new Date(row.endDate))
+        accessorFn: (row) => utils_date.toDDMMYYYY(new Date(row.endDate))
       },
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx189(MyCenterFull, { children: /* @__PURE__ */ jsx189(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx190(MyCenterFull, { children: /* @__PURE__ */ jsx190(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
     []
   );
-  return /* @__PURE__ */ jsx189(
+  return /* @__PURE__ */ jsx190(
     MyDataTable,
     {
       isLoading: query.isLoading,
       isError: query.isError,
       columns,
       data: query.data || [],
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx189(F_systemUpdateDocs_Create, { RefinementTypeId }),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx190(F_systemUpdateDocs_Create, { RefinementTypeId }),
       renderRowActions: ({ row }) => {
         return /* @__PURE__ */ jsxs106(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx189(F_systemUpdateDocs_Update, { values: row.original }),
-          /* @__PURE__ */ jsx189(
+          /* @__PURE__ */ jsx190(F_systemUpdateDocs_Update, { values: row.original }),
+          /* @__PURE__ */ jsx190(
             F_systemUpdateDocs_Delete,
             {
               id: row.original.id,
@@ -15726,7 +15755,7 @@ import { useMemo as useMemo30 } from "react";
 // src/modules-features/admin/core/userGuideDocs/F_userGuideDocs_Create.tsx
 import { FileInput as FileInput14 } from "@mantine/core";
 import { useForm as useForm36 } from "@mantine/form";
-import { jsx as jsx190, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs107 } from "react/jsx-runtime";
 function F_userGuideDocs_Create({ GuidelineTypeId }) {
   const form = useForm36({
     mode: "uncontrolled",
@@ -15749,21 +15778,21 @@ function F_userGuideDocs_Create({ GuidelineTypeId }) {
         return service_document.create(body);
       },
       children: [
-        /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsx191(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "M\xE3 t\xE0i li\u1EC7u"
           }, form.getInputProps("code"))
         ),
-        /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsx191(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsx191(
           FileInput14,
           __spreadValues({
             withAsterisk: true,
@@ -15777,12 +15806,12 @@ function F_userGuideDocs_Create({ GuidelineTypeId }) {
 }
 
 // src/modules-features/admin/core/userGuideDocs/F_userGuideDocs_Delete.tsx
-import { jsx as jsx191 } from "react/jsx-runtime";
+import { jsx as jsx192 } from "react/jsx-runtime";
 function F_userGuideDocs_Delete({
   id,
   contextData
 }) {
-  return /* @__PURE__ */ jsx191(
+  return /* @__PURE__ */ jsx192(
     MyActionIconDelete,
     {
       contextData,
@@ -15794,7 +15823,7 @@ function F_userGuideDocs_Delete({
 // src/modules-features/admin/core/userGuideDocs/F_userGuideDocs_Update.tsx
 import { FileInput as FileInput15 } from "@mantine/core";
 import { useForm as useForm37 } from "@mantine/form";
-import { jsx as jsx192, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx193, jsxs as jsxs108 } from "react/jsx-runtime";
 function F_userGuideDocs_Update({ values }) {
   var _a;
   const form = useForm37({
@@ -15822,7 +15851,7 @@ function F_userGuideDocs_Update({ values }) {
         return service_document.update(body);
       },
       children: [
-        /* @__PURE__ */ jsx192(
+        /* @__PURE__ */ jsx193(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
@@ -15830,14 +15859,14 @@ function F_userGuideDocs_Update({ values }) {
             label: "M\xE3 t\xE0i li\u1EC7u"
           }, form.getInputProps("code"))
         ),
-        /* @__PURE__ */ jsx192(
+        /* @__PURE__ */ jsx193(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx192(
+        /* @__PURE__ */ jsx193(
           FileInput15,
           __spreadValues({
             withAsterisk: true,
@@ -15851,7 +15880,7 @@ function F_userGuideDocs_Update({ values }) {
 }
 
 // src/modules-features/admin/core/userGuideDocs/F_userGuideDocs_Read.tsx
-import { jsx as jsx193, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx194, jsxs as jsxs109 } from "react/jsx-runtime";
 function F_userGuideDocs_Read({ GuidelineTypeId }) {
   const query = useMyReactQuery({
     queryKey: ["F_userGuideDocs_Read"],
@@ -15870,24 +15899,24 @@ function F_userGuideDocs_Read({ GuidelineTypeId }) {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx193(MyCenterFull, { children: /* @__PURE__ */ jsx193(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx194(MyCenterFull, { children: /* @__PURE__ */ jsx194(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
     []
   );
-  return /* @__PURE__ */ jsx193(
+  return /* @__PURE__ */ jsx194(
     MyDataTable,
     {
       isLoading: query.isLoading,
       isError: query.isError,
       columns,
       data: query.data || [],
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx193(F_userGuideDocs_Create, { GuidelineTypeId }),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx194(F_userGuideDocs_Create, { GuidelineTypeId }),
       renderRowActions: ({ row }) => {
         return /* @__PURE__ */ jsxs109(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx193(F_userGuideDocs_Update, { values: row.original }),
-          /* @__PURE__ */ jsx193(
+          /* @__PURE__ */ jsx194(F_userGuideDocs_Update, { values: row.original }),
+          /* @__PURE__ */ jsx194(
             F_userGuideDocs_Delete,
             {
               id: row.original.id,
@@ -15901,9 +15930,9 @@ function F_userGuideDocs_Read({ GuidelineTypeId }) {
 }
 
 // src/modules-features/admin/core/userGuideDocs/F_userGuideDocs.tsx
-import { jsx as jsx194 } from "react/jsx-runtime";
+import { jsx as jsx195 } from "react/jsx-runtime";
 function F_userGuideDocs({ GuidelineTypeId }) {
-  return /* @__PURE__ */ jsx194(F_userGuideDocs_Read, { GuidelineTypeId });
+  return /* @__PURE__ */ jsx195(F_userGuideDocs_Read, { GuidelineTypeId });
 }
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs.tsx
@@ -15911,7 +15940,7 @@ import { Space as Space8 } from "@mantine/core";
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs_Create.tsx
 import { useForm as useForm38 } from "@mantine/form";
-import { jsx as jsx195, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx196, jsxs as jsxs110 } from "react/jsx-runtime";
 function F_workflowProcessDocs_Create({
   WorkflowTypeId
 }) {
@@ -15938,28 +15967,28 @@ function F_workflowProcessDocs_Create({
         return service_document.create(body);
       },
       children: [
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "S\u1ED1 quy \u0111\u1ECBnh"
           }, form.getInputProps("decisionCode"))
         ),
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y ban h\xE0nh"
           }, form.getInputProps("promulgateDate"))
         ),
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           F_core18256_Select,
           __spreadValues({
             withAsterisk: true,
@@ -15967,14 +15996,14 @@ function F_workflowProcessDocs_Create({
             documentTypeId: WorkflowTypeId
           }, form.getInputProps("documentAttributeId"))
         ),
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           MyFileInput,
           __spreadValues({
             withAsterisk: true,
             label: "V\u0103n b\u1EA3n"
           }, form.getInputProps("file"))
         ),
-        /* @__PURE__ */ jsx195(
+        /* @__PURE__ */ jsx196(
           MyNumberInput,
           __spreadValues({
             label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch"
@@ -15991,12 +16020,12 @@ import { IconBug as IconBug7 } from "@tabler/icons-react";
 import { useEffect as useEffect34, useMemo as useMemo31, useState as useState28 } from "react";
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs_Delete.tsx
-import { jsx as jsx196 } from "react/jsx-runtime";
+import { jsx as jsx197 } from "react/jsx-runtime";
 function F_workflowProcessDocs_Delete({
   id,
   contextData
 }) {
-  return /* @__PURE__ */ jsx196(
+  return /* @__PURE__ */ jsx197(
     MyActionIconDelete,
     {
       contextData,
@@ -16007,7 +16036,7 @@ function F_workflowProcessDocs_Delete({
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs_Update.tsx
 import { useForm as useForm39 } from "@mantine/form";
-import { jsx as jsx197, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx198, jsxs as jsxs111 } from "react/jsx-runtime";
 function F_workflowProcessDocs_Update({
   values,
   WorkflowTypeId
@@ -16040,7 +16069,7 @@ function F_workflowProcessDocs_Update({
         return service_document.update(body);
       },
       children: [
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
@@ -16048,21 +16077,21 @@ function F_workflowProcessDocs_Update({
             label: "S\u1ED1 quy \u0111\u1ECBnh"
           }, form.getInputProps("decisionCode"))
         ),
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           MyDateInput,
           __spreadValues({
             withAsterisk: true,
             label: "Ng\xE0y ban h\xE0nh"
           }, form.getInputProps("promulgateDate"))
         ),
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           MyTextInput,
           __spreadValues({
             withAsterisk: true,
             label: "T\xEAn t\xE0i li\u1EC7u"
           }, form.getInputProps("name"))
         ),
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           F_core18256_Select,
           __spreadValues({
             withAsterisk: true,
@@ -16070,14 +16099,14 @@ function F_workflowProcessDocs_Update({
             documentTypeId: WorkflowTypeId
           }, form.getInputProps("documentAttributeId"))
         ),
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           MyFileInput,
           __spreadValues({
             withAsterisk: true,
             label: "V\u0103n b\u1EA3n"
           }, form.getInputProps("file"))
         ),
-        /* @__PURE__ */ jsx197(
+        /* @__PURE__ */ jsx198(
           MyNumberInput,
           __spreadValues({
             label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch"
@@ -16089,7 +16118,7 @@ function F_workflowProcessDocs_Update({
 }
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs_Read.tsx
-import { jsx as jsx198, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx199, jsxs as jsxs112 } from "react/jsx-runtime";
 function F_workflowProcessDocs_Read({
   WorkflowTypeId
 }) {
@@ -16109,10 +16138,10 @@ function F_workflowProcessDocs_Read({
     }
   }, [documentAttributeQuery.data]);
   if (((_a = documentAttributeQuery.data) == null ? void 0 : _a.length) == 0)
-    return /* @__PURE__ */ jsx198(Blockquote6, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
+    return /* @__PURE__ */ jsx199(Blockquote6, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
   if (documentAttributeQuery.isError)
-    return /* @__PURE__ */ jsx198(Alert7, { icon: /* @__PURE__ */ jsx198(IconBug7, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" });
-  return /* @__PURE__ */ jsx198(Skeleton7, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx198(MyFlexColumn, { children: /* @__PURE__ */ jsx198(
+    return /* @__PURE__ */ jsx199(Alert7, { icon: /* @__PURE__ */ jsx199(IconBug7, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" });
+  return /* @__PURE__ */ jsx199(Skeleton7, { h: 500, visible: documentAttributeQuery.isLoading, children: /* @__PURE__ */ jsx199(MyFlexColumn, { children: /* @__PURE__ */ jsx199(
     Accordion6,
     {
       variant: "separated",
@@ -16125,7 +16154,7 @@ function F_workflowProcessDocs_Read({
       value: openItems,
       onChange: setOpenItems,
       multiple: true,
-      children: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item, idx) => /* @__PURE__ */ jsx198(
+      children: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item, idx) => /* @__PURE__ */ jsx199(
         SubRead6,
         {
           name: item.name,
@@ -16163,15 +16192,15 @@ function SubRead6({
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx198(MyCenterFull, { children: /* @__PURE__ */ jsx198(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ jsx199(MyCenterFull, { children: /* @__PURE__ */ jsx199(MyButtonViewFileAPI, { filePath: row.path }) });
         }
       }
     ],
     []
   );
-  return /* @__PURE__ */ jsx198(Skeleton7, { mt: 10, visible: documentQuery.isLoading, children: /* @__PURE__ */ jsxs112(Accordion6.Item, { value: id.toString(), children: [
-    /* @__PURE__ */ jsx198(Accordion6.Control, { children: name }),
-    /* @__PURE__ */ jsx198(Accordion6.Panel, { children: /* @__PURE__ */ jsx198(
+  return /* @__PURE__ */ jsx199(Skeleton7, { mt: 10, visible: documentQuery.isLoading, children: /* @__PURE__ */ jsxs112(Accordion6.Item, { value: id.toString(), children: [
+    /* @__PURE__ */ jsx199(Accordion6.Control, { children: name }),
+    /* @__PURE__ */ jsx199(Accordion6.Panel, { children: /* @__PURE__ */ jsx199(
       MyDataTable,
       {
         isLoading: documentQuery.isLoading,
@@ -16179,14 +16208,14 @@ function SubRead6({
         columns,
         data: documentQuery.data || [],
         renderRowActions: ({ row }) => /* @__PURE__ */ jsxs112(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx198(
+          /* @__PURE__ */ jsx199(
             F_workflowProcessDocs_Update,
             {
               WorkflowTypeId,
               values: row.original
             }
           ),
-          /* @__PURE__ */ jsx198(
+          /* @__PURE__ */ jsx199(
             F_workflowProcessDocs_Delete,
             {
               id: row.original.id,
@@ -16200,14 +16229,14 @@ function SubRead6({
 }
 
 // src/modules-features/admin/core/workflowProcessDocs/F_workflowProcessDocs.tsx
-import { Fragment as Fragment26, jsx as jsx199, jsxs as jsxs113 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx200, jsxs as jsxs113 } from "react/jsx-runtime";
 function F_workflowProcessDocs({
   WorkflowTypeId
 }) {
   return /* @__PURE__ */ jsxs113(Fragment26, { children: [
-    /* @__PURE__ */ jsx199(MyFlexEnd, { children: /* @__PURE__ */ jsx199(F_workflowProcessDocs_Create, { WorkflowTypeId }) }),
-    /* @__PURE__ */ jsx199(Space8, {}),
-    /* @__PURE__ */ jsx199(F_workflowProcessDocs_Read, { WorkflowTypeId })
+    /* @__PURE__ */ jsx200(MyFlexEnd, { children: /* @__PURE__ */ jsx200(F_workflowProcessDocs_Create, { WorkflowTypeId }) }),
+    /* @__PURE__ */ jsx200(Space8, {}),
+    /* @__PURE__ */ jsx200(F_workflowProcessDocs_Read, { WorkflowTypeId })
   ] });
 }
 
@@ -16243,7 +16272,7 @@ function useStore_Authenticate() {
 }
 
 // src/modules-features/authenticate/Feat_Authenticate_Login.tsx
-import { jsx as jsx200, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx201, jsxs as jsxs114 } from "react/jsx-runtime";
 function Feat_Authenticate_Login({
   header,
   redirectUrlAfterLogin = "/admin/dashboard",
@@ -16333,15 +16362,15 @@ function Feat_Authenticate_Login({
       }
     });
   }
-  return /* @__PURE__ */ jsx200(
+  return /* @__PURE__ */ jsx201(
     BackgroundImage,
     {
       src: backgroundImage,
       h: "100vh",
-      children: /* @__PURE__ */ jsx200(Center11, { h: "100vh", children: /* @__PURE__ */ jsxs114(Paper13, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
-        header ? header : /* @__PURE__ */ jsx200(Flex10, { direction: "column", mb: "md", children: /* @__PURE__ */ jsx200(Title2, { ta: "center", fw: "900", children: "\u0110\u0103ng nh\u1EADp!" }) }),
-        /* @__PURE__ */ jsx200("form", { onSubmit: form.onSubmit(async (values) => handleSubmit(values.username, values.password)), children: /* @__PURE__ */ jsxs114(MyFlexColumn, { children: [
-          /* @__PURE__ */ jsx200(
+      children: /* @__PURE__ */ jsx201(Center11, { h: "100vh", children: /* @__PURE__ */ jsxs114(Paper13, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
+        header ? header : /* @__PURE__ */ jsx201(Flex10, { direction: "column", mb: "md", children: /* @__PURE__ */ jsx201(Title2, { ta: "center", fw: "900", children: "\u0110\u0103ng nh\u1EADp!" }) }),
+        /* @__PURE__ */ jsx201("form", { onSubmit: form.onSubmit(async (values) => handleSubmit(values.username, values.password)), children: /* @__PURE__ */ jsxs114(MyFlexColumn, { children: [
+          /* @__PURE__ */ jsx201(
             TextInput10,
             __spreadProps(__spreadValues({}, form.getInputProps("username")), {
               label: "T\xE0i kho\u1EA3n",
@@ -16349,7 +16378,7 @@ function Feat_Authenticate_Login({
               withAsterisk: true
             })
           ),
-          /* @__PURE__ */ jsx200(
+          /* @__PURE__ */ jsx201(
             PasswordInput3,
             __spreadProps(__spreadValues({}, form.getInputProps("password")), {
               label: "M\u1EADt kh\u1EA9u",
@@ -16358,7 +16387,7 @@ function Feat_Authenticate_Login({
             })
           ),
           /* @__PURE__ */ jsxs114(Group29, { justify: "space-between", children: [
-            showSaveLogin && /* @__PURE__ */ jsx200(
+            showSaveLogin && /* @__PURE__ */ jsx201(
               Checkbox6,
               {
                 checked: authenticateStore.state.saveLogin,
@@ -16366,9 +16395,9 @@ function Feat_Authenticate_Login({
                 label: "L\u01B0u \u0111\u0103ng nh\u1EADp"
               }
             ),
-            showForgotPassword && /* @__PURE__ */ jsx200(Anchor2, { component: Link3, href: "quen-mat-khau", size: "sm", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
+            showForgotPassword && /* @__PURE__ */ jsx201(Anchor2, { component: Link3, href: "quen-mat-khau", size: "sm", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
           ] }),
-          showLoginButton && /* @__PURE__ */ jsx200(
+          showLoginButton && /* @__PURE__ */ jsx201(
             Button17,
             __spreadProps(__spreadValues({
               loading: mutation.isPending,
@@ -16389,16 +16418,16 @@ function Feat_Authenticate_Login({
 import { Button as Button18 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter5 } from "next/navigation.js";
-import { jsx as jsx201 } from "react/jsx-runtime";
+import { jsx as jsx202 } from "react/jsx-runtime";
 function Feat_Authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter5();
   const authenticateStore = useStore_Authenticate();
   const permissionStore = useStore_Permission();
-  return /* @__PURE__ */ jsx201(Button18, { onClick: () => {
+  return /* @__PURE__ */ jsx202(Button18, { onClick: () => {
     authenticateStore.setState({});
     permissionStore.setState({});
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx201(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx202(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/modules-features/authenticate/Feat_Authenticate_SSOHandler.tsx
@@ -16427,7 +16456,7 @@ function useAuthenticateManager() {
 }
 
 // src/modules-features/authenticate/Feat_Authenticate_SSOHandler.tsx
-import { jsx as jsx202, jsxs as jsxs115 } from "react/jsx-runtime";
+import { jsx as jsx203, jsxs as jsxs115 } from "react/jsx-runtime";
 function Feat_Authenticate_SSOHandler({
   menuData,
   onSuccessNavigateFollowRole
@@ -16479,15 +16508,15 @@ function Feat_Authenticate_SSOHandler({
     }
   }
   return /* @__PURE__ */ jsxs115("div", { children: [
-    /* @__PURE__ */ jsx202("h2", { children: "\u0110ang \u0111\u0103ng nh\u1EADp b\u1EB1ng SSO..." }),
-    messError && /* @__PURE__ */ jsx202("p", { style: { color: "red" }, children: messError })
+    /* @__PURE__ */ jsx203("h2", { children: "\u0110ang \u0111\u0103ng nh\u1EADp b\u1EB1ng SSO..." }),
+    messError && /* @__PURE__ */ jsx203("p", { style: { color: "red" }, children: messError })
   ] });
 }
 
 // src/modules-features/authenticate/F_authenticate_SplashPage.tsx
 import { useRouter as useRouter6 } from "next/navigation.js";
 import { useEffect as useEffect37 } from "react";
-import { jsx as jsx203 } from "react/jsx-runtime";
+import { jsx as jsx204 } from "react/jsx-runtime";
 function F_authenticate_SplashPage() {
   const router = useRouter6();
   const authenticateStore = useStore_Authenticate();
@@ -16498,32 +16527,32 @@ function F_authenticate_SplashPage() {
     }
     router.push("/admin/core71678");
   }, [authenticateStore.state.token]);
-  return /* @__PURE__ */ jsx203(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
+  return /* @__PURE__ */ jsx204(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
 }
 
 // src/modules-features/authenticate/tokenExpired/Feat_TokenExpired.tsx
 import { Button as Button19, Card as Card2, CardSection, Center as Center12, Text as Text20, Title as Title3 } from "@mantine/core";
 import { Clock, LogIn, Shield } from "lucide-react";
-import { jsx as jsx204, jsxs as jsxs116 } from "react/jsx-runtime";
+import { jsx as jsx205, jsxs as jsxs116 } from "react/jsx-runtime";
 function Feat_TokenExpired({
   loginRedirect = "/auth/login"
 }) {
   const handleLogin = () => {
     window.location.href = loginRedirect;
   };
-  return /* @__PURE__ */ jsx204("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 px-4 py-8", children: /* @__PURE__ */ jsxs116("div", { className: "w-full max-w-md", children: [
+  return /* @__PURE__ */ jsx205("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 px-4 py-8", children: /* @__PURE__ */ jsxs116("div", { className: "w-full max-w-md", children: [
     /* @__PURE__ */ jsxs116("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
-      /* @__PURE__ */ jsx204("div", { className: "absolute -top-40 -right-40 w-80 h-80 bg-gradient-to-br from-blue-200/30 to-purple-200/30 rounded-full blur-3xl" }),
-      /* @__PURE__ */ jsx204("div", { className: "absolute -bottom-40 -left-40 w-80 h-80 bg-gradient-to-tr from-indigo-200/30 to-pink-200/30 rounded-full blur-3xl" })
+      /* @__PURE__ */ jsx205("div", { className: "absolute -top-40 -right-40 w-80 h-80 bg-gradient-to-br from-blue-200/30 to-purple-200/30 rounded-full blur-3xl" }),
+      /* @__PURE__ */ jsx205("div", { className: "absolute -bottom-40 -left-40 w-80 h-80 bg-gradient-to-tr from-indigo-200/30 to-pink-200/30 rounded-full blur-3xl" })
     ] }),
     /* @__PURE__ */ jsxs116(Card2, { className: "relative backdrop-blur-sm bg-white/80 border-0 shadow-2xl shadow-blue-500/10 py-12 px-8 rounded-xl", children: [
       /* @__PURE__ */ jsxs116(CardSection, { className: "text-center space-y-6 pb-8", children: [
-        /* @__PURE__ */ jsx204("div", { className: "relative", children: /* @__PURE__ */ jsx204(Center12, { children: /* @__PURE__ */ jsx204("div", { className: "w-20 h-20 bg-gradient-to-br from-orange-400 to-red-500 rounded-full flex items-center justify-center shadow-lg shadow-orange-500/25 animate-pulse", children: /* @__PURE__ */ jsx204(Clock, { className: "w-10 h-10 text-white" }) }) }) }),
+        /* @__PURE__ */ jsx205("div", { className: "relative", children: /* @__PURE__ */ jsx205(Center12, { children: /* @__PURE__ */ jsx205("div", { className: "w-20 h-20 bg-gradient-to-br from-orange-400 to-red-500 rounded-full flex items-center justify-center shadow-lg shadow-orange-500/25 animate-pulse", children: /* @__PURE__ */ jsx205(Clock, { className: "w-10 h-10 text-white" }) }) }) }),
         /* @__PURE__ */ jsxs116("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx204(Title3, { className: "text-3xl font-bold bg-gradient-to-r from-gray-800 to-gray-600 bg-clip-text text-transparent", children: "Phi\xEAn \u0111\u0103ng nh\u1EADp \u0111\xE3 h\u1EBFt h\u1EA1n" }),
+          /* @__PURE__ */ jsx205(Title3, { className: "text-3xl font-bold bg-gradient-to-r from-gray-800 to-gray-600 bg-clip-text text-transparent", children: "Phi\xEAn \u0111\u0103ng nh\u1EADp \u0111\xE3 h\u1EBFt h\u1EA1n" }),
           /* @__PURE__ */ jsxs116(Text20, { className: "text-gray-600 text-base leading-relaxed px-2", children: [
             "Phi\xEAn l\xE0m vi\u1EC7c c\u1EE7a b\u1EA1n \u0111\xE3 h\u1EBFt h\u1EA1n v\xEC l\xFD do b\u1EA3o m\u1EADt.",
-            /* @__PURE__ */ jsx204("br", {}),
+            /* @__PURE__ */ jsx205("br", {}),
             "Vui l\xF2ng \u0111\u0103ng nh\u1EADp l\u1EA1i \u0111\u1EC3 ti\u1EBFp t\u1EE5c s\u1EED d\u1EE5ng d\u1ECBch v\u1EE5."
           ] })
         ] })
@@ -16536,17 +16565,17 @@ function Feat_TokenExpired({
             className: "w-full h-12 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white font-semibold rounded-xl shadow-lg shadow-blue-500/25 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/30 hover:scale-[1.02]",
             size: "lg",
             children: [
-              /* @__PURE__ */ jsx204(LogIn, { className: "w-5 h-5 mr-2" }),
+              /* @__PURE__ */ jsx205(LogIn, { className: "w-5 h-5 mr-2" }),
               "\u0110\u0103ng nh\u1EADp l\u1EA1i"
             ]
           }
         ),
-        /* @__PURE__ */ jsx204("div", { className: "bg-gradient-to-r from-gray-50 to-blue-50 rounded-xl p-4 border border-gray-100", children: /* @__PURE__ */ jsxs116("div", { className: "text-center space-y-2", children: [
-          /* @__PURE__ */ jsx204("p", { className: "text-sm font-medium text-gray-700", children: "C\u1EA7n h\u1ED7 tr\u1EE3?" }),
+        /* @__PURE__ */ jsx205("div", { className: "bg-gradient-to-r from-gray-50 to-blue-50 rounded-xl p-4 border border-gray-100", children: /* @__PURE__ */ jsxs116("div", { className: "text-center space-y-2", children: [
+          /* @__PURE__ */ jsx205("p", { className: "text-sm font-medium text-gray-700", children: "C\u1EA7n h\u1ED7 tr\u1EE3?" }),
           /* @__PURE__ */ jsxs116("p", { className: "text-sm text-gray-600", children: [
             "Li\xEAn h\u1EC7",
             " ",
-            /* @__PURE__ */ jsx204(
+            /* @__PURE__ */ jsx205(
               "a",
               {
                 href: "/support",
@@ -16558,8 +16587,8 @@ function Feat_TokenExpired({
             "c\u1EE7a ch\xFAng t\xF4i"
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx204("div", { className: "text-center", children: /* @__PURE__ */ jsxs116("p", { className: "text-xs text-gray-500 flex items-center justify-center gap-1", children: [
-          /* @__PURE__ */ jsx204(Shield, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx205("div", { className: "text-center", children: /* @__PURE__ */ jsxs116("p", { className: "text-xs text-gray-500 flex items-center justify-center gap-1", children: [
+          /* @__PURE__ */ jsx205(Shield, { className: "w-3 h-3" }),
           "B\u1EA3o m\u1EADt t\xE0i kho\u1EA3n \u0111\u01B0\u1EE3c \u01B0u ti\xEAn h\xE0ng \u0111\u1EA7u"
         ] }) })
       ] })
@@ -16569,7 +16598,7 @@ function Feat_TokenExpired({
 
 // src/modules/User/components/AvatarMenu/User_AvatarMenu.tsx
 import { Avatar, Divider, Group as Group30, Menu, Text as Text21 } from "@mantine/core";
-import { useDisclosure as useDisclosure18 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure19 } from "@mantine/hooks";
 import { KeyRound } from "lucide-react";
 
 // src/modules/User/components/ForgotPassword/User_ForgotPasswordModal.tsx
@@ -16594,7 +16623,7 @@ function useForgotPassword() {
 }
 
 // src/modules/User/components/ForgotPassword/User_ForgotPasswordModal.tsx
-import { jsx as jsx205, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx206, jsxs as jsxs117 } from "react/jsx-runtime";
 var validationRules = {
   currentPassWord: (value) => !!value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng",
   newPassWord: (value) => !!value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng",
@@ -16622,34 +16651,34 @@ function User_ForgotPasswordModal({
       }
     );
   };
-  return /* @__PURE__ */ jsx205(
+  return /* @__PURE__ */ jsx206(
     Modal14,
     {
       title: "\u0110\u1ED5i m\u1EADt kh\u1EA9u",
       opened: disc[0],
       onClose: disc[1].close,
-      children: /* @__PURE__ */ jsx205("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs117(Stack11, { children: [
-        /* @__PURE__ */ jsx205(PasswordInput4, __spreadValues({ label: "M\u1EADt kh\u1EA9u hi\u1EC7n t\u1EA1i", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u hi\u1EC7n t\u1EA1i" }, form.getInputProps("currentPassWord"))),
-        /* @__PURE__ */ jsx205(PasswordInput4, __spreadValues({ label: "M\u1EADt kh\u1EA9u m\u1EDBi", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u m\u1EDBi" }, form.getInputProps("newPassWord"))),
-        /* @__PURE__ */ jsx205(PasswordInput4, __spreadValues({ label: "X\xE1c nh\u1EADn m\u1EADt kh\u1EA9u m\u1EDBi", placeholder: "Nh\u1EADp x\xE1c nh\u1EADn m\u1EADt kh\u1EA9u m\u1EDBi" }, form.getInputProps("confirmNewPassWord"))),
-        /* @__PURE__ */ jsx205(Button20, { loading, type: "submit", children: "\u0110\u1ED5i m\u1EADt kh\u1EA9u" })
+      children: /* @__PURE__ */ jsx206("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs117(Stack11, { children: [
+        /* @__PURE__ */ jsx206(PasswordInput4, __spreadValues({ label: "M\u1EADt kh\u1EA9u hi\u1EC7n t\u1EA1i", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u hi\u1EC7n t\u1EA1i" }, form.getInputProps("currentPassWord"))),
+        /* @__PURE__ */ jsx206(PasswordInput4, __spreadValues({ label: "M\u1EADt kh\u1EA9u m\u1EDBi", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u m\u1EDBi" }, form.getInputProps("newPassWord"))),
+        /* @__PURE__ */ jsx206(PasswordInput4, __spreadValues({ label: "X\xE1c nh\u1EADn m\u1EADt kh\u1EA9u m\u1EDBi", placeholder: "Nh\u1EADp x\xE1c nh\u1EADn m\u1EADt kh\u1EA9u m\u1EDBi" }, form.getInputProps("confirmNewPassWord"))),
+        /* @__PURE__ */ jsx206(Button20, { loading, type: "submit", children: "\u0110\u1ED5i m\u1EADt kh\u1EA9u" })
       ] }) })
     }
   );
 }
 
 // src/modules/User/components/AvatarMenu/User_AvatarMenu.tsx
-import { Fragment as Fragment27, jsx as jsx206, jsxs as jsxs118 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx207, jsxs as jsxs118 } from "react/jsx-runtime";
 function User_AvatarMenu() {
   var _a, _b;
-  const disc = useDisclosure18();
+  const disc = useDisclosure19();
   const authenticateStore = useStore_Authenticate();
   const fullName = authenticateStore.state.fullName || null;
   const code = authenticateStore.state.code || null;
   const avatarLabel = ((_a = fullName == null ? void 0 : fullName[0]) == null ? void 0 : _a.toUpperCase()) || ((_b = code == null ? void 0 : code[0]) == null ? void 0 : _b.toUpperCase()) || "U";
   return /* @__PURE__ */ jsxs118(Fragment27, { children: [
     /* @__PURE__ */ jsxs118(Menu, { shadow: "md", width: 240, position: "bottom-end", offset: 8, children: [
-      /* @__PURE__ */ jsx206(Menu.Target, { children: /* @__PURE__ */ jsx206(
+      /* @__PURE__ */ jsx207(Menu.Target, { children: /* @__PURE__ */ jsx207(
         Avatar,
         {
           radius: "xl",
@@ -16662,41 +16691,41 @@ function User_AvatarMenu() {
         }
       ) }),
       /* @__PURE__ */ jsxs118(Menu.Dropdown, { children: [
-        /* @__PURE__ */ jsx206(Menu.Label, { children: /* @__PURE__ */ jsxs118(Group30, { gap: "xs", children: [
-          /* @__PURE__ */ jsx206(Avatar, { size: "sm", radius: "xl", color: "green", children: avatarLabel }),
+        /* @__PURE__ */ jsx207(Menu.Label, { children: /* @__PURE__ */ jsxs118(Group30, { gap: "xs", children: [
+          /* @__PURE__ */ jsx207(Avatar, { size: "sm", radius: "xl", color: "green", children: avatarLabel }),
           /* @__PURE__ */ jsxs118("div", { children: [
-            /* @__PURE__ */ jsx206(Text21, { fw: 500, size: "sm", children: fullName }),
+            /* @__PURE__ */ jsx207(Text21, { fw: 500, size: "sm", children: fullName }),
             /* @__PURE__ */ jsxs118(Text21, { size: "sm", c: "dimmed", children: [
               "T\xE0i kho\u1EA3n: ",
               code
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx206(Divider, { my: "xs" }),
-        /* @__PURE__ */ jsx206(
+        /* @__PURE__ */ jsx207(Divider, { my: "xs" }),
+        /* @__PURE__ */ jsx207(
           Menu.Item,
           {
-            leftSection: /* @__PURE__ */ jsx206(KeyRound, { size: 16 }),
+            leftSection: /* @__PURE__ */ jsx207(KeyRound, { size: 16 }),
             onClick: disc[1].open,
             children: "\u0110\u1ED5i m\u1EADt kh\u1EA9u"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx206(User_ForgotPasswordModal, { disc })
+    /* @__PURE__ */ jsx207(User_ForgotPasswordModal, { disc })
   ] });
 }
 
 // src/modules/User/components/SessionUserInfo/User_SessionUserInfo.tsx
 import { Card as Card3 } from "@mantine/core";
-import { jsx as jsx207, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx208, jsxs as jsxs119 } from "react/jsx-runtime";
 function User_SessionUserInfo() {
   const authenticateStore = useStore_Authenticate();
   const fullName = authenticateStore.state.fullName || null;
   const code = authenticateStore.state.code || null;
   return /* @__PURE__ */ jsxs119(Card3, { bg: const_object_colors.mantineBackgroundTealLight, children: [
-    /* @__PURE__ */ jsx207(MyLabelValueRow, { size: "sm", label: "T\xE0i kho\u1EA3n", value: code }),
-    /* @__PURE__ */ jsx207(MyLabelValueRow, { size: "sm", label: "H\u1ECD v\xE0 t\xEAn", value: fullName })
+    /* @__PURE__ */ jsx208(MyLabelValueRow, { size: "sm", label: "T\xE0i kho\u1EA3n", value: code }),
+    /* @__PURE__ */ jsx208(MyLabelValueRow, { size: "sm", label: "H\u1ECD v\xE0 t\xEAn", value: fullName })
   ] });
 }
 
@@ -16819,7 +16848,7 @@ function extractLinkedMenuItems(menu) {
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
-import { jsx as jsx208, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx209, jsxs as jsxs120 } from "react/jsx-runtime";
 function base64ToFaviconUrl(base64, ext) {
   const byteCharacters = atob(base64.trim());
   const byteArray = new Uint8Array([...byteCharacters].map((c4) => c4.charCodeAt(0)));
@@ -16924,25 +16953,25 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
     }
   }, [pathname, allChildItems, filteredMenu, readablePageIds, pageContentQuery.data]);
   const canAccess = isDev || isAccessible || permissionStore.state.isSuperAdmin;
-  const renderHeader = () => /* @__PURE__ */ jsx208(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs120(Group31, { h: "100%", px: "md", justify: "space-between", children: [
+  const renderHeader = () => /* @__PURE__ */ jsx209(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs120(Group31, { h: "100%", px: "md", justify: "space-between", children: [
     /* @__PURE__ */ jsxs120(Group31, { h: "100%", children: [
-      /* @__PURE__ */ jsx208(Tooltip6, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx208(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx208(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx208(IconLayoutSidebarLeftCollapse, {}) }) }),
-      /* @__PURE__ */ jsx208(Tooltip6, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx208(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx208(IconLibraryMinus, {}) }) })
+      /* @__PURE__ */ jsx209(Tooltip6, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx209(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx209(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx209(IconLayoutSidebarLeftCollapse, {}) }) }),
+      /* @__PURE__ */ jsx209(Tooltip6, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx209(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx209(IconLibraryMinus, {}) }) })
     ] }),
-    /* @__PURE__ */ jsx208(Tooltip6, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx208(Group31, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx208(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
+    /* @__PURE__ */ jsx209(Tooltip6, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx209(Group31, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx209(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
     /* @__PURE__ */ jsxs120(Group31, { children: [
       extraTopRight,
-      /* @__PURE__ */ jsx208(CustomSwitchTheme, {}),
-      /* @__PURE__ */ jsx208(User_AvatarMenu, {})
+      /* @__PURE__ */ jsx209(CustomSwitchTheme, {}),
+      /* @__PURE__ */ jsx209(User_AvatarMenu, {})
     ] })
   ] }) : /* @__PURE__ */ jsxs120(Group31, { h: "100%", px: "md", justify: "space-between", children: [
-    /* @__PURE__ */ jsx208(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx208(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx208(IconLayoutSidebarLeftCollapse, {}) }),
-    /* @__PURE__ */ jsx208(
+    /* @__PURE__ */ jsx209(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx209(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx209(IconLayoutSidebarLeftCollapse, {}) }),
+    /* @__PURE__ */ jsx209(
       Tooltip6,
       {
         label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`,
         withArrow: true,
-        children: /* @__PURE__ */ jsx208(
+        children: /* @__PURE__ */ jsx209(
           Text22,
           {
             c: "green",
@@ -16965,8 +16994,8 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
     ),
     /* @__PURE__ */ jsxs120(Group31, { children: [
       extraTopRight,
-      /* @__PURE__ */ jsx208(CustomSwitchTheme, {}),
-      /* @__PURE__ */ jsx208(User_AvatarMenu, {})
+      /* @__PURE__ */ jsx209(CustomSwitchTheme, {}),
+      /* @__PURE__ */ jsx209(User_AvatarMenu, {})
     ] })
   ] }) });
   const renderNavbar = () => {
@@ -16975,15 +17004,15 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
       AppShell.Navbar,
       {
         children: [
-          /* @__PURE__ */ jsx208(MyAppSpotlight, { menu: filteredMenu }),
-          /* @__PURE__ */ jsx208(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, pr: 20, type: "auto", children: /* @__PURE__ */ jsx208(RenderNavLinks, { items: filteredMenu }) }),
+          /* @__PURE__ */ jsx209(MyAppSpotlight, { menu: filteredMenu }),
+          /* @__PURE__ */ jsx209(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, pr: 20, type: "auto", children: /* @__PURE__ */ jsx209(RenderNavLinks, { items: filteredMenu }) }),
           /* @__PURE__ */ jsxs120(AppShell.Section, { className: "rounded-tr-2xl shadow-[0_-4px_6px_rgba(0,0,0,0.1)]", style: {
             border: `1px solid ${colorScheme === "dark" ? "var(--mantine-color-dark-4)" : "var(--mantine-color-gray-3)"}`
           }, children: [
-            /* @__PURE__ */ jsx208(User_SessionUserInfo, {}),
-            /* @__PURE__ */ jsx208(Space9, { m: 4 }),
-            /* @__PURE__ */ jsx208(Feat_Authenticate_Logout, { redirectURL: logoutRedirect }),
-            /* @__PURE__ */ jsx208(Box7, { px: "md", children: /* @__PURE__ */ jsx208(
+            /* @__PURE__ */ jsx209(User_SessionUserInfo, {}),
+            /* @__PURE__ */ jsx209(Space9, { m: 4 }),
+            /* @__PURE__ */ jsx209(Feat_Authenticate_Logout, { redirectURL: logoutRedirect }),
+            /* @__PURE__ */ jsx209(Box7, { px: "md", children: /* @__PURE__ */ jsx209(
               Image4,
               {
                 fit: "contain",
@@ -16998,9 +17027,9 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
       }
     );
   };
-  const renderMain = () => /* @__PURE__ */ jsx208(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children: isLoadingPermission ? /* @__PURE__ */ jsx208("div", { style: { padding: "2rem", textAlign: "center" }, children: /* @__PURE__ */ jsx208(Text22, { fw: 600, size: "md", children: "\u0110ang t\u1EA3i quy\u1EC1n truy c\u1EADp..." }) }) : canAccess ? children : /* @__PURE__ */ jsxs120("div", { style: { padding: "2rem", textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx208("h1", { children: "404 - Kh\xF4ng t\xECm th\u1EA5y trang" }),
-    /* @__PURE__ */ jsx208("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." })
+  const renderMain = () => /* @__PURE__ */ jsx209(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children: isLoadingPermission ? /* @__PURE__ */ jsx209("div", { style: { padding: "2rem", textAlign: "center" }, children: /* @__PURE__ */ jsx209(Text22, { fw: 600, size: "md", children: "\u0110ang t\u1EA3i quy\u1EC1n truy c\u1EADp..." }) }) : canAccess ? children : /* @__PURE__ */ jsxs120("div", { style: { padding: "2rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx209("h1", { children: "404 - Kh\xF4ng t\xECm th\u1EA5y trang" }),
+    /* @__PURE__ */ jsx209("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." })
   ] }) });
   return /* @__PURE__ */ jsxs120(
     AppShell,
@@ -17026,10 +17055,10 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex11 } from "@mantine/core";
-import { jsx as jsx209 } from "react/jsx-runtime";
+import { jsx as jsx210 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx209(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx209(Flex11, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx210(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx210(Flex11, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
@@ -17049,7 +17078,7 @@ import {
   UnstyledButton,
   useMantineTheme
 } from "@mantine/core";
-import { useDisclosure as useDisclosure19 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure20 } from "@mantine/hooks";
 import {
   IconBook as IconBook2,
   IconChartPie3,
@@ -17073,7 +17102,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx210, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs121 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -17107,31 +17136,31 @@ var mockdata = [
   }
 ];
 function HeaderMegaMenu({ children, menus }) {
-  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure19(false);
-  const [linksOpened, { toggle: toggleLinks }] = useDisclosure19(false);
+  const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure20(false);
+  const [linksOpened, { toggle: toggleLinks }] = useDisclosure20(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx210(UnstyledButton, { className: classes.subLink, children: /* @__PURE__ */ jsxs121(Group32, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx210(ThemeIcon2, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx210(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx211(UnstyledButton, { className: classes.subLink, children: /* @__PURE__ */ jsxs121(Group32, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx211(ThemeIcon2, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx211(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
     /* @__PURE__ */ jsxs121("div", { children: [
-      /* @__PURE__ */ jsx210(Text23, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx210(Text23, { size: "xs", c: "dimmed", children: item.description })
+      /* @__PURE__ */ jsx211(Text23, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx211(Text23, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
   return /* @__PURE__ */ jsxs121(Box8, { children: [
-    /* @__PURE__ */ jsx210("header", { className: classes.header, children: /* @__PURE__ */ jsxs121(Group32, { justify: "space-between", h: "100%", children: [
+    /* @__PURE__ */ jsx211("header", { className: classes.header, children: /* @__PURE__ */ jsxs121(Group32, { justify: "space-between", h: "100%", children: [
       /* @__PURE__ */ jsxs121(Group32, { children: [
-        /* @__PURE__ */ jsx210(Image5, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx210(Group32, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx210(Button21, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+        /* @__PURE__ */ jsx211(Image5, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx211(Group32, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx211(Button21, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
       /* @__PURE__ */ jsxs121(Group32, { children: [
-        /* @__PURE__ */ jsx210(TextInput11, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx210(IconSearch6, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx210(CustomSwitchTheme, {})
+        /* @__PURE__ */ jsx211(TextInput11, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx211(IconSearch6, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx211(CustomSwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx210(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx211(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx210(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx210(
+    /* @__PURE__ */ jsx211(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx211(
       Drawer,
       {
         opened: drawerOpened,
@@ -17142,9 +17171,9 @@ function HeaderMegaMenu({ children, menus }) {
         hiddenFrom: "sm",
         zIndex: 1e6,
         children: /* @__PURE__ */ jsxs121(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx210(Divider2, { my: "sm" }),
-          /* @__PURE__ */ jsx210(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx210(Button21, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx210(Divider2, { my: "sm" })
+          /* @__PURE__ */ jsx211(Divider2, { my: "sm" }),
+          /* @__PURE__ */ jsx211(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx211(Button21, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx211(Divider2, { my: "sm" })
         ] })
       }
     )
@@ -17164,7 +17193,7 @@ var service_aq = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER11, ba
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
 import { Breadcrumbs, Center as Center13, Container as Container3, Divider as Divider3, Flex as Flex12, Group as Group33, Stack as Stack12, Text as Text24, Title as Title4, Tooltip as Tooltip7 } from "@mantine/core";
-import { useClipboard, useDisclosure as useDisclosure20 } from "@mantine/hooks";
+import { useClipboard, useDisclosure as useDisclosure21 } from "@mantine/hooks";
 import { notifications as notifications7 } from "@mantine/notifications";
 import { IconBrandParsinta } from "@tabler/icons-react";
 import { useEffect as useEffect39, useState as useState31 } from "react";
@@ -17192,14 +17221,14 @@ function getFinalLinkVieo(url) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { jsx as jsx211, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx212, jsxs as jsxs122 } from "react/jsx-runtime";
 function PageTitle({ title, status, note }) {
-  return /* @__PURE__ */ jsx211(Group33, { children: /* @__PURE__ */ jsxs122(MyFlexColumn, { gap: 0, children: [
+  return /* @__PURE__ */ jsx212(Group33, { children: /* @__PURE__ */ jsxs122(MyFlexColumn, { gap: 0, children: [
     /* @__PURE__ */ jsxs122(Group33, { align: "center", children: [
-      /* @__PURE__ */ jsx211(Title4, { order: 3, children: title }),
+      /* @__PURE__ */ jsx212(Title4, { order: 3, children: title }),
       status && getMenuStatusBadge(status)
     ] }),
-    /* @__PURE__ */ jsx211(Text24, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx212(Text24, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -17221,7 +17250,7 @@ function MyPageContent({
       enabled: basicAppShellStore.state.fileGuildePath != void 0
     }
   });
-  const videoDisc = useDisclosure20();
+  const videoDisc = useDisclosure21();
   const finalTitle = title || basicAppShellStore.state.title;
   useEffect39(() => {
     fileGuildDetailState[1](void 0);
@@ -17231,10 +17260,10 @@ function MyPageContent({
   return /* @__PURE__ */ jsxs122(Container3, { p: 0, fluid: true, children: [
     /* @__PURE__ */ jsxs122(Group33, { justify: "space-between", children: [
       /* @__PURE__ */ jsxs122(Group33, { children: [
-        /* @__PURE__ */ jsx211(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx212(MyButtonRouterBack, {}),
         /* @__PURE__ */ jsxs122(Stack12, { gap: 2, children: [
           /* @__PURE__ */ jsxs122(Flex12, { align: "center", gap: "10", children: [
-            /* @__PURE__ */ jsx211(
+            /* @__PURE__ */ jsx212(
               PageTitle,
               {
                 title: finalTitle,
@@ -17242,7 +17271,7 @@ function MyPageContent({
                 note: basicAppShellStore.state.note
               }
             ),
-            /* @__PURE__ */ jsx211(Tooltip7, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx211(
+            /* @__PURE__ */ jsx212(Tooltip7, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx212(
               MyButtonModal,
               {
                 isActionIcon: true,
@@ -17252,14 +17281,14 @@ function MyPageContent({
                   size: "80%"
                 },
                 actionIconProps: {
-                  children: /* @__PURE__ */ jsx211(IconBrandParsinta, {}),
+                  children: /* @__PURE__ */ jsx212(IconBrandParsinta, {}),
                   disabled: basicAppShellStore.state.videoLink == void 0 || basicAppShellStore.state.videoLink == "",
                   color: "red",
                   toolTipProps: {
                     label: "Xem video h\u01B0\u1EDBng d\u1EABn"
                   }
                 },
-                children: /* @__PURE__ */ jsx211(Center13, { h: "67vh", p: "md", children: getFinalLinkVieo(basicAppShellStore.state.videoLink || "") == "" ? "\u0110\u01B0\u1EDDng d\u1EABn video kh\xF4ng h\u1EE3p l\u1EC7" : /* @__PURE__ */ jsx211(
+                children: /* @__PURE__ */ jsx212(Center13, { h: "67vh", p: "md", children: getFinalLinkVieo(basicAppShellStore.state.videoLink || "") == "" ? "\u0110\u01B0\u1EDDng d\u1EABn video kh\xF4ng h\u1EE3p l\u1EC7" : /* @__PURE__ */ jsx212(
                   "iframe",
                   {
                     width: "90%",
@@ -17273,7 +17302,7 @@ function MyPageContent({
                 ) })
               }
             ) }),
-            /* @__PURE__ */ jsx211(
+            /* @__PURE__ */ jsx212(
               MyButtonViewFile,
               {
                 isActionIcon: true,
@@ -17291,73 +17320,73 @@ function MyPageContent({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx211(Text24, { children: basicAppShellStore.state.description })
+          /* @__PURE__ */ jsx212(Text24, { children: basicAppShellStore.state.description })
         ] }),
         leftTopBar
       ] }),
       /* @__PURE__ */ jsxs122(Group33, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx211(Breadcrumbs, { style: { cursor: "pointer" }, separatorMargin: "7", onClick: () => {
+        /* @__PURE__ */ jsx212(Breadcrumbs, { style: { cursor: "pointer" }, separatorMargin: "7", onClick: () => {
           var _a2;
           clipboard.copy((_a2 = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a2.join(" / "));
           notifications7.show({
             message: "Sao ch\xE9p \u0111\u01B0\u1EDDng d\u1EABn menu th\xE0nh c\xF4ng"
           });
-        }, children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx211(Text24, { fw: "600", c: "blue", children: item }, idx)) })
+        }, children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx212(Text24, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx211(Divider3, { my: "xs" }),
+    /* @__PURE__ */ jsx212(Divider3, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx211(Divider3, { my: "xs" })
+    /* @__PURE__ */ jsx212(Divider3, { my: "xs" })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space10, Tabs as Tabs4 } from "@mantine/core";
-import { jsx as jsx212, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx213, jsxs as jsxs123 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
   return /* @__PURE__ */ jsxs123(Tabs4, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx212(Tabs4.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx212(Tabs4.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx212(item.icon, { style: iconStyle }), children: item.label }, idx);
+    /* @__PURE__ */ jsx213(Tabs4.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx213(Tabs4.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx213(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx212(Space10, { my: "md" }),
+    /* @__PURE__ */ jsx213(Space10, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
 import { ActionIcon as ActionIcon12, Button as Button22, Fieldset as Fieldset3, Group as Group34, Modal as Modal15 } from "@mantine/core";
-import { useDisclosure as useDisclosure21 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure22 } from "@mantine/hooks";
 import { IconX as IconX4 } from "@tabler/icons-react";
-import { jsx as jsx213, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx214, jsxs as jsxs124 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
-  const disc = useDisclosure21(false);
+  const disc = useDisclosure22(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
   return /* @__PURE__ */ jsxs124(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx213(
+    /* @__PURE__ */ jsx214(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
           return /* @__PURE__ */ jsxs124(Group34, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx213(Button22, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx214(Button22, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx213(MyCenterFull, { children: /* @__PURE__ */ jsx213(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx213(IconX4, {}) }) });
+          return /* @__PURE__ */ jsx214(MyCenterFull, { children: /* @__PURE__ */ jsx214(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx214(IconX4, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx213(Modal15, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx213(
+    /* @__PURE__ */ jsx214(Modal15, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx214(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx213(Button22, { onClick: () => {
+          return /* @__PURE__ */ jsx214(Button22, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -17372,12 +17401,12 @@ function MyDataTableSelect(_a) {
 
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select8 } from "@mantine/core";
-import { useQuery as useQuery10 } from "@tanstack/react-query";
-import { jsx as jsx214 } from "react/jsx-runtime";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { jsx as jsx215 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
-  const query = useQuery10({
+  const query = useQuery11({
     queryKey: [apiGet],
     queryFn: async () => {
       return (await baseAxios_default.get(apiGet)).data;
@@ -17392,7 +17421,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx214(
+  return /* @__PURE__ */ jsx215(
     Select8,
     __spreadValues({
       label,
@@ -17407,7 +17436,7 @@ import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as Schedul
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
 import { useState as useState32 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx215 } from "react/jsx-runtime";
+import { jsx as jsx216 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -17432,7 +17461,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx215(
+  return /* @__PURE__ */ jsx216(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -17446,17 +17475,17 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton as Skeleton8 } from "@mantine/core";
-import { jsx as jsx216 } from "react/jsx-runtime";
+import { jsx as jsx217 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h5 = 500 }) {
-  return /* @__PURE__ */ jsx216(Skeleton8, { h: h5 });
+  return /* @__PURE__ */ jsx217(Skeleton8, { h: h5 });
 }
 
 // src/core/dataDisplay/CustomTableStagedChanges.tsx
-import { jsx as jsx217 } from "react/jsx-runtime";
+import { jsx as jsx218 } from "react/jsx-runtime";
 
 // src/core/dataDisplay/MyDataTableSelectOne.tsx
 import { useEffect as useEffect40, useMemo as useMemo33 } from "react";
-import { jsx as jsx218 } from "react/jsx-runtime";
+import { jsx as jsx219 } from "react/jsx-runtime";
 function MyDataTableSelectOne({
   columns,
   queryResult,
@@ -17468,7 +17497,7 @@ function MyDataTableSelectOne({
     if (!queryResult.data) return;
     setIdSelection(queryResult.data[0].id);
   }, [queryResult.data]);
-  return /* @__PURE__ */ jsx218(
+  return /* @__PURE__ */ jsx219(
     MyDataTable,
     {
       columns: columnsState,
@@ -17494,9 +17523,9 @@ function MyDataTableSelectOne({
 
 // src/core/dataDisplay/MyDataTableStagedChanges.tsx
 import { Group as Group35, Stack as Stack13 } from "@mantine/core";
-import { useDisclosure as useDisclosure22 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure23 } from "@mantine/hooks";
 import { useEffect as useEffect41, useState as useState33 } from "react";
-import { jsx as jsx219, jsxs as jsxs125 } from "react/jsx-runtime";
+import { jsx as jsx220, jsxs as jsxs125 } from "react/jsx-runtime";
 function MyDataTableStagedChanges(_a) {
   var _b = _a, {
     data,
@@ -17513,7 +17542,7 @@ function MyDataTableStagedChanges(_a) {
     "childrenDataTableProps",
     "readOnly"
   ]);
-  const disc = useDisclosure22();
+  const disc = useDisclosure23();
   const [currentIds, setCurrentIds] = useState33(initIds);
   const rowSelectionState = useState33({});
   const triggerChange = (nextIds) => {
@@ -17553,13 +17582,13 @@ function MyDataTableStagedChanges(_a) {
       rowSelectionState[1](initSelection);
     }
   }, [disc[0], data, currentIds]);
-  return /* @__PURE__ */ jsx219(
+  return /* @__PURE__ */ jsx220(
     MyDataTable,
     __spreadProps(__spreadValues({
       enableRowSelection: readOnly ? false : true,
       renderRowActions: ({ row }) => {
         if (readOnly) return;
-        return /* @__PURE__ */ jsx219(MyCenterFull, { children: /* @__PURE__ */ jsx219(
+        return /* @__PURE__ */ jsx220(MyCenterFull, { children: /* @__PURE__ */ jsx220(
           MyActionIcon,
           {
             actionType: "tempDelete",
@@ -17574,16 +17603,16 @@ function MyDataTableStagedChanges(_a) {
         var _a2;
         if (readOnly) return;
         return /* @__PURE__ */ jsxs125(Group35, { children: [
-          /* @__PURE__ */ jsx219(
+          /* @__PURE__ */ jsx220(
             MyButtonModal,
             {
               buttonProps: { actionType: "create", type: "button" },
               disclosure: disc,
               modalProps: { size: "70rem", title: "Th\xEAm \u0111\u1ED1i t\u01B0\u1EE3ng" },
-              children: /* @__PURE__ */ jsx219(
+              children: /* @__PURE__ */ jsx220(
                 MyDataTable,
                 __spreadValues({
-                  renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx219(Stack13, { children: /* @__PURE__ */ jsx219(MyButton, { actionType: "select", onClick: handleSelect }) }),
+                  renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx220(Stack13, { children: /* @__PURE__ */ jsx220(MyButton, { actionType: "select", onClick: handleSelect }) }),
                   enableRowSelection: true,
                   columns,
                   data,
@@ -17595,7 +17624,7 @@ function MyDataTableStagedChanges(_a) {
               )
             }
           ),
-          /* @__PURE__ */ jsx219(MyButton, { actionType: "delete", onClick: () => {
+          /* @__PURE__ */ jsx220(MyButton, { actionType: "delete", onClick: () => {
             handleDelete(table.getSelectedRowModel().rows.map((item) => item.original.id));
           } }),
           (_a2 = rest.renderTopToolbarCustomActions) == null ? void 0 : _a2.call(rest, { table })
@@ -17607,30 +17636,30 @@ function MyDataTableStagedChanges(_a) {
 
 // src/core/dataDisplay/MyFlexIconTitle.tsx
 import { Flex as Flex13, Text as Text25 } from "@mantine/core";
-import { jsx as jsx220, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx221, jsxs as jsxs126 } from "react/jsx-runtime";
 function MyFlexIconTitle(props) {
   return /* @__PURE__ */ jsxs126(Flex13, __spreadProps(__spreadValues({ direction: "row", align: "center", gap: "xs" }, props), { children: [
     props.icon,
-    /* @__PURE__ */ jsx220(Text25, __spreadProps(__spreadValues({ size: "lg", fw: 700 }, props.textProps), { children: props == null ? void 0 : props.children }))
+    /* @__PURE__ */ jsx221(Text25, __spreadProps(__spreadValues({ size: "lg", fw: 700 }, props.textProps), { children: props == null ? void 0 : props.children }))
   ] }));
 }
 
 // src/core/dataDisplay/MyInfoBox.tsx
 import { Group as Group36, Paper as Paper14, Stack as Stack14, Text as Text26 } from "@mantine/core";
-import { jsx as jsx221, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs127 } from "react/jsx-runtime";
 function MyInfoBox({ title, data, paperProps }) {
-  return /* @__PURE__ */ jsx221(Paper14, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs127(Stack14, { children: [
-    title && /* @__PURE__ */ jsx221(Text26, { fw: 600, size: "sm", children: title }),
+  return /* @__PURE__ */ jsx222(Paper14, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs127(Stack14, { children: [
+    title && /* @__PURE__ */ jsx222(Text26, { fw: 600, size: "sm", children: title }),
     data.map((item, index) => /* @__PURE__ */ jsxs127(Group36, { justify: "space-between", children: [
-      /* @__PURE__ */ jsx221(Text26, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
-      /* @__PURE__ */ jsx221(Text26, { size: "sm", fw: 500, children: item.value })
+      /* @__PURE__ */ jsx222(Text26, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
+      /* @__PURE__ */ jsx222(Text26, { size: "sm", fw: 500, children: item.value })
     ] }, index))
   ] }) }));
 }
 
 // src/core/dataDisplay/MyLabelValueRow.tsx
 import { Group as Group37, Text as Text27 } from "@mantine/core";
-import { jsx as jsx222, jsxs as jsxs128 } from "react/jsx-runtime";
+import { jsx as jsx223, jsxs as jsxs128 } from "react/jsx-runtime";
 function MyLabelValueRow({
   label,
   value,
@@ -17644,13 +17673,13 @@ function MyLabelValueRow({
       label,
       ":"
     ] })),
-    /* @__PURE__ */ jsx222(Text27, __spreadProps(__spreadValues({ size }, valueProps), { children: value }))
+    /* @__PURE__ */ jsx223(Text27, __spreadProps(__spreadValues({ size }, valueProps), { children: value }))
   ] }));
 }
 
 // src/core/dataDisplay/MyStatsCartd.tsx
 import { Box as Box9, Card as Card4, ThemeIcon as ThemeIcon3 } from "@mantine/core";
-import { jsx as jsx223, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx224, jsxs as jsxs129 } from "react/jsx-runtime";
 function MyStatsCard({
   title,
   value,
@@ -17660,21 +17689,21 @@ function MyStatsCard({
   themeIconProps
 }) {
   return /* @__PURE__ */ jsxs129(Card4, { children: [
-    /* @__PURE__ */ jsx223("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
-    /* @__PURE__ */ jsx223(Box9, { className: "p-6", children: /* @__PURE__ */ jsxs129("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx224("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
+    /* @__PURE__ */ jsx224(Box9, { className: "p-6", children: /* @__PURE__ */ jsxs129("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs129("div", { children: [
-        /* @__PURE__ */ jsx223("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
-        /* @__PURE__ */ jsx223("p", { className: "text-3xl font-bold", children: value }),
-        /* @__PURE__ */ jsx223("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
+        /* @__PURE__ */ jsx224("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
+        /* @__PURE__ */ jsx224("p", { className: "text-3xl font-bold", children: value }),
+        /* @__PURE__ */ jsx224("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsx223(ThemeIcon3, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
+      /* @__PURE__ */ jsx224(ThemeIcon3, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
     ] }) })
   ] });
 }
 
 // src/core/dataDisplay/CustomEnumBadge/CustomEnumBadge.tsx
 import { Badge as Badge6 } from "@mantine/core";
-import { Fragment as Fragment28, jsx as jsx224 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx225 } from "react/jsx-runtime";
 function CustomEnumBadge(_a) {
   var _b = _a, {
     value,
@@ -17690,26 +17719,26 @@ function CustomEnumBadge(_a) {
   if (value === void 0 || value === null) return null;
   const IconComponent = enumIcon ? enumIcon[value] : void 0;
   const label = enumLabel[value];
-  return label ? /* @__PURE__ */ jsx224(
+  return label ? /* @__PURE__ */ jsx225(
     Badge6,
     __spreadProps(__spreadValues({
       w: "100%",
-      leftSection: IconComponent ? /* @__PURE__ */ jsx224(IconComponent, {}) : void 0,
+      leftSection: IconComponent ? /* @__PURE__ */ jsx225(IconComponent, {}) : void 0,
       variant: "light",
       color: enumColor ? enumColor[value] : void 0,
       radius: "lg"
     }, rest), {
       children: enumLabel[value]
     })
-  ) : /* @__PURE__ */ jsx224(Fragment28, {});
+  ) : /* @__PURE__ */ jsx225(Fragment28, {});
 }
 
 // src/core/input/CustomAutocomplete.tsx
 import { Autocomplete } from "@mantine/core";
-import { jsx as jsx225 } from "react/jsx-runtime";
+import { jsx as jsx226 } from "react/jsx-runtime";
 function CustomAutocomplete(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx225(
+  return /* @__PURE__ */ jsx226(
     Autocomplete,
     __spreadValues({
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
@@ -17721,11 +17750,11 @@ function CustomAutocomplete(_a) {
 // src/core/input/CustomNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
 import { IconCurrencyDollar, IconNumbers as IconNumbers2 } from "@tabler/icons-react";
-import { jsx as jsx226 } from "react/jsx-runtime";
+import { jsx as jsx227 } from "react/jsx-runtime";
 function CustomNumberInput(_a) {
   var _b = _a, { min, max, label, inputType = "number" } = _b, rest = __objRest(_b, ["min", "max", "label", "inputType"]);
   const isCurrency = inputType === "currency";
-  return /* @__PURE__ */ jsx226(
+  return /* @__PURE__ */ jsx227(
     NumberInput2,
     __spreadValues({
       label,
@@ -17733,15 +17762,15 @@ function CustomNumberInput(_a) {
       thousandSeparator: isCurrency,
       max: isCurrency ? void 0 : max != null ? max : 100,
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
-      rightSection: isCurrency ? /* @__PURE__ */ jsx226(IconCurrencyDollar, {}) : /* @__PURE__ */ jsx226(IconNumbers2, {})
+      rightSection: isCurrency ? /* @__PURE__ */ jsx227(IconCurrencyDollar, {}) : /* @__PURE__ */ jsx227(IconNumbers2, {})
     }, rest)
   );
 }
 
 // src/core/input/CustomPhoneNumberInput.tsx
-import { jsx as jsx227 } from "react/jsx-runtime";
+import { jsx as jsx228 } from "react/jsx-runtime";
 function CustomPhoneNumberInput(props) {
-  return /* @__PURE__ */ jsx227(
+  return /* @__PURE__ */ jsx228(
     MyTextInput,
     __spreadProps(__spreadValues({}, props), {
       onKeyDown: (e4) => {
@@ -17765,7 +17794,7 @@ function CustomPhoneNumberInput(props) {
 
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge as Badge7, Group as Group38 } from "@mantine/core";
-import { jsx as jsx228 } from "react/jsx-runtime";
+import { jsx as jsx229 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -17773,7 +17802,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val].sort((a4, b4) => a4 - b4);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx228(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx228(Group38, { gap: "xs", children: days.map((d4) => /* @__PURE__ */ jsx228(
+  return /* @__PURE__ */ jsx229(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx229(Group38, { gap: "xs", children: days.map((d4) => /* @__PURE__ */ jsx229(
     Badge7,
     {
       variant: value.includes(d4.value) ? "filled" : "outline",
@@ -17790,10 +17819,10 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
 
 // src/core/input/MyFileInputPreview.tsx
 import { FileInput as FileInput16 } from "@mantine/core";
-import { jsx as jsx229 } from "react/jsx-runtime";
+import { jsx as jsx230 } from "react/jsx-runtime";
 function MyFileInputPreview(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx229(
+  return /* @__PURE__ */ jsx230(
     FileInput16,
     __spreadValues({
       label,
@@ -17813,7 +17842,7 @@ import Underline2 from "@tiptap/extension-underline";
 import { useEditor as useEditor2 } from "@tiptap/react";
 import StarterKit2 from "@tiptap/starter-kit";
 import { useEffect as useEffect42 } from "react";
-import { jsx as jsx230, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx231, jsxs as jsxs130 } from "react/jsx-runtime";
 function isEditorContentEmpty(html) {
   var _a;
   const tempDiv = document.createElement("div");
@@ -17848,44 +17877,44 @@ function MyRichTextEditor(props) {
       editor.commands.setContent(props.value || "", false);
     }
   }, [props.value, editor]);
-  return /* @__PURE__ */ jsx230(Input2.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs130(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
-    /* @__PURE__ */ jsx230(DisabledControl, { disabled: !(editor == null ? void 0 : editor.isEditable), children: /* @__PURE__ */ jsxs130(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
+  return /* @__PURE__ */ jsx231(Input2.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs130(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
+    /* @__PURE__ */ jsx231(DisabledControl, { disabled: !(editor == null ? void 0 : editor.isEditable), children: /* @__PURE__ */ jsxs130(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
       /* @__PURE__ */ jsxs130(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Code, {})
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Code, {})
       ] }),
       /* @__PURE__ */ jsxs130(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.H4, {})
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.H4, {})
       ] }),
       /* @__PURE__ */ jsxs130(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Superscript, {})
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Superscript, {})
       ] }),
       /* @__PURE__ */ jsxs130(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.Unlink, {})
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.Unlink, {})
       ] }),
       /* @__PURE__ */ jsxs130(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx230(MantineRichTextEditor.AlignRight, {})
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx231(MantineRichTextEditor.AlignRight, {})
       ] }),
       props.extraControlsGroup
     ] })) }),
-    /* @__PURE__ */ jsx230(
+    /* @__PURE__ */ jsx231(
       ScrollArea6.Autosize,
       __spreadProps(__spreadValues({
         onMouseDown: () => {
@@ -17898,19 +17927,19 @@ function MyRichTextEditor(props) {
           // đổi cursor
         }
       }, props.scrollAreaAutosizeProps), {
-        children: /* @__PURE__ */ jsx230(RichTextEditor2.Content, __spreadValues({ mih: "130" }, props.richTextEditorContentProps))
+        children: /* @__PURE__ */ jsx231(RichTextEditor2.Content, __spreadValues({ mih: "130" }, props.richTextEditorContentProps))
       })
     )
   ] })) }));
 }
 function DisabledControl({ children, disabled }) {
-  return /* @__PURE__ */ jsx230("div", { style: { pointerEvents: disabled ? "none" : "auto", opacity: disabled ? 0.5 : 1 }, children });
+  return /* @__PURE__ */ jsx231("div", { style: { pointerEvents: disabled ? "none" : "auto", opacity: disabled ? 0.5 : 1 }, children });
 }
 
 // src/core/input/MySelect.tsx
 import { Loader as Loader2, Select as Select9 } from "@mantine/core";
 import React3 from "react";
-import { jsx as jsx231 } from "react/jsx-runtime";
+import { jsx as jsx232 } from "react/jsx-runtime";
 function extractTextFromReactNode(node) {
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(extractTextFromReactNode).join(" ");
@@ -17928,7 +17957,7 @@ function MySelect2(_a) {
     const plainTextLabel = extractTextFromReactNode(label).toLowerCase().trim();
     placeholder = `Ch\u1ECDn ${plainTextLabel}`;
   }
-  return /* @__PURE__ */ jsx231(
+  return /* @__PURE__ */ jsx232(
     Select9,
     __spreadValues({
       allowDeselect: false,
@@ -17936,7 +17965,7 @@ function MySelect2(_a) {
       label,
       placeholder,
       error: isError ? true : void 0,
-      rightSection: isLoading ? /* @__PURE__ */ jsx231(Loader2, { size: "xs" }) : void 0,
+      rightSection: isLoading ? /* @__PURE__ */ jsx232(Loader2, { size: "xs" }) : void 0,
       disabled: isLoading || isError,
       styles: (theme) => ({
         input: rest.readOnly ? {
@@ -17952,7 +17981,7 @@ function MySelect2(_a) {
 
 // src/core/input/MySelectFromAPI.tsx
 import { useCallback, useEffect as useEffect43, useMemo as useMemo34, useRef as useRef4 } from "react";
-import { jsx as jsx232 } from "react/jsx-runtime";
+import { jsx as jsx233 } from "react/jsx-runtime";
 function MySelectFromAPI(_a) {
   var _b = _a, {
     queryKey,
@@ -18016,7 +18045,7 @@ function MySelectFromAPI(_a) {
       hasAutoSelected.current = true;
     }
   }, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
-  return /* @__PURE__ */ jsx232(
+  return /* @__PURE__ */ jsx233(
     MySelect2,
     __spreadValues({
       isLoading: query.isLoading,
@@ -18030,10 +18059,10 @@ function MySelectFromAPI(_a) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput as TextInput12 } from "@mantine/core";
-import { jsx as jsx233 } from "react/jsx-runtime";
+import { jsx as jsx234 } from "react/jsx-runtime";
 function MyTextInput2(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx233(
+  return /* @__PURE__ */ jsx234(
     TextInput12,
     __spreadValues({
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
@@ -18063,7 +18092,7 @@ import {
 } from "@mantine/core";
 import { IconPlus as IconPlus9, IconTrash as IconTrash8 } from "@tabler/icons-react";
 import { useState as useState34 } from "react";
-import { jsx as jsx234, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx235, jsxs as jsxs131 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -18094,8 +18123,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx234(Paper15, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs131(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx234(Center14, { children: /* @__PURE__ */ jsx234(
+  return /* @__PURE__ */ jsx235(Paper15, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs131(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx235(Center14, { children: /* @__PURE__ */ jsx235(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -18105,8 +18134,8 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx234(Divider4, { my: "xs" }),
-    /* @__PURE__ */ jsx234(Center14, { children: /* @__PURE__ */ jsx234(ScrollArea7.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx234(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx235(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx235(Center14, { children: /* @__PURE__ */ jsx235(ScrollArea7.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx235(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
       return /* @__PURE__ */ jsxs131(
         Paper15,
@@ -18116,18 +18145,18 @@ function MyWeeklySessionSchedulerPicker({
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
             /* @__PURE__ */ jsxs131(Group39, { gap: "apart", children: [
-              /* @__PURE__ */ jsx234(Text29, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx234(
+              /* @__PURE__ */ jsx235(Text29, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx235(
                 Button23,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx234(IconPlus9, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx235(IconPlus9, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx234(Divider4, { my: "sm" }),
+            /* @__PURE__ */ jsx235(Divider4, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v5) => v5 === item
@@ -18139,7 +18168,7 @@ function MyWeeklySessionSchedulerPicker({
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx234(
+                    /* @__PURE__ */ jsx235(
                       NumberInput3,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -18151,7 +18180,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx234(
+                    /* @__PURE__ */ jsx235(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -18163,7 +18192,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx234(
+                    /* @__PURE__ */ jsx235(
                       NumberInput3,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -18172,13 +18201,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx234(
+                    /* @__PURE__ */ jsx235(
                       Button23,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx234(IconTrash8, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx235(IconTrash8, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -18198,12 +18227,12 @@ function MyWeeklySessionSchedulerPicker({
 // src/core/layout/MyDroppablePlaceholder.tsx
 import { useDroppable } from "@dnd-kit/core";
 import { Card as Card5, Text as Text30 } from "@mantine/core";
-import { jsx as jsx235 } from "react/jsx-runtime";
+import { jsx as jsx236 } from "react/jsx-runtime";
 function DroppablePlaceholder({ id }) {
   const { setNodeRef } = useDroppable({
     id
   });
-  return /* @__PURE__ */ jsx235(
+  return /* @__PURE__ */ jsx236(
     Card5,
     {
       ref: setNodeRef,
@@ -18211,23 +18240,23 @@ function DroppablePlaceholder({ id }) {
       radius: "md",
       p: "sm",
       style: { opacity: 0.5, minHeight: 40 },
-      children: /* @__PURE__ */ jsx235(Text30, { size: "sm", c: "dimmed", ta: "center", children: "K\xE9o item v\xE0o \u0111\xE2y" })
+      children: /* @__PURE__ */ jsx236(Text30, { size: "sm", c: "dimmed", ta: "center", children: "K\xE9o item v\xE0o \u0111\xE2y" })
     }
   );
 }
 
 // src/core/layout/MyFlexEnd.tsx
 import { Group as Group40 } from "@mantine/core";
-import { jsx as jsx236 } from "react/jsx-runtime";
+import { jsx as jsx237 } from "react/jsx-runtime";
 function MyFlexEnd2(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx236(Group40, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx237(Group40, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
 }
 
 // src/core/navigation/CustomTabs/CustomTabs.tsx
 import { Paper as Paper16, Tabs as Tabs5, Text as Text31 } from "@mantine/core";
 import classes2 from "./Customtabs.module-RMUG5QY4.module.css";
-import { jsx as jsx237, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx238, jsxs as jsxs132 } from "react/jsx-runtime";
 var tabColors = [
   { color: "blue" },
   { color: "orange" },
@@ -18237,28 +18266,29 @@ var tabColors = [
 ];
 function CustomTabs(_a) {
   var _b = _a, { tabs } = _b, rest = __objRest(_b, ["tabs"]);
-  return /* @__PURE__ */ jsx237(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs132(Tabs5, __spreadProps(__spreadValues({ defaultValue: tabs[0].label, color: "lime", variant: "outline", classNames: classes2 }, rest), { children: [
-    /* @__PURE__ */ jsx237(Tabs5.List, { children: tabs.map((item, index) => {
+  return /* @__PURE__ */ jsx238(Paper16, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs132(Tabs5, __spreadProps(__spreadValues({ defaultValue: tabs[0].label, color: "lime", variant: "outline", classNames: classes2 }, rest), { children: [
+    /* @__PURE__ */ jsx238(Tabs5.List, { children: tabs.map((item, index) => {
       const colors = tabColors[index];
-      return /* @__PURE__ */ jsx237(
+      return /* @__PURE__ */ jsx238(
         Tabs5.Tab,
         __spreadProps(__spreadValues({
-          value: item.label
+          value: item.label,
+          ref: item.ref
         }, item), {
-          children: /* @__PURE__ */ jsx237(Text31, { fw: "bold", children: item.label })
+          children: /* @__PURE__ */ jsx238(Text31, { fw: "bold", children: item.label })
         }),
         item.label
       );
     }) }),
     tabs.map((item, index) => {
       const colors = tabColors[index];
-      return /* @__PURE__ */ jsx237(Tabs5.Panel, { p: "md", value: item.label, children: item.children }, index);
+      return /* @__PURE__ */ jsx238(Tabs5.Panel, { p: "md", value: item.label, children: item.children }, index);
     })
   ] })) });
 }
 
 // src/core/overlays/MyPrintContent.tsx
-import { jsx as jsx238, jsxs as jsxs133 } from "react/jsx-runtime";
+import { jsx as jsx239, jsxs as jsxs133 } from "react/jsx-runtime";
 function MyPrintContent({
   children,
   autoPadding = true,
@@ -18277,8 +18307,8 @@ function MyPrintContent({
     }
   };
   return /* @__PURE__ */ jsxs133("div", { children: [
-    /* @__PURE__ */ jsx238("style", { children: getPageSizeCSS() }),
-    /* @__PURE__ */ jsx238("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx238(
+    /* @__PURE__ */ jsx239("style", { children: getPageSizeCSS() }),
+    /* @__PURE__ */ jsx239("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx239(
       "div",
       {
         ref: printRef,
@@ -18294,7 +18324,7 @@ function MyPrintContent({
 
 // src/core/overlays/MyModalStackImport/Usecase/FileImportValidationDetailModal.tsx
 import { Modal as Modal16, Table as Table4, Text as Text32 } from "@mantine/core";
-import { jsx as jsx239, jsxs as jsxs134 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs134 } from "react/jsx-runtime";
 
 // src/core/overlays/MyModalStackImport/Usecase/FileImportValidationModal.tsx
 import {
@@ -18303,13 +18333,13 @@ import {
   Modal as Modal17,
   Table as Table5
 } from "@mantine/core";
-import { jsx as jsx240, jsxs as jsxs135 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs135 } from "react/jsx-runtime";
 
 // src/core/withAPI/CustomDataTableAPI.tsx
 import { Group as Group42 } from "@mantine/core";
 
 // src/core/withAPI/CustomDeleteListAPI.tsx
-import { jsx as jsx241 } from "react/jsx-runtime";
+import { jsx as jsx242 } from "react/jsx-runtime";
 function CustomButtonDeleteListAPI(_a) {
   var _b = _a, {
     deleteListFn,
@@ -18319,7 +18349,7 @@ function CustomButtonDeleteListAPI(_a) {
     "table"
   ]);
   const selectedRow = table.getSelectedRowModel().flatRows.flatMap((item) => item.original);
-  return /* @__PURE__ */ jsx241(
+  return /* @__PURE__ */ jsx242(
     MyButtonDeleteList,
     __spreadValues({
       count: selectedRow.length,
@@ -18330,7 +18360,7 @@ function CustomButtonDeleteListAPI(_a) {
 }
 
 // src/core/withAPI/CustomDataTableAPI.tsx
-import { jsx as jsx242, jsxs as jsxs136 } from "react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs136 } from "react/jsx-runtime";
 function CustomDataTableAPI(_a) {
   var _b = _a, {
     deleteFn,
@@ -18352,7 +18382,7 @@ function CustomDataTableAPI(_a) {
     "enableCreate",
     "enableUpdate"
   ]);
-  return /* @__PURE__ */ jsx242(
+  return /* @__PURE__ */ jsx243(
     MyDataTable,
     __spreadProps(__spreadValues({
       isError: query.isError,
@@ -18362,16 +18392,16 @@ function CustomDataTableAPI(_a) {
       renderTopToolbarCustomActions: (props) => {
         var _a2;
         return /* @__PURE__ */ jsxs136(Group42, { children: [
-          enableCreate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx242(MyButtonCreateUpdate, __spreadProps(__spreadValues({}, buttonCreateUpdateProps), { children: renderCreateUpdateContent ? renderCreateUpdateContent(false) : buttonCreateUpdateProps.children })),
+          enableCreate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx243(MyButtonCreateUpdate, __spreadProps(__spreadValues({}, buttonCreateUpdateProps), { children: renderCreateUpdateContent ? renderCreateUpdateContent(false) : buttonCreateUpdateProps.children })),
           (_a2 = rest.renderTopToolbarCustomActions) == null ? void 0 : _a2.call(rest, props),
-          deleteListFn && /* @__PURE__ */ jsx242(CustomButtonDeleteListAPI, { deleteListFn, table: props.table })
+          deleteListFn && /* @__PURE__ */ jsx243(CustomButtonDeleteListAPI, { deleteListFn, table: props.table })
         ] });
       },
       renderRowActions: (props) => {
         var _a2;
         return /* @__PURE__ */ jsxs136(MyCenterFull, { children: [
           (_a2 = rest.renderRowActions) == null ? void 0 : _a2.call(rest, props),
-          enableUpdate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx242(
+          enableUpdate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx243(
             MyButtonCreateUpdate,
             __spreadProps(__spreadValues({
               isUpdate: true,
@@ -18380,39 +18410,13 @@ function CustomDataTableAPI(_a) {
               children: renderCreateUpdateContent ? renderCreateUpdateContent(true) : buttonCreateUpdateProps.children
             })
           ),
-          deleteFn && /* @__PURE__ */ jsx242(MyActionIconDelete, { contextData: props.row.original.code, onSubmit: () => deleteFn(props.row.original.id) })
+          deleteFn && /* @__PURE__ */ jsx243(MyActionIconDelete, { contextData: props.row.original.code, onSubmit: () => deleteFn(props.row.original.id) })
         ] });
       }
     })
   );
 }
 
-// src/core/withAPI/MyButtonViewFileAPI.tsx
-import { useDisclosure as useDisclosure23 } from "@mantine/hooks";
-import { useQuery as useQuery11 } from "@tanstack/react-query";
-import { jsx as jsx243 } from "react/jsx-runtime";
-function MyButtonViewFileAPI({ filePath }) {
-  const disc = useDisclosure23();
-  const query = useQuery11({
-    queryKey: ["viewFile", filePath],
-    queryFn: async () => {
-      const res = await baseAxios_default.get("/AQ/GetFile?filePath=" + filePath);
-      return res.data.data;
-    },
-    enabled: filePath != void 0 && disc[0]
-  });
-  return /* @__PURE__ */ jsx243(
-    MyButtonViewFile,
-    {
-      file: query.data,
-      loading: query.isLoading,
-      disclosure: disc,
-      toolTipProps: { label: filePath ? void 0 : "Kh\xF4ng c\xF3 \u0111\u01B0\u1EDDng d\u1EABn file" },
-      buttonProps: { disabled: filePath == void 0 }
-    }
-  );
-}
-
 export {
   MyBoxesCore,
   Boxes,