aq-fe-framework 0.1.53 → 0.1.54

package/dist/{chunk-4WRQVG5N.mjs → chunk-G6EYKJHS.mjs}

@@ -3,15 +3,293 @@ import {
   useS_Sidebar
 } from "./chunk-AL73DX37.mjs";
 import {
+  U0DateToDDMMYYYString,
+  U0MyValidateEmail,
+  utils_converter_enumToSelectOptions,
+  utils_file_fileToAQDocumentType,
   utils_notification_show,
   utils_pdf_download
-} from "./chunk-CDDX46TC.mjs";
+} from "./chunk-LJHYZ5B5.mjs";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./chunk-FWCSY2DS.mjs";
 
+// src/components/Layouts/FlexColumn/MyFlexColumn.tsx
+import { Flex } from "@mantine/core";
+function MyFlexColumn(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(Flex, __spreadValues({ direction: "column", gap: "md" }, rest), children);
+}
+
+// src/modules-features/admin/core/core12196/F_core12196.tsx
+import { Accordion, Blockquote } from "@mantine/core";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+
+// src/api/baseAxios.ts
+import axios from "axios";
+var baseAxios = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API
+  //  server
+  // baseURL: process.env.NEXT_PUBLIC_API_LOCAL, // local debug
+});
+baseAxios.interceptors.request.use(
+  (config2) => {
+    var _a, _b;
+    const tokenData = localStorage.getItem("useS_Authenticate");
+    const state = JSON.parse(tokenData);
+    const token = (_b = (_a = state == null ? void 0 : state.state) == null ? void 0 : _a.state) == null ? void 0 : _b.token;
+    if (token) {
+      config2.headers.Authorization = `Bearer ${token}`;
+    }
+    return config2;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+var baseAxios_default = baseAxios;
+
+// src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
+import { ActionIcon, Button, Group, LoadingOverlay, Modal, Paper, Text, Tooltip } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconLivePhoto, IconMaximize, IconMinimize } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2016/07/85.signed.pdf" }) {
+  var _a, _b;
+  const disc = useDisclosure(false);
+  const fullScreen = useState(false);
+  const hSize = useState("80vh");
+  const query = useQuery({
+    queryKey: ["MyButtonViewPDF", id],
+    queryFn: async () => {
+      return (await baseAxios_default.get("/Document/Get?id=" + id)).data.data;
+    },
+    enabled: id != void 0 && disc[0] == true
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button, { color: "cyan", onClick: () => {
+    disc[1].open();
+  }, leftSection: /* @__PURE__ */ React.createElement(IconLivePhoto, null) }, label)), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      fullScreen: fullScreen[0],
+      opened: disc[0],
+      onClose: disc[1].close,
+      size: modalSize,
+      title: /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Text, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon,
+        {
+          onClick: () => {
+            fullScreen[1](false);
+            hSize[1]("80vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMinimize, null)
+      ) : /* @__PURE__ */ React.createElement(
+        ActionIcon,
+        {
+          onClick: () => {
+            fullScreen[1](true);
+            hSize[1]("90vh");
+          }
+        },
+        /* @__PURE__ */ React.createElement(IconMaximize, null)
+      ))
+    },
+    /* @__PURE__ */ React.createElement(Paper, { h: hSize[0], p: "lg", pos: "relative" }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }), query.data ? /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
+        width: "100%",
+        height: "100%"
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      "iframe",
+      {
+        src,
+        width: "100%",
+        height: "100%"
+      }
+    ))
+  ));
+}
+
+// src/components/CenterFull/MyCenterFull.tsx
+import { Center, Group as Group2 } from "@mantine/core";
+function MyCenterFull({ children }) {
+  return /* @__PURE__ */ React.createElement(Center, { w: "100%" }, /* @__PURE__ */ React.createElement(Group2, null, children));
+}
+
+// src/components/DataDisplay/DataTable/MyDataTable.tsx
+import { Button as Button2, Group as Group3 } from "@mantine/core";
+import { IconDownload } from "@tabler/icons-react";
+import { download, generateCsv, mkConfig } from "export-to-csv";
+import {
+  MantineReactTable,
+  useMantineReactTable
+} from "mantine-react-table";
+import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
+import { useEffect } from "react";
+function formatData(data, formats) {
+  return data.map((row) => {
+    const transformedRow = {};
+    Object.entries(row).forEach(([key, value]) => {
+      const formatFn = formats[key];
+      if (value instanceof Date) {
+        transformedRow[key] = formatFn ? formatFn(value.toISOString()) : value.toISOString();
+      } else if (value !== null && typeof value === "object") {
+        transformedRow[key] = formatFn ? formatFn(JSON.stringify(value)) : JSON.stringify(value);
+      } else {
+        transformedRow[key] = formatFn ? formatFn(value) : value;
+      }
+    });
+    return transformedRow;
+  });
+}
+function MyDataTable(_a) {
+  var _b = _a, { formats = {}, exportAble = false, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow } = _b, rest = __objRest(_b, ["formats", "exportAble", "csvConfigProps", "rowActionSize", "columns", "data", "renderTopToolbarCustomActions", "setSelectedRow"]);
+  const { renderRowActions } = __spreadValues({}, rest);
+  const csvConfig = mkConfig(__spreadValues({
+    fieldSeparator: ",",
+    decimalSeparator: ".",
+    useKeysAsHeaders: (csvConfigProps == null ? void 0 : csvConfigProps.columnHeaders) ? false : true
+  }, csvConfigProps));
+  const handleExport = (rows) => {
+    if (rows.length == 0) {
+      const transformedData = formatData(data, formats);
+      const csv2 = generateCsv(csvConfig)(transformedData);
+      download(csvConfig)(csv2);
+      return;
+    }
+    const rowData = rows.map((row) => row.original);
+    const transformedRows = formatData(rowData, formats);
+    const csv = generateCsv(csvConfig)(transformedRows);
+    download(csvConfig)(csv);
+  };
+  const table = useMantineReactTable(__spreadValues({
+    columns,
+    data,
+    renderTopToolbarCustomActions: ({ table: table2 }) => {
+      return /* @__PURE__ */ React.createElement(Group3, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }), exportAble && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        Button2,
+        {
+          color: "green.8",
+          onClick: () => handleExport(table2.getSelectedRowModel().rows),
+          leftSection: /* @__PURE__ */ React.createElement(IconDownload, null),
+          variant: "filled"
+        },
+        "Export"
+      )));
+    },
+    enableRowNumbers: true,
+    enableRowSelection: exportAble,
+    enableEditing: renderRowActions ? true : false,
+    positionActionsColumn: "last",
+    enableColumnResizing: true,
+    layoutMode: "semantic",
+    displayColumnDefOptions: {
+      "mrt-row-actions": {
+        header: "Thao t\xE1c",
+        size: rowActionSize
+      },
+      "mrt-row-numbers": {
+        Header: "STT",
+        size: 1
+      }
+    },
+    enableColumnPinning: true,
+    initialState: {
+      density: "md",
+      pagination: { pageIndex: 0, pageSize: 30 },
+      columnPinning: { right: ["mrt-row-actions"] },
+      columnVisibility: {
+        nguoiCapNhat: false,
+        ngayCapNhat: false
+      }
+    },
+    mantineTableHeadCellProps: {
+      style: {
+        verticalAlign: "middle",
+        paddingTop: "2px",
+        paddingBottom: "2px"
+      }
+    },
+    mantineTableBodyCellProps: {
+      style: {
+        paddingTop: "2px",
+        paddingBottom: "2px"
+      }
+    },
+    localization: MRT_Localization_VI
+  }, rest));
+  useEffect(() => {
+    setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
+  }, [table.getState().rowSelection]);
+  if (data == void 0) return;
+  return /* @__PURE__ */ React.createElement(MantineReactTable, { table });
+}
+
+// src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
+import { Button as Button3 } from "@mantine/core";
+import { IconArrowBack } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+function MyButtonRouterBack(_a) {
+  var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
+  const router = useRouter();
+  return /* @__PURE__ */ React.createElement(
+    Button3,
+    __spreadValues({
+      variant: "light",
+      leftSection: /* @__PURE__ */ React.createElement(IconArrowBack, { stroke: 2 }),
+      onClick: () => {
+        if (url) {
+          router.replace(url);
+          return;
+        }
+        router.back();
+      }
+    }, rest),
+    label ? label : "Tr\u1EDF v\u1EC1"
+  );
+}
+
+// src/components/Layouts/PageContent/MyPageContent.tsx
+import { Code, Container, Divider, Group as Group4, Indicator, Title } from "@mantine/core";
+var getStatusColor = (status) => {
+  switch (status) {
+    case "Prototype":
+      return "blue";
+    case "Beta":
+      return "orange";
+    default:
+      return "gray";
+  }
+};
+var PageTitle = ({ title: title3, status }) => {
+  const color = getStatusColor(status);
+  return /* @__PURE__ */ React.createElement(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6 }, /* @__PURE__ */ React.createElement(Title, null, title3));
+};
+function MyPageContent({ leftTopBar, title: title3, canBack = false, rightTopBar, status, children }) {
+  const SidebarStore = useS_Sidebar();
+  const finalTitle = title3 || SidebarStore.state.title;
+  return /* @__PURE__ */ React.createElement(Container, { p: 0, fluid: true }, /* @__PURE__ */ React.createElement(Group4, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Group4, null, canBack && /* @__PURE__ */ React.createElement(MyButtonRouterBack, null), /* @__PURE__ */ React.createElement(PageTitle, { title: finalTitle, status }), leftTopBar), /* @__PURE__ */ React.createElement(Group4, null, rightTopBar, /* @__PURE__ */ React.createElement(Code, { color: "var(--mantine-color-blue-light)" }, SidebarStore.state.menuCode))), /* @__PURE__ */ React.createElement(Divider, null), children);
+}
+
+// src/constants/object/documentTypes.ts
+var OBJECT_DOCUMENT_TYPES = {
+  Security: 30,
+  Refinement: 31,
+  Guideline: 32,
+  Regulations: 33,
+  Workflow: 34,
+  Form: 35
+};
+
+// src/modules-features/admin/core/core12196/F_core12196.tsx
+import { useMemo as useMemo3 } from "react";
+
 // src/lib/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -37,7 +315,7 @@ var MyBoxesCore = (_a) => {
     "--indigo-300",
     "--violet-300"
   ];
-  const getRandomColor = () => {
+  const getRandomColor3 = () => {
     return colors[Math.floor(Math.random() * colors.length)];
   };
   return /* @__PURE__ */ React2.createElement(
@@ -55,7 +333,7 @@ var MyBoxesCore = (_a) => {
       motion.div,
       {
         whileHover: {
-          backgroundColor: `var(${getRandomColor()})`,
+          backgroundColor: `var(${getRandomColor3()})`,
           transition: { duration: 0 }
         },
         animate: {
@@ -82,9 +360,9 @@ var MyBoxesCore = (_a) => {
 var Boxes = React2.memo(MyBoxesCore);
 
 // src/components/Loaders/MyCardioLoader.tsx
-import { useEffect } from "react";
+import { useEffect as useEffect2 } from "react";
 function MyCardioLoader() {
-  useEffect(() => {
+  useEffect2(() => {
     async function getLoader() {
       const { cardio } = await import("ldrs");
       cardio.register();
@@ -95,30 +373,30 @@ function MyCardioLoader() {
 }
 
 // src/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx
-import { Center, Space, Text } from "@mantine/core";
-function MyBoxesBackground({ title, desc = "\u0110\u01B0\u1EE3c ph\xE1t tri\u1EC3n b\u1EDFi c\xF4ng ty c\xF4ng ngh\u1EC7 Anh Qu\xE2n." }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" }), /* @__PURE__ */ React.createElement(MyBoxesCore, null), /* @__PURE__ */ React.createElement(Center, { className: "z-20" }, /* @__PURE__ */ React.createElement(MyCardioLoader, null)), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement(Center, null, /* @__PURE__ */ React.createElement(Text, { className: "z-20", fs: "italic", fw: "bold", c: "white" }, "\u0110ang t\u1EA3i...")), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement("h1", { className: cn("md:text-4xl text-xl text-white relative z-20") }, title), /* @__PURE__ */ React.createElement("p", { className: "text-center mt-2 text-neutral-300 relative z-20" }, desc));
+import { Center as Center2, Space, Text as Text2 } from "@mantine/core";
+function MyBoxesBackground({ title: title3, desc = "\u0110\u01B0\u1EE3c ph\xE1t tri\u1EC3n b\u1EDFi c\xF4ng ty c\xF4ng ngh\u1EC7 Anh Qu\xE2n." }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" }), /* @__PURE__ */ React.createElement(MyBoxesCore, null), /* @__PURE__ */ React.createElement(Center2, { className: "z-20" }, /* @__PURE__ */ React.createElement(MyCardioLoader, null)), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement(Center2, null, /* @__PURE__ */ React.createElement(Text2, { className: "z-20", fs: "italic", fw: "bold", c: "white" }, "\u0110ang t\u1EA3i...")), /* @__PURE__ */ React.createElement(Space, { my: 7 }), /* @__PURE__ */ React.createElement("h1", { className: cn("md:text-4xl text-xl text-white relative z-20") }, title3), /* @__PURE__ */ React.createElement("p", { className: "text-center mt-2 text-neutral-300 relative z-20" }, desc));
 }
 
 // src/components/ActionIcons/ActionIcon/MyActionIcon.tsx
-import { ActionIcon } from "@mantine/core";
+import { ActionIcon as ActionIcon2 } from "@mantine/core";
 import { IconDeviceFloppy, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
 function MyActionIcon(_a) {
   var _b = _a, { children, crudType = "delete" } = _b, rest = __objRest(_b, ["children", "crudType"]);
   if (crudType == "default") {
-    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "indigo" }, rest), children);
+    return /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "indigo" }, rest), children);
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "indigo" }, rest), /* @__PURE__ */ React.createElement(IconPlus, null));
+    return /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "indigo" }, rest), /* @__PURE__ */ React.createElement(IconPlus, null));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "red" }, rest), /* @__PURE__ */ React.createElement(IconTrash, null));
+    return /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "red" }, rest), /* @__PURE__ */ React.createElement(IconTrash, null));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "yellow" }, rest), /* @__PURE__ */ React.createElement(IconEdit, null));
+    return /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "yellow" }, rest), /* @__PURE__ */ React.createElement(IconEdit, null));
   }
   if (crudType == "save") {
-    return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ color: "green" }, rest), /* @__PURE__ */ React.createElement(IconDeviceFloppy, null));
+    return /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "green" }, rest), /* @__PURE__ */ React.createElement(IconDeviceFloppy, null));
   }
 }
 
@@ -129,31 +407,24 @@ function MyTextInput(_a) {
   return /* @__PURE__ */ React.createElement(TextInput, __spreadValues({ label, defaultValue, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
-// src/components/Layouts/FlexColumn/MyFlexColumn.tsx
-import { Flex } from "@mantine/core";
-function MyFlexColumn(_a) {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React.createElement(Flex, __spreadValues({ direction: "column", gap: "md" }, rest), children);
-}
-
 // src/components/ActionIcons/ActionIconCheck/MyActionIconCheck.tsx
-import { ActionIcon as ActionIcon2, Button, Checkbox, Modal, Switch, Text as Text2, Tooltip } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
+import { ActionIcon as ActionIcon3, Button as Button4, Checkbox, Modal as Modal2, Switch, Text as Text3, Tooltip as Tooltip2 } from "@mantine/core";
+import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
 import { IconChecklist } from "@tabler/icons-react";
-import { useState } from "react";
+import { useState as useState2 } from "react";
 function MyActionIconCheck(_a) {
   var _b = _a, { modalSize = "50%", comment = "" } = _b, rest = __objRest(_b, ["modalSize", "comment"]);
-  const disc = useDisclosure(false);
-  const fullScreen = useState(false);
-  const hSize = useState("50vh");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon2, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconChecklist, { size: 24, color: "blue" }))), /* @__PURE__ */ React.createElement(
-    Modal,
+  const disc = useDisclosure2(false);
+  const fullScreen = useState2(false);
+  const hSize = useState2("50vh");
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip2, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconChecklist, { size: 24, color: "blue" }))), /* @__PURE__ */ React.createElement(
+    Modal2,
     {
       fullScreen: fullScreen[0],
       opened: disc[0],
       onClose: disc[1].close,
       size: modalSize,
-      title: /* @__PURE__ */ React.createElement(Text2, null, "Ki\u1EC3m tra h\u1ED3 s\u01A1 \u0111\xE3 \u0111\u0103ng k\xFD")
+      title: /* @__PURE__ */ React.createElement(Text3, null, "Ki\u1EC3m tra h\u1ED3 s\u01A1 \u0111\xE3 \u0111\u0103ng k\xFD")
     },
     /* @__PURE__ */ React.createElement(
       Switch,
@@ -162,58 +433,58 @@ function MyActionIconCheck(_a) {
         label: "\u0110\u1EA1t y\xEAu c\u1EA7u"
       }
     ),
-    /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(MyTextInput, { label: "Nh\u1EADn x\xE9t" }), /* @__PURE__ */ React.createElement(Checkbox, { label: "G\u1EEDi mail th\xF4ng b\xE1o" }), /* @__PURE__ */ React.createElement(Button, null, "C\u1EADp nh\u1EADp"))
+    /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(MyTextInput, { label: "Nh\u1EADn x\xE9t" }), /* @__PURE__ */ React.createElement(Checkbox, { label: "G\u1EEDi mail th\xF4ng b\xE1o" }), /* @__PURE__ */ React.createElement(Button4, null, "C\u1EADp nh\u1EADp"))
   ));
 }
 
 // src/components/Buttons/Button/MyButton.tsx
-import { Button as Button2 } from "@mantine/core";
+import { Button as Button5 } from "@mantine/core";
 import { IconDeviceFloppy as IconDeviceFloppy2, IconEdit as IconEdit2, IconFileExport, IconFileImport, IconPlus as IconPlus2, IconPrinter, IconTrash as IconTrash2, IconX } from "@tabler/icons-react";
 function MyButton(_a) {
   var _b = _a, { children, crudType = "delete" } = _b, rest = __objRest(_b, ["children", "crudType"]);
   if (crudType == "default") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "indigo" }, rest), children);
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "indigo" }, rest), children);
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "indigo", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), children ? children : "L\u01B0u");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "indigo", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), children ? children : "L\u01B0u");
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "green", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), children ? children : "Th\xEAm danh s\xE1ch");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "green", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconPlus2, null) }, rest), children ? children : "Th\xEAm danh s\xE1ch");
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash2, null) }, rest), children ? children : "X\xE1c nh\u1EADn x\xF3a");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash2, null) }, rest), children ? children : "X\xE1c nh\u1EADn x\xF3a");
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "yellow", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconEdit2, null) }, rest), children ? children : "Ch\u1EC9nh s\u1EEDa");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "yellow", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconEdit2, null) }, rest), children ? children : "Ch\u1EC9nh s\u1EEDa");
   }
   if (crudType == "save") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "blue", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconDeviceFloppy2, null) }, rest), children ? children : "L\u01B0u");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "blue", type: "submit", leftSection: /* @__PURE__ */ React.createElement(IconDeviceFloppy2, null) }, rest), children ? children : "L\u01B0u");
   }
   if (crudType == "import") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileImport, null) }, rest), children ? children : "Import");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileImport, null) }, rest), children ? children : "Import");
   }
   if (crudType == "print") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "orange.7", leftSection: /* @__PURE__ */ React.createElement(IconPrinter, null) }, rest), children ? children : "In");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "orange.7", leftSection: /* @__PURE__ */ React.createElement(IconPrinter, null) }, rest), children ? children : "In");
   }
   if (crudType == "export") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileExport, null) }, rest), children ? children : "In");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "green.8", leftSection: /* @__PURE__ */ React.createElement(IconFileExport, null) }, rest), children ? children : "In");
   }
   if (crudType == "cancel") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({ color: "gray", leftSection: /* @__PURE__ */ React.createElement(IconX, null) }, rest), children ? children : "H\u1EE7y thao t\xE1c");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({ color: "gray", leftSection: /* @__PURE__ */ React.createElement(IconX, null) }, rest), children ? children : "H\u1EE7y thao t\xE1c");
   }
   if (crudType == "select") {
-    return /* @__PURE__ */ React.createElement(Button2, __spreadValues({}, rest), children ? children : "Ch\u1ECDn");
+    return /* @__PURE__ */ React.createElement(Button5, __spreadValues({}, rest), children ? children : "Ch\u1ECDn");
   }
 }
 
 // src/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx
-import { Group, Highlight } from "@mantine/core";
-import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
+import { Group as Group5, Highlight } from "@mantine/core";
+import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 
 // src/components/ActionIcons/ActionIconModal/MyActionIconModal.tsx
-import { ActionIcon as ActionIcon3, Modal as Modal2 } from "@mantine/core";
+import { ActionIcon as ActionIcon4, Modal as Modal3 } from "@mantine/core";
 import { IconEdit as IconEdit3, IconPlus as IconPlus3, IconTrash as IconTrash3 } from "@tabler/icons-react";
 function MyActionIconModal(_a) {
   var _b = _a, {
@@ -221,7 +492,7 @@ function MyActionIconModal(_a) {
     crudType = "default",
     disclosure,
     modalSize,
-    title,
+    title: title3,
     children,
     icon
   } = _b, rest = __objRest(_b, [
@@ -234,12 +505,12 @@ function MyActionIconModal(_a) {
     "icon"
   ]);
   if (crudType == "default") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), icon), /* @__PURE__ */ React.createElement(
-      Modal2,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), icon), /* @__PURE__ */ React.createElement(
+      Modal3,
       {
         fullScreen,
         size: modalSize,
-        title,
+        title: title3,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -247,12 +518,12 @@ function MyActionIconModal(_a) {
     ));
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconPlus3, null)), /* @__PURE__ */ React.createElement(
-      Modal2,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconPlus3, null)), /* @__PURE__ */ React.createElement(
+      Modal3,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : "T\u1EA1o d\u1EEF li\u1EC7u m\u1EDBi",
+        title: title3 ? title3 : "T\u1EA1o d\u1EEF li\u1EC7u m\u1EDBi",
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -260,12 +531,12 @@ function MyActionIconModal(_a) {
     ));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconEdit3, null)), /* @__PURE__ */ React.createElement(
-      Modal2,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconEdit3, null)), /* @__PURE__ */ React.createElement(
+      Modal3,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : "S\u1EEDa d\u1EEF li\u1EC7u",
+        title: title3 ? title3 : "S\u1EEDa d\u1EEF li\u1EC7u",
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -273,12 +544,12 @@ function MyActionIconModal(_a) {
     ));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
-      Modal2,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
+      Modal3,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : "X\xF3a d\u1EEF li\u1EC7u",
+        title: title3 ? title3 : "X\xF3a d\u1EEF li\u1EC7u",
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -286,12 +557,12 @@ function MyActionIconModal(_a) {
     ));
   }
   if (crudType == "check") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
-      Modal2,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionIcon4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green" }, rest), icon ? icon : /* @__PURE__ */ React.createElement(IconTrash3, null)), /* @__PURE__ */ React.createElement(
+      Modal3,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : "Ki\u1EC3m tra",
+        title: title3 ? title3 : "Ki\u1EC3m tra",
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -314,8 +585,8 @@ function MyActionIconDelete(_a) {
     "contextData"
   ]);
   const queryClient = useQueryClient();
-  const disc = useDisclosure2();
-  const loadingState = useState2();
+  const disc = useDisclosure3();
+  const loadingState = useState3();
   const mutation = useMutation({
     mutationFn: async () => await onSubmit(),
     onSuccess: () => {
@@ -357,7 +628,7 @@ function MyActionIconDelete(_a) {
       },
       `B\u1EA1n s\u1EAFp x\xF3a d\u1EEF li\u1EC7u ${contextData || ""}. H\xE0nh \u0111\u1ED9ng n\xE0y kh\xF4ng th\u1EC3 ho\xE0n t\xE1c. B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn mu\u1ED1n ti\u1EBFp t\u1EE5c?`
     ),
-    /* @__PURE__ */ React.createElement(Group, { grow: true }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Group5, { grow: true }, /* @__PURE__ */ React.createElement(
       MyButton,
       {
         crudType: "delete",
@@ -375,7 +646,7 @@ function MyActionIconDelete(_a) {
 }
 
 // src/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate.tsx
-import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
 import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 function MyActionIconUpdate(_a) {
   var _b = _a, {
@@ -391,7 +662,7 @@ function MyActionIconUpdate(_a) {
     "onError",
     "children"
   ]);
-  const disc = useDisclosure3();
+  const disc = useDisclosure4();
   const queryClient = useQueryClient2();
   const mutation = useMutation2({
     mutationFn: async (values) => {
@@ -415,14 +686,14 @@ function MyActionIconUpdate(_a) {
 }
 
 // src/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx
-import { ActionIcon as ActionIcon4, Tooltip as Tooltip2 } from "@mantine/core";
-import { IconDownload } from "@tabler/icons-react";
+import { ActionIcon as ActionIcon5, Tooltip as Tooltip3 } from "@mantine/core";
+import { IconDownload as IconDownload2 } from "@tabler/icons-react";
 function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }) {
-  return /* @__PURE__ */ React.createElement(Tooltip2, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng" }, /* @__PURE__ */ React.createElement(ActionIcon4, { onClick: async () => await utils_pdf_download(pdfLink), color: "red" }, /* @__PURE__ */ React.createElement(IconDownload, null)));
+  return /* @__PURE__ */ React.createElement(Tooltip3, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng" }, /* @__PURE__ */ React.createElement(ActionIcon5, { onClick: async () => await utils_pdf_download(pdfLink), color: "red" }, /* @__PURE__ */ React.createElement(IconDownload2, null)));
 }
 
 // src/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx
-import { ActionIcon as ActionIcon5 } from "@mantine/core";
+import { ActionIcon as ActionIcon6 } from "@mantine/core";
 import { Dropzone, MIME_TYPES } from "@mantine/dropzone";
 import { IconCloudUpload } from "@tabler/icons-react";
 import { useRef } from "react";
@@ -437,53 +708,53 @@ function MyActionIconUpload() {
       radius: "md",
       accept: [MIME_TYPES.pdf]
     },
-    /* @__PURE__ */ React.createElement(ActionIcon5, null, /* @__PURE__ */ React.createElement(IconCloudUpload, null))
+    /* @__PURE__ */ React.createElement(ActionIcon6, null, /* @__PURE__ */ React.createElement(IconCloudUpload, null))
   );
 }
 
 // src/components/ActionIcons/ActionIconViewPdf/MyActionIconViewPDF.tsx
-import { ActionIcon as ActionIcon6, Group as Group2, Modal as Modal3, Paper, Text as Text3, Tooltip as Tooltip3 } from "@mantine/core";
-import { useDisclosure as useDisclosure4 } from "@mantine/hooks";
-import { IconLivePhoto, IconMaximize, IconMinimize } from "@tabler/icons-react";
-import { useState as useState3 } from "react";
+import { ActionIcon as ActionIcon7, Group as Group6, Modal as Modal4, Paper as Paper2, Text as Text4, Tooltip as Tooltip4 } from "@mantine/core";
+import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
+import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
+import { useState as useState4 } from "react";
 function MyActionIconViewPDF(_a) {
   var _b = _a, { modalSize = "80%", pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" } = _b, rest = __objRest(_b, ["modalSize", "pdfLink"]);
-  const disc = useDisclosure4(false);
-  const fullScreen = useState3(false);
-  const hSize = useState3("80vh");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip3, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon6, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconLivePhoto, null))), /* @__PURE__ */ React.createElement(
-    Modal3,
+  const disc = useDisclosure5(false);
+  const fullScreen = useState4(false);
+  const hSize = useState4("80vh");
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(ActionIcon7, __spreadValues({ color: "cyan", onClick: disc[1].open }, rest), /* @__PURE__ */ React.createElement(IconLivePhoto2, null))), /* @__PURE__ */ React.createElement(
+    Modal4,
     {
       fullScreen: fullScreen[0],
       opened: disc[0],
       onClose: disc[1].close,
       size: modalSize,
-      title: /* @__PURE__ */ React.createElement(Group2, null, /* @__PURE__ */ React.createElement(Text3, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
-        ActionIcon6,
+      title: /* @__PURE__ */ React.createElement(Group6, null, /* @__PURE__ */ React.createElement(Text4, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon7,
         {
           onClick: () => {
             fullScreen[1](false);
             hSize[1]("80vh");
           }
         },
-        /* @__PURE__ */ React.createElement(IconMinimize, null)
+        /* @__PURE__ */ React.createElement(IconMinimize2, null)
       ) : /* @__PURE__ */ React.createElement(
-        ActionIcon6,
+        ActionIcon7,
         {
           onClick: () => {
             fullScreen[1](true);
             hSize[1]("90vh");
           }
         },
-        /* @__PURE__ */ React.createElement(IconMaximize, null)
+        /* @__PURE__ */ React.createElement(IconMaximize2, null)
       ))
     },
-    /* @__PURE__ */ React.createElement(Paper, { h: hSize[0], p: "lg" }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
+    /* @__PURE__ */ React.createElement(Paper2, { h: hSize[0], p: "lg" }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
   ));
 }
 
 // src/components/ActionIcons/SwitchTheme/MySwitchTheme.tsx
-import { ActionIcon as ActionIcon7, useComputedColorScheme, useMantineColorScheme } from "@mantine/core";
+import { ActionIcon as ActionIcon8, useComputedColorScheme, useMantineColorScheme } from "@mantine/core";
 import { IconMoon, IconSun } from "@tabler/icons-react";
 import cx from "clsx";
 
@@ -495,7 +766,7 @@ function MySwitchTheme() {
   const { setColorScheme } = useMantineColorScheme();
   const computedColorScheme = useComputedColorScheme("light", { getInitialValueInEffect: true });
   return /* @__PURE__ */ React.createElement(
-    ActionIcon7,
+    ActionIcon8,
     {
       onClick: () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
       variant: "default",
@@ -511,8 +782,8 @@ function MySwitchTheme() {
 // src/components/AppSpotlight/MyAppSpotlight.tsx
 import { Spotlight, spotlight } from "@mantine/spotlight";
 import { IconSearch } from "@tabler/icons-react";
-import { usePathname, useRouter } from "next/navigation";
-import { useMemo, useState as useState4 } from "react";
+import { usePathname, useRouter as useRouter2 } from "next/navigation";
+import { useMemo, useState as useState5 } from "react";
 function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarStore, pathName) {
   let actions = [];
   items.forEach((item) => {
@@ -539,8 +810,8 @@ function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarSt
   return actions;
 }
 function MyAppSpotlight({ menu }) {
-  const [query, setQuery] = useState4("");
-  const router = useRouter();
+  const [query, setQuery] = useState5("");
+  const router = useRouter2();
   const pathName = usePathname();
   const sideBarStore = useS_Sidebar();
   const spotlightActions = useMemo(
@@ -586,54 +857,54 @@ function SpotlightTrigger() {
 }
 
 // src/components/Buttons/Anchor/MyAnchorViewPDF.tsx
-import { ActionIcon as ActionIcon8, Anchor, Group as Group3, Modal as Modal4, Paper as Paper2, Text as Text4 } from "@mantine/core";
-import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
-import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
-import { useState as useState5 } from "react";
+import { ActionIcon as ActionIcon9, Anchor, Group as Group7, Modal as Modal5, Paper as Paper3, Text as Text5 } from "@mantine/core";
+import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
+import { IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
+import { useState as useState6 } from "react";
 function MyAnchorViewPDF({ label, pdfLink }) {
-  const disc = useDisclosure5(false);
-  const fullScreen = useState5(false);
-  const hSize = useState5("80vh");
+  const disc = useDisclosure6(false);
+  const fullScreen = useState6(false);
+  const hSize = useState6("80vh");
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Anchor, { onClick: disc[1].open }, label), /* @__PURE__ */ React.createElement(
-    Modal4,
+    Modal5,
     {
       fullScreen: fullScreen[0],
       opened: disc[0],
       onClose: disc[1].close,
       size: "80%",
-      title: /* @__PURE__ */ React.createElement(Group3, null, /* @__PURE__ */ React.createElement(Text4, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
-        ActionIcon8,
+      title: /* @__PURE__ */ React.createElement(Group7, null, /* @__PURE__ */ React.createElement(Text5, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
+        ActionIcon9,
         {
           onClick: () => {
             fullScreen[1](false);
             hSize[1]("80vh");
           }
         },
-        /* @__PURE__ */ React.createElement(IconMinimize2, null)
+        /* @__PURE__ */ React.createElement(IconMinimize3, null)
       ) : /* @__PURE__ */ React.createElement(
-        ActionIcon8,
+        ActionIcon9,
         {
           onClick: () => {
             fullScreen[1](true);
             hSize[1]("90vh");
           }
         },
-        /* @__PURE__ */ React.createElement(IconMaximize2, null)
+        /* @__PURE__ */ React.createElement(IconMaximize3, null)
       ))
     },
-    /* @__PURE__ */ React.createElement(Paper2, { h: hSize[0] }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
+    /* @__PURE__ */ React.createElement(Paper3, { h: hSize[0] }, /* @__PURE__ */ React.createElement("iframe", { src: pdfLink, width: "100%", height: "100%" }))
   ));
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
 import { FileInput } from "@mantine/core";
-import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 import { IconFileTypeXls } from "@tabler/icons-react";
 import { useMutation as useMutation3, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import * as XLSX from "xlsx";
 
 // src/components/Buttons/ButtonModal/MyButtonModal.tsx
-import { Button as Button3, Modal as Modal5 } from "@mantine/core";
+import { Button as Button6, Modal as Modal6 } from "@mantine/core";
 import { IconEdit as IconEdit4, IconPlus as IconPlus4, IconTrash as IconTrash4 } from "@tabler/icons-react";
 function MyButtonModal(_a) {
   var _b = _a, {
@@ -641,7 +912,7 @@ function MyButtonModal(_a) {
     crudType = "default",
     disclosure,
     modalSize,
-    title,
+    title: title3,
     label,
     children,
     objectName = ""
@@ -657,12 +928,12 @@ function MyButtonModal(_a) {
   ]);
   const objectNameLower = objectName == null ? void 0 : objectName.toLowerCase();
   if (crudType == "default") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), label), /* @__PURE__ */ React.createElement(
-      Modal5,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), label), /* @__PURE__ */ React.createElement(
+      Modal6,
       {
         fullScreen,
         size: modalSize,
-        title,
+        title: title3,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -670,12 +941,12 @@ function MyButtonModal(_a) {
     ));
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Th\xEAm`), /* @__PURE__ */ React.createElement(
-      Modal5,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Th\xEAm`), /* @__PURE__ */ React.createElement(
+      Modal6,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : `T\u1EA1o ${objectNameLower} m\u1EDBi`,
+        title: title3 ? title3 : `T\u1EA1o ${objectNameLower} m\u1EDBi`,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -683,12 +954,12 @@ function MyButtonModal(_a) {
     ));
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Import ${objectNameLower}`), /* @__PURE__ */ React.createElement(
-      Modal5,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ React.createElement(IconPlus4, null) }, rest), label ? label : `Import ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal6,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : `Th\xEAm danh s\xE1ch ${objectNameLower}`,
+        title: title3 ? title3 : `Th\xEAm danh s\xE1ch ${objectNameLower}`,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -696,12 +967,12 @@ function MyButtonModal(_a) {
     ));
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ React.createElement(IconEdit4, null) }, rest), label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`), /* @__PURE__ */ React.createElement(
-      Modal5,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ React.createElement(IconEdit4, null) }, rest), label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal6,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`,
+        title: title3 ? title3 : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -709,12 +980,12 @@ function MyButtonModal(_a) {
     ));
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button3, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash4, null) }, rest), label ? label : `X\xF3a ${objectNameLower}`), /* @__PURE__ */ React.createElement(
-      Modal5,
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ React.createElement(IconTrash4, null) }, rest), label ? label : `X\xF3a ${objectNameLower}`), /* @__PURE__ */ React.createElement(
+      Modal6,
       {
         fullScreen,
         size: modalSize,
-        title: title ? title : `X\xF3a ${objectNameLower}`,
+        title: title3 ? title3 : `X\xF3a ${objectNameLower}`,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close
       },
@@ -739,7 +1010,7 @@ function AQButtonCreateByImportFile(_a) {
     // children,
     "setImportedData"
   ]);
-  const disc = useDisclosure6();
+  const disc = useDisclosure7();
   const queryClient = useQueryClient3();
   const mutation = useMutation3({
     mutationFn: async () => {
@@ -788,8 +1059,8 @@ function AQButtonCreateByImportFile(_a) {
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonExportData.tsx
-import { Button as Button4 } from "@mantine/core";
-import { IconDownload as IconDownload2 } from "@tabler/icons-react";
+import { Button as Button7 } from "@mantine/core";
+import { IconDownload as IconDownload3 } from "@tabler/icons-react";
 import * as XLSX2 from "xlsx";
 function AQButtonExportData({
   isAllData,
@@ -817,7 +1088,7 @@ function AQButtonExportData({
     XLSX2.writeFile(workbook, `${objectName}.xlsx`);
   };
   return /* @__PURE__ */ React.createElement(
-    Button4,
+    Button7,
     {
       disabled: data.length === 0,
       variant: "filled",
@@ -826,14 +1097,14 @@ function AQButtonExportData({
         event.preventDefault();
         handleExport();
       },
-      leftSection: /* @__PURE__ */ React.createElement(IconDownload2, null)
+      leftSection: /* @__PURE__ */ React.createElement(IconDownload3, null)
     },
     "Export"
   );
 }
 
 // src/components/Buttons/ButtonCRUD/MyButtonCreate.tsx
-import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
 import { useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 function MyButtonCreate(_a) {
   var _b = _a, {
@@ -855,7 +1126,7 @@ function MyButtonCreate(_a) {
     "children",
     "disclosure"
   ]);
-  const defaultDisclosure = useDisclosure7();
+  const defaultDisclosure = useDisclosure8();
   const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
   const queryClient = useQueryClient4();
   const mutation = useMutation4({
@@ -883,7 +1154,7 @@ function MyButtonCreate(_a) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Button as Button8, Modal as Modal8, useModalsStack as useModalsStack3 } from "@mantine/core";
+import { Button as Button10, Modal as Modal9, useModalsStack as useModalsStack3 } from "@mantine/core";
 import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
@@ -894,18 +1165,18 @@ function MySelect(_a) {
 }
 
 // src/components/Layouts/FlexEnd/MyFlexEnd.tsx
-import { Group as Group4 } from "@mantine/core";
+import { Group as Group8 } from "@mantine/core";
 function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React.createElement(Group4, __spreadValues({ justify: "end", mt: "md" }, rest), children);
+  return /* @__PURE__ */ React.createElement(Group8, __spreadValues({ justify: "end", mt: "md" }, rest), children);
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { Button as Button5, Divider, Fieldset, Group as Group5, Modal as Modal6, SimpleGrid, Space as Space2, Table } from "@mantine/core";
+import { Button as Button8, Divider as Divider2, Fieldset, Group as Group9, Modal as Modal7, SimpleGrid, Space as Space2, Table } from "@mantine/core";
 import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRoundedX } from "@tabler/icons-react";
 
 // src/components/Buttons/ButtonImport/useS_ButtonImport.ts
-import { useEffect as useEffect2, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
 import * as XLSX3 from "xlsx";
 var useStore = createGenericStore({
   initialState: {
@@ -970,7 +1241,7 @@ function useS_ButtonImport() {
       });
       store.setProperty("fieldConfig", updatedFieldConfig);
     } else {
-      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title) => title === fieldKey)) || fieldKey;
+      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title3) => title3 === fieldKey)) || fieldKey;
       const updatedFieldConfig = [
         ...store.state.fieldConfig,
         {
@@ -997,7 +1268,7 @@ function useS_ButtonImport() {
       });
       store.setProperty("fieldConfig", updatedFieldConfig);
     } else {
-      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title) => title === fieldKey)) || fieldKey;
+      const fieldName = ((_a = store.state.title) == null ? void 0 : _a.find((title3) => title3 === fieldKey)) || fieldKey;
       const updatedFieldConfig = [
         ...store.state.fieldConfig,
         {
@@ -1018,7 +1289,7 @@ function useS_ButtonImport() {
       }))) || []
     ];
   }, [store.state.title]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (store.state.file == null) {
       store.resetState();
     }
@@ -1039,7 +1310,7 @@ function useS_ButtonImport() {
     };
     reader.readAsArrayBuffer(store.state.file);
   }, [store.state.file]);
-  useEffect2(() => {
+  useEffect3(() => {
     var _a;
     if (((_a = store.state.data) == null ? void 0 : _a.length) == 0) return;
     autoMap();
@@ -1058,7 +1329,7 @@ function useS_ButtonImport() {
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ React.createElement(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import" }), /* @__PURE__ */ React.createElement(SimpleGrid, { cols: { base: 1, lg: 2 } }, /* @__PURE__ */ React.createElement(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin" }, /* @__PURE__ */ React.createElement(Table, { stickyHeader: true, stickyHeaderOffset: 60 }, /* @__PURE__ */ React.createElement(Table.Thead, { bg: "cyan" }, /* @__PURE__ */ React.createElement(Table.Tr, null, /* @__PURE__ */ React.createElement(Table.Th, null, "M\xE3 field"), /* @__PURE__ */ React.createElement(Table.Th, null, "T\xEAn field"))), /* @__PURE__ */ React.createElement(Table.Tbody, null, (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Modal7, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import" }), /* @__PURE__ */ React.createElement(SimpleGrid, { cols: { base: 1, lg: 2 } }, /* @__PURE__ */ React.createElement(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin" }, /* @__PURE__ */ React.createElement(Table, { stickyHeader: true, stickyHeaderOffset: 60 }, /* @__PURE__ */ React.createElement(Table.Thead, { bg: "cyan" }, /* @__PURE__ */ React.createElement(Table.Tr, null, /* @__PURE__ */ React.createElement(Table.Th, null, "M\xE3 field"), /* @__PURE__ */ React.createElement(Table.Th, null, "T\xEAn field"))), /* @__PURE__ */ React.createElement(Table.Tbody, null, (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ React.createElement(
     Table.Tr,
     {
       key: idx,
@@ -1066,8 +1337,8 @@ function SelectFieldModal({ stack, onImport }) {
     },
     /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true) }, item.fieldKey.toString()),
     /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true) }, item.fieldName)
-  )))), /* @__PURE__ */ React.createElement(Space2, null), /* @__PURE__ */ React.createElement(Group5, null, /* @__PURE__ */ React.createElement(
-    Button5,
+  )))), /* @__PURE__ */ React.createElement(Space2, null), /* @__PURE__ */ React.createElement(Group9, null, /* @__PURE__ */ React.createElement(
+    Button8,
     {
       onClick: () => {
         store.changeAllSelected(true);
@@ -1085,7 +1356,7 @@ function SelectFieldModal({ stack, onImport }) {
     /* @__PURE__ */ React.createElement(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false) }, item.fieldName),
     /* @__PURE__ */ React.createElement(Table.Td, null, /* @__PURE__ */ React.createElement(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }))
   )))), /* @__PURE__ */ React.createElement(Space2, null), /* @__PURE__ */ React.createElement(
-    Button5,
+    Button8,
     {
       onClick: () => {
         store.changeAllSelected(false);
@@ -1093,8 +1364,8 @@ function SelectFieldModal({ stack, onImport }) {
       leftSection: /* @__PURE__ */ React.createElement(IconArrowBigLeft, null)
     },
     "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
-  ))), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(MyFlexEnd, null, /* @__PURE__ */ React.createElement(
-    Button5,
+  ))), /* @__PURE__ */ React.createElement(Divider2, null), /* @__PURE__ */ React.createElement(MyFlexEnd, null, /* @__PURE__ */ React.createElement(
+    Button8,
     {
       leftSection: /* @__PURE__ */ React.createElement(IconArrowBackUp, null),
       onClick: () => stack.close("select-field-page"),
@@ -1102,7 +1373,7 @@ function SelectFieldModal({ stack, onImport }) {
     },
     "Quay l\u1EA1i"
   ), /* @__PURE__ */ React.createElement(
-    Button5,
+    Button8,
     {
       color: "blue.8",
       leftSection: /* @__PURE__ */ React.createElement(IconArrowBigRight, null),
@@ -1110,7 +1381,7 @@ function SelectFieldModal({ stack, onImport }) {
     },
     "Ti\u1EBFp t\u1EE5c / Import"
   ), /* @__PURE__ */ React.createElement(
-    Button5,
+    Button8,
     {
       leftSection: /* @__PURE__ */ React.createElement(IconSquareRoundedX, null),
       onClick: () => stack.closeAll(),
@@ -1120,123 +1391,14 @@ function SelectFieldModal({ stack, onImport }) {
   )));
 }
 
-// src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Button as Button6, Group as Group6 } from "@mantine/core";
-import { IconDownload as IconDownload3 } from "@tabler/icons-react";
-import { download, generateCsv, mkConfig } from "export-to-csv";
-import {
-  MantineReactTable,
-  useMantineReactTable
-} from "mantine-react-table";
-import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
-import { useEffect as useEffect3 } from "react";
-function formatData(data, formats) {
-  return data.map((row) => {
-    const transformedRow = {};
-    Object.entries(row).forEach(([key, value]) => {
-      const formatFn = formats[key];
-      if (value instanceof Date) {
-        transformedRow[key] = formatFn ? formatFn(value.toISOString()) : value.toISOString();
-      } else if (value !== null && typeof value === "object") {
-        transformedRow[key] = formatFn ? formatFn(JSON.stringify(value)) : JSON.stringify(value);
-      } else {
-        transformedRow[key] = formatFn ? formatFn(value) : value;
-      }
-    });
-    return transformedRow;
-  });
-}
-function MyDataTable(_a) {
-  var _b = _a, { formats = {}, exportAble = false, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow } = _b, rest = __objRest(_b, ["formats", "exportAble", "csvConfigProps", "rowActionSize", "columns", "data", "renderTopToolbarCustomActions", "setSelectedRow"]);
-  const { renderRowActions } = __spreadValues({}, rest);
-  const csvConfig = mkConfig(__spreadValues({
-    fieldSeparator: ",",
-    decimalSeparator: ".",
-    useKeysAsHeaders: (csvConfigProps == null ? void 0 : csvConfigProps.columnHeaders) ? false : true
-  }, csvConfigProps));
-  const handleExport = (rows) => {
-    if (rows.length == 0) {
-      const transformedData = formatData(data, formats);
-      const csv2 = generateCsv(csvConfig)(transformedData);
-      download(csvConfig)(csv2);
-      return;
-    }
-    const rowData = rows.map((row) => row.original);
-    const transformedRows = formatData(rowData, formats);
-    const csv = generateCsv(csvConfig)(transformedRows);
-    download(csvConfig)(csv);
-  };
-  const table = useMantineReactTable(__spreadValues({
-    columns,
-    data,
-    renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ React.createElement(Group6, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }), exportAble && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Button6,
-        {
-          color: "green.8",
-          onClick: () => handleExport(table2.getSelectedRowModel().rows),
-          leftSection: /* @__PURE__ */ React.createElement(IconDownload3, null),
-          variant: "filled"
-        },
-        "Export"
-      )));
-    },
-    enableRowNumbers: true,
-    enableRowSelection: exportAble,
-    enableEditing: renderRowActions ? true : false,
-    positionActionsColumn: "last",
-    enableColumnResizing: true,
-    layoutMode: "semantic",
-    displayColumnDefOptions: {
-      "mrt-row-actions": {
-        header: "Thao t\xE1c",
-        size: rowActionSize
-      },
-      "mrt-row-numbers": {
-        Header: "STT",
-        size: 1
-      }
-    },
-    enableColumnPinning: true,
-    initialState: {
-      density: "md",
-      pagination: { pageIndex: 0, pageSize: 30 },
-      columnPinning: { right: ["mrt-row-actions"] },
-      columnVisibility: {
-        nguoiCapNhat: false,
-        ngayCapNhat: false
-      }
-    },
-    mantineTableHeadCellProps: {
-      style: {
-        verticalAlign: "middle",
-        paddingTop: "2px",
-        paddingBottom: "2px"
-      }
-    },
-    mantineTableBodyCellProps: {
-      style: {
-        paddingTop: "2px",
-        paddingBottom: "2px"
-      }
-    },
-    localization: MRT_Localization_VI
-  }, rest));
-  useEffect3(() => {
-    setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
-  }, [table.getState().rowSelection]);
-  if (data == void 0) return;
-  return /* @__PURE__ */ React.createElement(MantineReactTable, { table });
-}
-
 // src/components/Buttons/ButtonImport/SelectFileModal.tsx
-import { Button as Button7, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal7, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
+import { Button as Button9, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal8, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
   return /* @__PURE__ */ React.createElement(
-    Modal7,
+    Modal8,
     __spreadValues({
       title: "Import",
       fullScreen: true
@@ -1290,14 +1452,14 @@ function SelectFileModal({ onExportStructure, stack }) {
       }
     )),
     /* @__PURE__ */ React.createElement(MyFlexEnd, null, /* @__PURE__ */ React.createElement(
-      Button7,
+      Button9,
       {
         color: "teal.8",
         onClick: onExportStructure
       },
       "Xu\u1EA5t file c\u1EA5u tr\xFAc"
     ), /* @__PURE__ */ React.createElement(
-      Button7,
+      Button9,
       {
         disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
         color: "blue.8",
@@ -1306,7 +1468,7 @@ function SelectFileModal({ onExportStructure, stack }) {
       },
       "Ti\u1EBFp t\u1EE5c"
     ), /* @__PURE__ */ React.createElement(
-      Button7,
+      Button9,
       {
         color: "red.6",
         leftSection: /* @__PURE__ */ React.createElement(IconSquareRoundedX2, null),
@@ -1324,12 +1486,12 @@ function MyButtonImport({
 }) {
   const stack = useModalsStack3(["select-file-page", "select-field-page", "implement-page"]);
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ React.createElement(IconFileImport2, null), title: "Import" }, "Import"), /* @__PURE__ */ React.createElement(Modal8.Stack, null, /* @__PURE__ */ React.createElement(SelectFileModal, { stack, onExportStructure }), /* @__PURE__ */ React.createElement(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button10, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ React.createElement(IconFileImport2, null), title: "Import" }, "Import"), /* @__PURE__ */ React.createElement(Modal9.Stack, null, /* @__PURE__ */ React.createElement(SelectFileModal, { stack, onExportStructure }), /* @__PURE__ */ React.createElement(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })));
 }
 
 // src/components/Buttons/ButtonModal/AQSelectTableByOpenModal.tsx
-import { Button as Button9, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
-import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
+import { Button as Button11, Fieldset as Fieldset3, Modal as Modal10 } from "@mantine/core";
+import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1337,7 +1499,7 @@ function AQSelectTableByOpenModal(_a) {
     columns,
     API,
     modalSize,
-    title,
+    title: title3,
     label,
     listLabel,
     objectName,
@@ -1356,19 +1518,19 @@ function AQSelectTableByOpenModal(_a) {
     "fullScreen",
     "closeAfterSelect"
   ]);
-  const disclosure = useDisclosure8(false);
+  const disclosure = useDisclosure9(false);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Button9,
+    Button11,
     __spreadValues({
       onClick: disclosure[1].open
     }, rest),
     label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
   ), /* @__PURE__ */ React.createElement(
-    Modal9,
+    Modal10,
     {
       fullScreen,
       size: modalSize,
-      title,
+      title: title3,
       opened: disclosure == null ? void 0 : disclosure[0],
       onClose: disclosure[1].close
     },
@@ -1376,7 +1538,7 @@ function AQSelectTableByOpenModal(_a) {
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ React.createElement(Button9, { onClick: () => {
+          return /* @__PURE__ */ React.createElement(Button11, { onClick: () => {
             setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
             closeAfterSelect && disclosure[1].close();
           } }, "Ch\u1ECDn");
@@ -1391,7 +1553,7 @@ function AQSelectTableByOpenModal(_a) {
 
 // src/components/Buttons/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { useRef as useRef2 } from "react";
-import { Button as Button10 } from "@mantine/core";
+import { Button as Button12 } from "@mantine/core";
 import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useReactToPrint } from "react-to-print";
 function MyButtonPrintPDF(_a) {
@@ -1408,7 +1570,7 @@ function MyButtonPrintPDF(_a) {
     handlePrint();
   }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: { display: "none" } }, /* @__PURE__ */ React.createElement("div", { ref: printRef }, contentToPrint)), /* @__PURE__ */ React.createElement(
-    Button10,
+    Button12,
     __spreadValues({
       color: "orange",
       onClick: handleClick,
@@ -1540,173 +1702,60 @@ function MyButtonPrintTablePDF({
   );
 }
 
-// src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
-import { Button as Button11 } from "@mantine/core";
-import { IconArrowBack } from "@tabler/icons-react";
-import { useRouter as useRouter2 } from "next/navigation";
-function MyButtonRouterBack(_a) {
-  var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
-  const router = useRouter2();
-  return /* @__PURE__ */ React.createElement(
-    Button11,
-    __spreadValues({
-      variant: "light",
-      leftSection: /* @__PURE__ */ React.createElement(IconArrowBack, { stroke: 2 }),
-      onClick: () => {
-        if (url) {
-          router.replace(url);
-          return;
-        }
-        router.back();
-      }
-    }, rest),
-    label ? label : "Tr\u1EDF v\u1EC1"
-  );
+// node_modules/preact/dist/preact.mjs
+var n;
+var l;
+var t;
+var u;
+var i;
+var r;
+var o;
+var e;
+var f;
+var c;
+var s;
+var a;
+var h;
+var p = {};
+var v = [];
+var y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+var d = Array.isArray;
+function w(n3, l4) {
+  for (var t4 in l4) n3[t4] = l4[t4];
+  return n3;
 }
-
-// src/api/baseAxios.ts
-import axios from "axios";
-var baseAxios = axios.create({
-  baseURL: process.env.NEXT_PUBLIC_API
-  //  server
-  // baseURL: process.env.NEXT_PUBLIC_API_LOCAL, // local debug
-});
-baseAxios.interceptors.request.use(
-  (config2) => {
-    var _a, _b;
-    const tokenData = localStorage.getItem("useS_Authenticate");
-    const state = JSON.parse(tokenData);
-    const token = (_b = (_a = state == null ? void 0 : state.state) == null ? void 0 : _a.state) == null ? void 0 : _b.token;
-    if (token) {
-      config2.headers.Authorization = `Bearer ${token}`;
+function g(n3) {
+  n3 && n3.parentNode && n3.parentNode.removeChild(n3);
+}
+function _(l4, t4, u5) {
+  var i5, r4, o4, e4 = {};
+  for (o4 in t4) "key" == o4 ? i5 = t4[o4] : "ref" == o4 ? r4 = t4[o4] : e4[o4] = t4[o4];
+  if (arguments.length > 2 && (e4.children = arguments.length > 3 ? n.call(arguments, 2) : u5), "function" == typeof l4 && null != l4.defaultProps) for (o4 in l4.defaultProps) void 0 === e4[o4] && (e4[o4] = l4.defaultProps[o4]);
+  return m(l4, e4, i5, r4, null);
+}
+function m(n3, u5, i5, r4, o4) {
+  var e4 = { type: n3, props: u5, key: i5, ref: r4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o4 ? ++t : o4, __i: -1, __u: 0 };
+  return null == o4 && null != l.vnode && l.vnode(e4), e4;
+}
+function k(n3) {
+  return n3.children;
+}
+function x(n3, l4) {
+  this.props = n3, this.context = l4;
+}
+function S(n3, l4) {
+  if (null == l4) return n3.__ ? S(n3.__, n3.__i + 1) : null;
+  for (var t4; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) return t4.__e;
+  return "function" == typeof n3.type ? S(n3) : null;
+}
+function C(n3) {
+  var l4, t4;
+  if (null != (n3 = n3.__) && null != n3.__c) {
+    for (n3.__e = n3.__c.base = null, l4 = 0; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) {
+      n3.__e = n3.__c.base = t4.__e;
+      break;
     }
-    return config2;
-  },
-  (error) => {
-    return Promise.reject(error);
-  }
-);
-var baseAxios_default = baseAxios;
-
-// src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
-import { ActionIcon as ActionIcon9, Button as Button12, Group as Group7, LoadingOverlay, Modal as Modal10, Paper as Paper3, Text as Text5, Tooltip as Tooltip4 } from "@mantine/core";
-import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
-import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useState as useState6 } from "react";
-function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2016/07/85.signed.pdf" }) {
-  var _a, _b;
-  const disc = useDisclosure9(false);
-  const fullScreen = useState6(false);
-  const hSize = useState6("80vh");
-  const query = useQuery({
-    queryKey: ["MyButtonViewPDF", id],
-    queryFn: async () => {
-      return (await baseAxios_default.get("/Document/Get?id=" + id)).data.data;
-    },
-    enabled: id != void 0 && disc[0] == true
-  });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button12, { color: "cyan", onClick: () => {
-    disc[1].open();
-  }, leftSection: /* @__PURE__ */ React.createElement(IconLivePhoto2, null) }, label)), /* @__PURE__ */ React.createElement(
-    Modal10,
-    {
-      fullScreen: fullScreen[0],
-      opened: disc[0],
-      onClose: disc[1].close,
-      size: modalSize,
-      title: /* @__PURE__ */ React.createElement(Group7, null, /* @__PURE__ */ React.createElement(Text5, null, "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp"), fullScreen[0] ? /* @__PURE__ */ React.createElement(
-        ActionIcon9,
-        {
-          onClick: () => {
-            fullScreen[1](false);
-            hSize[1]("80vh");
-          }
-        },
-        /* @__PURE__ */ React.createElement(IconMinimize3, null)
-      ) : /* @__PURE__ */ React.createElement(
-        ActionIcon9,
-        {
-          onClick: () => {
-            fullScreen[1](true);
-            hSize[1]("90vh");
-          }
-        },
-        /* @__PURE__ */ React.createElement(IconMaximize3, null)
-      ))
-    },
-    /* @__PURE__ */ React.createElement(Paper3, { h: hSize[0], p: "lg", pos: "relative" }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }), query.data ? /* @__PURE__ */ React.createElement(
-      "iframe",
-      {
-        src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
-        width: "100%",
-        height: "100%"
-      }
-    ) : /* @__PURE__ */ React.createElement(
-      "iframe",
-      {
-        src,
-        width: "100%",
-        height: "100%"
-      }
-    ))
-  ));
-}
-
-// node_modules/preact/dist/preact.mjs
-var n;
-var l;
-var t;
-var u;
-var i;
-var r;
-var o;
-var e;
-var f;
-var c;
-var s;
-var a;
-var h;
-var p = {};
-var v = [];
-var y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-var d = Array.isArray;
-function w(n3, l4) {
-  for (var t4 in l4) n3[t4] = l4[t4];
-  return n3;
-}
-function g(n3) {
-  n3 && n3.parentNode && n3.parentNode.removeChild(n3);
-}
-function _(l4, t4, u5) {
-  var i5, r4, o4, e4 = {};
-  for (o4 in t4) "key" == o4 ? i5 = t4[o4] : "ref" == o4 ? r4 = t4[o4] : e4[o4] = t4[o4];
-  if (arguments.length > 2 && (e4.children = arguments.length > 3 ? n.call(arguments, 2) : u5), "function" == typeof l4 && null != l4.defaultProps) for (o4 in l4.defaultProps) void 0 === e4[o4] && (e4[o4] = l4.defaultProps[o4]);
-  return m(l4, e4, i5, r4, null);
-}
-function m(n3, u5, i5, r4, o4) {
-  var e4 = { type: n3, props: u5, key: i5, ref: r4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o4 ? ++t : o4, __i: -1, __u: 0 };
-  return null == o4 && null != l.vnode && l.vnode(e4), e4;
-}
-function k(n3) {
-  return n3.children;
-}
-function x(n3, l4) {
-  this.props = n3, this.context = l4;
-}
-function S(n3, l4) {
-  if (null == l4) return n3.__ ? S(n3.__, n3.__i + 1) : null;
-  for (var t4; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) return t4.__e;
-  return "function" == typeof n3.type ? S(n3) : null;
-}
-function C(n3) {
-  var l4, t4;
-  if (null != (n3 = n3.__) && null != n3.__c) {
-    for (n3.__e = n3.__c.base = null, l4 = 0; l4 < n3.__k.length; l4++) if (null != (t4 = n3.__k[l4]) && null != t4.__e) {
-      n3.__e = n3.__c.base = t4.__e;
-      break;
-    }
-    return C(n3);
+    return C(n3);
   }
 }
 function M(n3) {
@@ -2955,7 +3004,7 @@ var WeekDay;
 var DEFAULT_FIRST_DAY_OF_WEEK = WeekDay.MONDAY;
 var DEFAULT_EVENT_COLOR_NAME = "primary";
 var CalendarEventImpl = class {
-  constructor(_config, id, start, end, title, people, location, description, calendarId, _options = void 0, _customContent = {}, _foreignProperties = {}) {
+  constructor(_config, id, start, end, title3, people, location, description, calendarId, _options = void 0, _customContent = {}, _foreignProperties = {}) {
     Object.defineProperty(this, "_config", {
       enumerable: true,
       configurable: true,
@@ -2984,7 +3033,7 @@ var CalendarEventImpl = class {
       enumerable: true,
       configurable: true,
       writable: true,
-      value: title
+      value: title3
     });
     Object.defineProperty(this, "people", {
       enumerable: true,
@@ -3187,8 +3236,8 @@ var CalendarEventBuilder = class {
   build() {
     return new CalendarEventImpl(this._config, this.id, this.start, this.end, this.title, this.people, this.location, this.description, this.calendarId, this._options, this._customContent, this._foreignProperties);
   }
-  withTitle(title) {
-    this.title = title;
+  withTitle(title3) {
+    this.title = title3;
     return this;
   }
   withPeople(people) {
@@ -5680,12 +5729,6 @@ function MyCalendar() {
   } }));
 }
 
-// src/components/CenterFull/MyCenterFull.tsx
-import { Center as Center2, Group as Group8 } from "@mantine/core";
-function MyCenterFull({ children }) {
-  return /* @__PURE__ */ React.createElement(Center2, { w: "100%" }, /* @__PURE__ */ React.createElement(Group8, null, children));
-}
-
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
 function MyCheckbox(_a) {
@@ -5705,7 +5748,7 @@ import { Badge, Card, Center as Center3, Image, Text as Text7 } from "@mantine/c
 import Link from "next/link";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
-  title,
+  title: title3,
   description,
   date,
   children,
@@ -5721,13 +5764,13 @@ function AQCard({
       fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
       alt: "Norway"
     }
-  ))), /* @__PURE__ */ React.createElement(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs" }, /* @__PURE__ */ React.createElement(Text7, { fw: 500 }, title), status && /* @__PURE__ */ React.createElement(Badge, { color: "violet.5", w: "150px" }, status)), /* @__PURE__ */ React.createElement(Text7, { size: "sm", c: "dimmed", lineClamp: 2 }, description), children);
+  ))), /* @__PURE__ */ React.createElement(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs" }, /* @__PURE__ */ React.createElement(Text7, { fw: 500 }, title3), status && /* @__PURE__ */ React.createElement(Badge, { color: "violet.5", w: "150px" }, status)), /* @__PURE__ */ React.createElement(Text7, { size: "sm", c: "dimmed", lineClamp: 2 }, description), children);
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
-import { Group as Group9, Text as Text8 } from "@mantine/core";
+import { Group as Group10, Text as Text8 } from "@mantine/core";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ React.createElement(Group9, { gap: 5 }, /* @__PURE__ */ React.createElement(Text8, { fw: "bold" }, keyLabel, ":"), /* @__PURE__ */ React.createElement(Text8, null, label));
+  return /* @__PURE__ */ React.createElement(Group10, { gap: 5 }, /* @__PURE__ */ React.createElement(Text8, { fw: "bold" }, keyLabel, ":"), /* @__PURE__ */ React.createElement(Text8, null, label));
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
@@ -5738,28 +5781,28 @@ function MyNumberFormatter(_a) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box2, Button as Button13, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
+import { Box as Box2, Button as Button13, Flex as Flex3, Group as Group11, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
+function AQStatCard1({ title: title3, value, unit = "", description, icons, diff }) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
-      key: title
+      key: title3
     },
-    /* @__PURE__ */ React.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Flex3, { direction: "column" }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Group11, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Flex3, { direction: "column" }, /* @__PURE__ */ React.createElement(
       Text9,
       {
         tt: "uppercase",
         size: "lg",
         c: "dimmed"
       },
-      title
+      title3
     ), unit == "" ? /* @__PURE__ */ React.createElement(Text9, { size: "xs", style: { visibility: "hidden" } }, "\u0110\u01A1n v\u1ECB: ", /* @__PURE__ */ React.createElement("strong", null, unit)) : /* @__PURE__ */ React.createElement(Text9, { size: "xs" }, "\u0110\u01A1n v\u1ECB: ", /* @__PURE__ */ React.createElement("strong", null, unit))), /* @__PURE__ */ React.createElement(Box2, null, icons)),
     /* @__PURE__ */ React.createElement(
-      Group10,
+      Group11,
       {
         mt: "5",
         align: "flex-end",
@@ -5785,7 +5828,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
         diff > 0 ? /* @__PURE__ */ React.createElement(IconArrowUpRight, null) : /* @__PURE__ */ React.createElement(IconArrowDownRight, null)
       )
     ),
-    /* @__PURE__ */ React.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text9, { tt: "uppercase", fz: "xs", c: "dimmed" }, description), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Group11, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text9, { tt: "uppercase", fz: "xs", c: "dimmed" }, description), /* @__PURE__ */ React.createElement(
       Button13,
       {
         variant: "light",
@@ -5808,7 +5851,7 @@ import { Box as Box3, Fieldset as Fieldset4, Text as Text10 } from "@mantine/cor
 function MyFieldset(_a) {
   var _b = _a, {
     children,
-    title
+    title: title3
   } = _b, rest = __objRest(_b, [
     "children",
     "title"
@@ -5824,7 +5867,7 @@ function MyFieldset(_a) {
           py: 2,
           style: { borderRadius: 4 }
         },
-        /* @__PURE__ */ React.createElement(Text10, { c: "white", fw: 500 }, title)
+        /* @__PURE__ */ React.createElement(Text10, { c: "white", fw: 500 }, title3)
       )
     }),
     children
@@ -5986,40 +6029,13 @@ function MyTextEditor(_a) {
   )));
 }
 
-// src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button14 } from "@mantine/core";
-import { IconLogout } from "@tabler/icons-react";
-import { useRouter as useRouter3 } from "next/navigation";
-
-// src/modules-features/authenticate/useS_authenticate.ts
-var useStore2 = createGenericStore({
-  initialState: { token: "" },
-  storageKey: "useS_authenticate"
-});
-function useS_authenticate() {
-  const store = useStore2();
-  function logOut() {
-  }
-  return __spreadValues({}, store);
-}
-
-// src/modules-features/authenticate/F_authenticate_Logout.tsx
-function F_authenticate_Logout() {
-  const router = useRouter3();
-  const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ React.createElement(Button14, { onClick: () => {
-    S_Authenticate.setProperty("token", "");
-    router.replace("/authenticate/login");
-  }, leftSection: /* @__PURE__ */ React.createElement(IconLogout, null), fullWidth: true, justify: "start", variant: "subtle" }, "\u0110\u0103ng xu\u1EA5t");
-}
-
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
 import {
   ActionIcon as ActionIcon10,
   AppShell,
   Badge as Badge2,
-  Divider as Divider2,
-  Group as Group11,
+  Divider as Divider3,
+  Group as Group12,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
@@ -6128,7 +6144,7 @@ function BasicAppShell({ children, menu }) {
       },
       padding: "md"
     },
-    /* @__PURE__ */ React.createElement(AppShell.Header, null, /* @__PURE__ */ React.createElement(MyAppSpotlight, { menu }), media ? /* @__PURE__ */ React.createElement(Group11, { h: "100%", px: "md", justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Group11, { h: "100%" }, /* @__PURE__ */ React.createElement(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null))), /* @__PURE__ */ React.createElement(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId() }, /* @__PURE__ */ React.createElement(IconLibraryMinus, null)))), /* @__PURE__ */ React.createElement(Group11, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" } }, /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold" }, "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra")), /* @__PURE__ */ React.createElement(Group11, null, /* @__PURE__ */ React.createElement(Text11, null, "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c"), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(AppShell.Header, null, /* @__PURE__ */ React.createElement(MyAppSpotlight, { menu }), media ? /* @__PURE__ */ React.createElement(Group12, { h: "100%", px: "md", justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Group12, { h: "100%" }, /* @__PURE__ */ React.createElement(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null))), /* @__PURE__ */ React.createElement(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId() }, /* @__PURE__ */ React.createElement(IconLibraryMinus, null)))), /* @__PURE__ */ React.createElement(Group12, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" } }, /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold" }, "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra")), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(Text11, null, "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c"), /* @__PURE__ */ React.createElement(
       Select3,
       {
         w: selectMedia ? 245 : 150,
@@ -6141,7 +6157,7 @@ function BasicAppShell({ children, menu }) {
       }
     ), /* @__PURE__ */ React.createElement(MySwitchTheme, null))) : (
       // For mobile screens - simplified layout
-      /* @__PURE__ */ React.createElement(Group11, { h: "100%", px: "md", justify: "space-between" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null)), /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold", size: "sm" }, "AQ EduCourseEvaluation"), /* @__PURE__ */ React.createElement(Group11, null, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(Group12, { h: "100%", px: "md", justify: "space-between" }, /* @__PURE__ */ React.createElement(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle }, sidebarStore.state.opened ? /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftExpand, null) : /* @__PURE__ */ React.createElement(IconLayoutSidebarLeftCollapse, null)), /* @__PURE__ */ React.createElement(Text11, { c: "green", fw: "bold", size: "sm" }, "AQ EduCourseEvaluation"), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(
         Select3,
         {
           w: 100,
@@ -6155,7 +6171,7 @@ function BasicAppShell({ children, menu }) {
         }
       ), /* @__PURE__ */ React.createElement(MySwitchTheme, null)))
     )),
-    /* @__PURE__ */ React.createElement(AppShell.Navbar, null, /* @__PURE__ */ React.createElement(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ React.createElement(IconSearch2, null) }, "T\xECm ki\u1EBFm (Ctrl + K)"), /* @__PURE__ */ React.createElement(AppShell.Section, { grow: true, component: ScrollArea3, p: 5 }, /* @__PURE__ */ React.createElement(RenderNavLinks, { items: menu }), /* @__PURE__ */ React.createElement(Divider2, null), /* @__PURE__ */ React.createElement(F_authenticate_Logout, null)), /* @__PURE__ */ React.createElement(AppShell.Section, { p: "md" }, /* @__PURE__ */ React.createElement(Divider2, null), /* @__PURE__ */ React.createElement(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" }))),
+    /* @__PURE__ */ React.createElement(AppShell.Navbar, null, /* @__PURE__ */ React.createElement(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ React.createElement(IconSearch2, null) }, "T\xECm ki\u1EBFm (Ctrl + K)"), /* @__PURE__ */ React.createElement(AppShell.Section, { grow: true, component: ScrollArea3, p: 5 }, /* @__PURE__ */ React.createElement(RenderNavLinks, { items: menu }), /* @__PURE__ */ React.createElement(Divider3, null), /* @__PURE__ */ React.createElement(F_authenticate_Logout, null)), /* @__PURE__ */ React.createElement(AppShell.Section, { p: "md" }, /* @__PURE__ */ React.createElement(Divider3, null), /* @__PURE__ */ React.createElement(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" }))),
     /* @__PURE__ */ React.createElement(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))" }, children)
   );
 }
@@ -6202,10 +6218,10 @@ function utils_layout_getItemsWithoutLinks(menu) {
 }
 
 // src/components/Layouts/Container/MyContainer.tsx
-import { Container, Flex as Flex4 } from "@mantine/core";
+import { Container as Container2, Flex as Flex4 } from "@mantine/core";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React.createElement(Container, __spreadValues({ fluid: true }, rest), /* @__PURE__ */ React.createElement(Flex4, { direction: "column" }, children));
+  return /* @__PURE__ */ React.createElement(Container2, __spreadValues({ fluid: true }, rest), /* @__PURE__ */ React.createElement(Flex4, { direction: "column" }, children));
 }
 
 // src/constants/object/color.ts
@@ -6219,11 +6235,11 @@ var OBJECT_COlORS = {
 import {
   Box as Box4,
   Burger,
-  Button as Button15,
-  Container as Container2,
-  Divider as Divider3,
+  Button as Button14,
+  Container as Container3,
+  Divider as Divider4,
   Drawer,
-  Group as Group12,
+  Group as Group13,
   Image as Image4,
   ScrollArea as ScrollArea4,
   Text as Text12,
@@ -6248,12 +6264,12 @@ import Link4 from "next/link";
 var css_default2 = {};
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
-var useStore3 = createGenericStore({
+var useStore2 = createGenericStore({
   initialState: { name: "\u0110\u0103ng k\xFD kh\xF3a h\u1ECDc" },
   storageKey: "HeaderMegaMenuStore"
 });
 function useHeaderMegaMenuStore() {
-  const store = useStore3();
+  const store = useStore2();
   return __spreadValues({}, store);
 }
 
@@ -6295,8 +6311,8 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ React.createElement(UnstyledButton, { className: css_default2.subLink, key: item.title }, /* @__PURE__ */ React.createElement(Group12, { wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React.createElement(ThemeIcon, { size: 34, variant: "default", radius: "md" }, /* @__PURE__ */ React.createElement(item.icon, { size: 22, color: theme.colors.blue[6] })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Text12, { size: "sm", fw: 500 }, item.title), /* @__PURE__ */ React.createElement(Text12, { size: "xs", c: "dimmed" }, item.description)))));
-  return /* @__PURE__ */ React.createElement(Box4, null, /* @__PURE__ */ React.createElement("header", { className: css_default2.header }, /* @__PURE__ */ React.createElement(Group12, { justify: "space-between", h: "100%" }, /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }), /* @__PURE__ */ React.createElement(Group12, { h: "100%", gap: 5, visibleFrom: "sm" }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label)))), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ React.createElement(IconSearch3, null), radius: "xl", w: "250px" }), /* @__PURE__ */ React.createElement(MySwitchTheme, null)), /* @__PURE__ */ React.createElement(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" }))), /* @__PURE__ */ React.createElement(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh" }, children), /* @__PURE__ */ React.createElement(
+  const links = mockdata.map((item) => /* @__PURE__ */ React.createElement(UnstyledButton, { className: css_default2.subLink, key: item.title }, /* @__PURE__ */ React.createElement(Group13, { wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React.createElement(ThemeIcon, { size: 34, variant: "default", radius: "md" }, /* @__PURE__ */ React.createElement(item.icon, { size: 22, color: theme.colors.blue[6] })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Text12, { size: "sm", fw: 500 }, item.title), /* @__PURE__ */ React.createElement(Text12, { size: "xs", c: "dimmed" }, item.description)))));
+  return /* @__PURE__ */ React.createElement(Box4, null, /* @__PURE__ */ React.createElement("header", { className: css_default2.header }, /* @__PURE__ */ React.createElement(Group13, { justify: "space-between", h: "100%" }, /* @__PURE__ */ React.createElement(Group13, null, /* @__PURE__ */ React.createElement(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }), /* @__PURE__ */ React.createElement(Group13, { h: "100%", gap: 5, visibleFrom: "sm" }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button14, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label)))), /* @__PURE__ */ React.createElement(Group13, null, /* @__PURE__ */ React.createElement(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ React.createElement(IconSearch3, null), radius: "xl", w: "250px" }), /* @__PURE__ */ React.createElement(MySwitchTheme, null)), /* @__PURE__ */ React.createElement(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" }))), /* @__PURE__ */ React.createElement(Container3, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh" }, children), /* @__PURE__ */ React.createElement(
     Drawer,
     {
       opened: drawerOpened,
@@ -6307,32 +6323,10 @@ function HeaderMegaMenu({ children, menus }) {
       hiddenFrom: "sm",
       zIndex: 1e6
     },
-    /* @__PURE__ */ React.createElement(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md" }, /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }), /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "100%", gap: 0 }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label))), /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }))
+    /* @__PURE__ */ React.createElement(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md" }, /* @__PURE__ */ React.createElement(Divider4, { my: "sm" }), /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "100%", gap: 0 }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button14, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label))), /* @__PURE__ */ React.createElement(Divider4, { my: "sm" }))
   ));
 }
 
-// src/components/Layouts/PageContent/MyPageContent.tsx
-import { Code, Container as Container3, Divider as Divider4, Group as Group13, Indicator, Title } from "@mantine/core";
-var getStatusColor = (status) => {
-  switch (status) {
-    case "Prototype":
-      return "blue";
-    case "Beta":
-      return "orange";
-    default:
-      return "gray";
-  }
-};
-var PageTitle = ({ title, status }) => {
-  const color = getStatusColor(status);
-  return /* @__PURE__ */ React.createElement(Indicator, { label: status, size: 16, inline: true, color, disabled: !status, pt: 6 }, /* @__PURE__ */ React.createElement(Title, null, title));
-};
-function MyPageContent({ leftTopBar, title, canBack = false, rightTopBar, status, children }) {
-  const SidebarStore = useS_Sidebar();
-  const finalTitle = title || SidebarStore.state.title;
-  return /* @__PURE__ */ React.createElement(Container3, { p: 0, fluid: true }, /* @__PURE__ */ React.createElement(Group13, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Group13, null, canBack && /* @__PURE__ */ React.createElement(MyButtonRouterBack, null), /* @__PURE__ */ React.createElement(PageTitle, { title: finalTitle, status }), leftTopBar), /* @__PURE__ */ React.createElement(Group13, null, rightTopBar, /* @__PURE__ */ React.createElement(Code, { color: "var(--mantine-color-blue-light)" }, SidebarStore.state.menuCode))), /* @__PURE__ */ React.createElement(Divider4, null), children);
-}
-
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
 import React3 from "react";
@@ -6345,7 +6339,7 @@ function MyTab(_a) {
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon11, Button as Button16, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon11, Button as Button15, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
 function MyDataTableSelect(_a) {
@@ -6356,7 +6350,7 @@ function MyDataTableSelect(_a) {
     MyDataTable,
     __spreadValues({
       renderTopToolbarCustomActions: ({ table }) => {
-        return /* @__PURE__ */ React.createElement(Group14, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }), /* @__PURE__ */ React.createElement(Button16, { onClick: disc[1].open }, selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch"));
+        return /* @__PURE__ */ React.createElement(Group14, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }), /* @__PURE__ */ React.createElement(Button15, { onClick: disc[1].open }, selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch"));
       },
       columns,
       data: listState[0],
@@ -6368,7 +6362,7 @@ function MyDataTableSelect(_a) {
     MyDataTable,
     __spreadValues({
       renderTopToolbarCustomActions: ({ table }) => {
-        return /* @__PURE__ */ React.createElement(Button16, { onClick: () => {
+        return /* @__PURE__ */ React.createElement(Button15, { onClick: () => {
           table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
           disc[1].close();
         } }, "Ch\u1ECDn");
@@ -6417,68 +6411,2680 @@ function MySkeletonTable({ h: h4 = 500 }) {
   return /* @__PURE__ */ React.createElement(Skeleton, { h: h4 });
 }
 
-export {
-  MyBoxesCore,
-  Boxes,
-  MyCardioLoader,
-  MyBoxesBackground,
-  MyActionIcon,
-  MyTextInput,
-  MyFlexColumn,
-  MyActionIconCheck,
-  MyButton,
-  MyActionIconModal,
-  MyActionIconDelete,
-  MyActionIconUpdate,
-  MyActionIconDownloadPDF,
-  MyActionIconUpload,
-  MyActionIconViewPDF,
-  MySwitchTheme,
-  MyAppSpotlight,
-  SpotlightTrigger,
-  MyAnchorViewPDF,
-  MyButtonModal,
-  AQButtonCreateByImportFile,
-  AQButtonExportData,
-  MyButtonCreate,
-  MySelect,
-  MyFlexEnd,
-  useS_ButtonImport,
-  SelectFieldModal,
-  MyDataTable,
-  SelectFileModal,
-  MyButtonImport,
-  AQSelectTableByOpenModal,
-  MyButtonPrintPDF,
-  MyHtmlWrapper,
-  MyButtonPrintTablePDF,
-  MyButtonRouterBack,
-  baseAxios_default,
-  MyButtonViewPDF,
-  MyCalendar,
-  MyCenterFull,
-  MyCheckbox,
-  MyFlexRow,
-  AQCard,
-  MyKeyLabel,
-  MyNumberFormatter,
-  AQStatCard1,
-  MyDateInput,
-  MyFieldset,
-  MyFileInput,
-  MyNumberInput,
-  MyTextArea,
-  MyTextEditor,
-  useS_authenticate,
-  BasicAppShell_transformMenuToEnum,
-  BasicAppShell,
-  groupToTwoLevels,
-  utils_layout_getItemsWithoutLinks,
-  MyContainer,
-  OBJECT_COlORS,
-  useHeaderMegaMenuStore,
-  HeaderMegaMenu,
-  MyPageContent,
+// src/modules-features/admin/core/core18256/F_core18256_Select.tsx
+import { Select as Select5 } from "@mantine/core";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+function F_core18256_Select(_a) {
+  var _b = _a, { documentTypeId, label = "", dataMapper } = _b, rest = __objRest(_b, ["documentTypeId", "label", "dataMapper"]);
+  var _a2, _b2;
+  const query = useQuery3({
+    queryKey: [`/DocumentAttribute/GetByType?documentType=${documentTypeId}`],
+    queryFn: async () => {
+      const result = (await baseAxios_default.get(`/DocumentAttribute/GetByType?documentType=${documentTypeId}`)).data.data;
+      return result;
+    }
+  });
+  if (query.isLoading) return "Loading...";
+  const data = (_a2 = query.data) == null ? void 0 : _a2.map((item) => {
+    var _a3;
+    if (dataMapper) return dataMapper(item);
+    return {
+      value: (_a3 = item.id) == null ? void 0 : _a3.toString(),
+      label: `${item.code}-${item.name}`
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    Select5,
+    __spreadProps(__spreadValues({
+      label,
+      placeholder: `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}`,
+      data
+    }, rest), {
+      value: (_b2 = rest.value) == null ? void 0 : _b2.toString()
+    })
+  );
+}
+
+// src/modules-features/admin/core/core12196/F_core12196_Create.tsx
+import { useForm } from "@mantine/form";
+function F_core12196_Create() {
+  const form = useForm({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Form,
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Form }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core12196/F_core12196_Delete.tsx
+function F_core12196_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core12196/F_core12196_Update.tsx
+import { useForm as useForm2 } from "@mantine/form";
+function F_core12196_Update({ values }) {
+  var _a;
+  const form = useForm2({
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Form }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core12196/F_core12196.tsx
+function F_core12196() {
+  var _a, _b, _c;
+  const documentAttributeQuery = useQuery4({
+    queryKey: ["F_core12196_Read", OBJECT_DOCUMENT_TYPES.Regulations],
+    queryFn: async () => {
+      var _a2;
+      const result = await baseAxios_default.get("/DocumentAttribute/GetByType?", { params: { documentType: OBJECT_DOCUMENT_TYPES.Form } });
+      return ((_a2 = result.data) == null ? void 0 : _a2.data) || [];
+    }
+  });
+  if (documentAttributeQuery.isLoading) return "Loading...";
+  if (documentAttributeQuery.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
+  if (((_a = documentAttributeQuery.data) == null ? void 0 : _a.length) == 0) return /* @__PURE__ */ React.createElement(Blockquote, { color: "yellow" }, "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n");
+  return /* @__PURE__ */ React.createElement(MyPageContent, { rightTopBar: /* @__PURE__ */ React.createElement(F_core12196_Create, null) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Accordion, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+    var _a2;
+    return (_a2 = item.id) == null ? void 0 : _a2.toString();
+  }), multiple: true }, (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ React.createElement(SubRead, { key: idx, name: item.name, documentType: item.id })))));
+}
+function SubRead({ name, documentType }) {
+  const documentQuery = useQuery4({
+    queryKey: ["SF2_3Read" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo3(
+    () => [
+      {
+        header: "S\u1ED1 quy \u0111\u1ECBnh",
+        accessorKey: "decisionCode"
+      },
+      {
+        header: "Ng\xE0y ban h\xE0nh",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.promulgateDate))
+      },
+      {
+        header: "T\xEAn t\xE0i li\u1EC7u",
+        accessorKey: "name"
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
+        }
+      }
+    ],
+    []
+  );
+  if (documentQuery.isLoading) return "Loading...";
+  if (documentQuery.isError) return "Error!";
+  return /* @__PURE__ */ React.createElement(Accordion.Item, { value: documentType.toString() }, /* @__PURE__ */ React.createElement(Accordion.Control, null, name), /* @__PURE__ */ React.createElement(Accordion.Panel, null, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: documentQuery.data,
+      renderRowActions: ({ row }) => /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core12196_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core12196_Delete, { id: row.original.id }))
+    }
+  )));
+}
+
+// src/modules-features/admin/core/core16209/F_core16209.tsx
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useMemo as useMemo4 } from "react";
+
+// src/modules-features/admin/core/core16209/F_core16209_Create.tsx
+import { FileInput as FileInput4 } from "@mantine/core";
+import { useForm as useForm3 } from "@mantine/form";
+function F_core16209_Create() {
+  const form = useForm3({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Refinement,
+        //1.4 Thông tin xây dựng, cải tiến, bảo trì hệ thống
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "\u0110\u01A1n v\u1ECB y\xEAu c\u1EA7u" }, form.getInputProps("departmentName"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "N\u1ED9i dung c\u1EA3i ti\u1EBFn" }, form.getInputProps("description"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y b\u1EAFt \u0111\u1EA7u" }, form.getInputProps("startDate"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y k\u1EBFt th\xFAc" }, form.getInputProps("endDate"))), /* @__PURE__ */ React.createElement(FileInput4, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core16209/F_core16209_Delete.tsx
+function F_core16209_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core16209/F_core16209_Update.tsx
+import { FileInput as FileInput5, TextInput as TextInput4 } from "@mantine/core";
+import { useForm as useForm4 } from "@mantine/form";
+function F_core16209_Update({ values }) {
+  var _a;
+  const form = useForm4({
+    mode: "uncontrolled",
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(TextInput4, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(TextInput4, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput5, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core16209/F_core16209.tsx
+function F_core16209() {
+  const query = useQuery5({
+    queryKey: ["F_core16209_Read"],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get(`/Document/GetByType?documentType=${OBJECT_DOCUMENT_TYPES.Refinement}`);
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    }
+  });
+  const columns = useMemo4(
+    () => [
+      {
+        header: "\u0110\u01A1n v\u1ECB y\xEAu c\u1EA7u",
+        accessorKey: "departmentName"
+      },
+      {
+        header: "N\u1ED9i dung c\u1EA3i ti\u1EBFn",
+        accessorKey: "description"
+      },
+      {
+        header: "Ng\xE0y b\u1EAFt \u0111\u1EA7u",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.startDate))
+      },
+      {
+        header: "Ng\xE0y k\u1EBFt th\xFAc",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.endDate))
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
+        }
+      }
+    ],
+    []
+  );
+  if (query.isLoading) return "Loading...";
+  if (query.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: query.data,
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core16209_Create, null),
+      renderRowActions: ({ row }) => {
+        return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core16209_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core16209_Delete, { id: row.original.id }));
+      }
+    }
+  ));
+}
+
+// src/modules-features/admin/core/core18256/F_core18256.tsx
+import { Tabs as Tabs2 } from "@mantine/core";
+
+// src/modules-features/admin/core/core18256/F_core18256_Read.tsx
+import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { useMemo as useMemo5 } from "react";
+
+// src/modules-features/admin/core/core18256/F_core18256_Create.tsx
+import { useForm as useForm5 } from "@mantine/form";
+function F_core18256_Create({ documentType }) {
+  const form = useForm5({
+    mode: "uncontrolled",
+    initialValues: {
+      name: "",
+      code: "",
+      documentType
+    },
+    validate: {
+      name: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng"
+    }
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "Lo\u1EA1i v\u0103n b\u1EA3n", form, onSubmit: (values) => baseAxios_default.post("/DocumentAttribute/Create", values) }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name"))));
+}
+
+// src/modules-features/admin/core/core18256/F_core18256_Delete.tsx
+function F_core18256_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(
+    MyActionIconDelete,
+    {
+      onSubmit: async () => await baseAxios_default.post("/DocumentAttribute/Delete", { id })
+    }
+  );
+}
+
+// src/modules-features/admin/core/core18256/F_core18256_Update.tsx
+import { useForm as useForm6 } from "@mantine/form";
+function F_core18256_Update({ values }) {
+  const form = useForm6({
+    initialValues: values
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => await baseAxios_default.post("/DocumentAttribute/Update", values2) }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name"))));
+}
+
+// src/modules-features/admin/core/core18256/F_core18256_Read.tsx
+function F_core18256_Read({ documentType }) {
+  const documentAttributeQuery = useQuery6({
+    queryKey: ["F_core18256_Read", documentType],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get("/DocumentAttribute/GetByType?", { params: { documentType } });
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    }
+  });
+  const columns = useMemo5(
+    () => [
+      {
+        header: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n",
+        accessorKey: "code"
+      },
+      {
+        header: "T\xEAn Lo\u1EA1i V\u0103n B\u1EA3n",
+        accessorKey: "name"
+      }
+    ],
+    []
+  );
+  if (documentAttributeQuery.isLoading) return "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...";
+  if (documentAttributeQuery.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      enableRowNumbers: true,
+      data: documentAttributeQuery.data,
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core18256_Create, { documentType }),
+      renderRowActions: ({ row }) => {
+        return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core18256_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core18256_Delete, { id: row.original.id }));
+      }
+    }
+  );
+}
+
+// src/modules-features/admin/core/core18256/F_core18256.tsx
+var tabData = [
+  { label: "1. V\u0103n b\u1EA3n quy \u0111\u1ECBnh" },
+  { label: "2. Quy tr\xECnh x\u1EED l\xFD c\xF4ng vi\u1EC7c" },
+  { label: "3. Danh m\u1EE5c bi\u1EC3u m\u1EABu" }
+];
+function F_core18256() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(MyTab, { tabList: tabData }, /* @__PURE__ */ React.createElement(Tabs2.Panel, { value: "1. V\u0103n b\u1EA3n quy \u0111\u1ECBnh" }, /* @__PURE__ */ React.createElement(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Regulations })), /* @__PURE__ */ React.createElement(Tabs2.Panel, { value: "2. Quy tr\xECnh x\u1EED l\xFD c\xF4ng vi\u1EC7c" }, /* @__PURE__ */ React.createElement(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Workflow })), /* @__PURE__ */ React.createElement(Tabs2.Panel, { value: "3. Danh m\u1EE5c bi\u1EC3u m\u1EABu" }, /* @__PURE__ */ React.createElement(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Form }))));
+}
+
+// src/modules-features/admin/core/core26965/F_core26965_Create.tsx
+import { useForm as useForm7 } from "@mantine/form";
+function F_core26965_Create() {
+  const form = useForm7({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Regulations,
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core26965/F_core26965_Read.tsx
+import { Accordion as Accordion2, Blockquote as Blockquote2 } from "@mantine/core";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { useMemo as useMemo6 } from "react";
+
+// src/modules-features/admin/core/core26965/F_core26965_Delete.tsx
+function F_core26965_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core26965/F_core26965_Update.tsx
+import { useForm as useForm8 } from "@mantine/form";
+function F_core26965_Update({ values }) {
+  var _a;
+  const form = useForm8({
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core26965/F_core26965_Read.tsx
+function F_core26965_Read() {
+  var _a, _b, _c;
+  const documentAttributeQuery = useQuery7({
+    queryKey: ["F_core26965_Read", OBJECT_DOCUMENT_TYPES.Regulations],
+    queryFn: async () => {
+      var _a2;
+      const result = await baseAxios_default.get("/DocumentAttribute/GetByType?", { params: { documentType: OBJECT_DOCUMENT_TYPES.Regulations } });
+      return ((_a2 = result.data) == null ? void 0 : _a2.data) || [];
+    }
+  });
+  if (documentAttributeQuery.isLoading) return "Loading...";
+  if (documentAttributeQuery.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
+  if (((_a = documentAttributeQuery.data) == null ? void 0 : _a.length) == 0) return /* @__PURE__ */ React.createElement(Blockquote2, { color: "yellow" }, "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n");
+  return /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Accordion2, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+    var _a2;
+    return (_a2 = item.id) == null ? void 0 : _a2.toString();
+  }), multiple: true }, (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ React.createElement(SubRead2, { key: idx, name: item.name, documentType: item.id }))));
+}
+function SubRead2({ name, documentType }) {
+  const documentQuery = useQuery7({
+    queryKey: ["SubRead" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo6(
+    () => [
+      {
+        header: "S\u1ED1 quy \u0111\u1ECBnh",
+        accessorKey: "decisionCode"
+      },
+      {
+        header: "Ng\xE0y ban h\xE0nh",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.promulgateDate))
+      },
+      {
+        header: "T\xEAn t\xE0i li\u1EC7u",
+        accessorKey: "name"
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
+        }
+      }
+    ],
+    []
+  );
+  if (documentQuery.isLoading) return "Loading...";
+  if (documentQuery.isError) return "Error!";
+  return /* @__PURE__ */ React.createElement(Accordion2.Item, { value: documentType.toString() }, /* @__PURE__ */ React.createElement(Accordion2.Control, null, name), /* @__PURE__ */ React.createElement(Accordion2.Panel, null, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: documentQuery.data,
+      renderRowActions: ({ row }) => /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core26965_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core26965_Delete, { id: row.original.id }))
+    }
+  )));
+}
+
+// src/modules-features/admin/core/core26965/F_core26965.tsx
+function F_core26965() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, { rightTopBar: /* @__PURE__ */ React.createElement(F_core26965_Create, null) }, /* @__PURE__ */ React.createElement(F_core26965_Read, null));
+}
+
+// src/modules-features/admin/core/core27311/F_core27311_Create.tsx
+import { useForm as useForm9 } from "@mantine/form";
+function F_core27311_Create() {
+  const form = useForm9({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Workflow,
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Workflow }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core27311/F_core27311_Read.tsx
+import { Accordion as Accordion3, Blockquote as Blockquote3 } from "@mantine/core";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { useMemo as useMemo7 } from "react";
+
+// src/modules-features/admin/core/core27311/F_core27311_Delete.tsx
+function F_core27311_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core27311/F_core27311_Update.tsx
+import { useForm as useForm10 } from "@mantine/form";
+function F_core27311_Update({ values }) {
+  var _a;
+  const form = useForm10({
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))), /* @__PURE__ */ React.createElement(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))), /* @__PURE__ */ React.createElement(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy"))));
+}
+
+// src/modules-features/admin/core/core27311/F_core27311_Read.tsx
+function F_core27311_Read() {
+  var _a, _b, _c;
+  const documentAttributeQuery = useQuery8({
+    queryKey: ["F_core27311_Read", OBJECT_DOCUMENT_TYPES.Workflow],
+    queryFn: async () => {
+      var _a2;
+      const result = await baseAxios_default.get("/DocumentAttribute/GetByType?", { params: { documentType: OBJECT_DOCUMENT_TYPES.Workflow } });
+      return ((_a2 = result.data) == null ? void 0 : _a2.data) || [];
+    }
+  });
+  if (documentAttributeQuery.isLoading) return "Loading...";
+  if (documentAttributeQuery.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
+  if (((_a = documentAttributeQuery.data) == null ? void 0 : _a.length) == 0) return /* @__PURE__ */ React.createElement(Blockquote3, { color: "yellow" }, "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n");
+  return /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Accordion3, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+    var _a2;
+    return (_a2 = item.id) == null ? void 0 : _a2.toString();
+  }), multiple: true }, (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ React.createElement(SubRead3, { key: idx, name: item.name, documentType: item.id }))));
+}
+function SubRead3({ name, documentType }) {
+  const documentQuery = useQuery8({
+    queryKey: ["SubRead" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo7(
+    () => [
+      {
+        header: "S\u1ED1 quy \u0111\u1ECBnh",
+        accessorKey: "decisionCode"
+      },
+      {
+        header: "Ng\xE0y ban h\xE0nh",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.promulgateDate))
+      },
+      {
+        header: "T\xEAn t\xE0i li\u1EC7u",
+        accessorKey: "name"
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
+        }
+      }
+    ],
+    []
+  );
+  if (documentQuery.isLoading) return "Loading...";
+  if (documentQuery.isError) return "Error!";
+  return /* @__PURE__ */ React.createElement(Accordion3.Item, { value: documentType.toString() }, /* @__PURE__ */ React.createElement(Accordion3.Control, null, name), /* @__PURE__ */ React.createElement(Accordion3.Panel, null, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: documentQuery.data,
+      renderRowActions: ({ row }) => /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core27311_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core27311_Delete, { id: row.original.id }))
+    }
+  )));
+}
+
+// src/modules-features/admin/core/core27311/F_core27311.tsx
+function F_core27311() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, { rightTopBar: /* @__PURE__ */ React.createElement(F_core27311_Create, null) }, /* @__PURE__ */ React.createElement(F_core27311_Read, null));
+}
+
+// src/modules-features/admin/core/core38677/F_core38677.tsx
+import { Grid, Paper as Paper6, ScrollArea as ScrollArea6 } from "@mantine/core";
+
+// src/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx
+import { Container as Container4 } from "@mantine/core";
+import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useEffect as useEffect6, useMemo as useMemo8, useState as useState8 } from "react";
+
+// src/modules-features/admin/core/core83092/useS_core83092.tsx
+var useStore3 = createGenericStore({
+  initialState: { roleId: 0 },
+  storageKey: "useS_core83092"
+});
+function useS_core83092() {
+  const store = useStore3();
+  function toogleAllPermissionWithType(field, isCheck) {
+    var _a;
+    const updatedData = (_a = store.state.rolePermissions) == null ? void 0 : _a.map((item) => __spreadProps(__spreadValues({}, item), {
+      [field]: isCheck
+    }));
+    store.setProperty("rolePermissions", updatedData);
+  }
+  function findByPageId(pageId) {
+    var _a;
+    const rolePermission = (_a = store.state.rolePermissions) == null ? void 0 : _a.find((item) => item.pageId == pageId);
+    return rolePermission;
+  }
+  function updatePermission(pageId, updatedPermission) {
+    var _a;
+    const updatedData = (_a = store.state.rolePermissions) == null ? void 0 : _a.map(
+      (item) => item.pageId === pageId ? __spreadValues(__spreadValues({}, item), updatedPermission) : item
+    );
+    store.setProperty("rolePermissions", updatedData);
+  }
+  function isAllPermission(field) {
+    var _a, _b;
+    return (_b = (_a = store.state.rolePermissions) == null ? void 0 : _a.every((item) => item[field] === true)) != null ? _b : false;
+  }
+  return __spreadProps(__spreadValues({}, store), {
+    toogleAllPermissionWithType,
+    findByPageId,
+    updatePermission,
+    isAllPermission
+  });
+}
+function utils_core83092_mergePage(arr1, arr2) {
+  const pageMap = /* @__PURE__ */ new Map();
+  arr1.forEach((page) => pageMap.set(page.pageId, page));
+  arr2.forEach((page) => {
+    if (pageMap.has(page.pageId)) {
+      pageMap.set(page.pageId, page);
+    }
+  });
+  return Array.from(pageMap.values());
+}
+
+// src/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx
+function F_core38677_ReadUser() {
+  const store = useS_core83092();
+  const query = useQ_Account_GetAdminAccount();
+  const [rowSelection, setRowSelection] = useState8({});
+  const columns = useMemo8(
+    () => [
+      {
+        header: "M\xE3",
+        accessorKey: "code",
+        size: 60
+      },
+      {
+        header: "T\xEAn quy\u1EC1n",
+        accessorKey: "name"
+      }
+    ],
+    []
+  );
+  const handleRowClick = (rowId) => {
+    setRowSelection({ [rowId]: true });
+    store.setProperty("roleId", parseInt(rowId));
+  };
+  useEffect6(() => {
+    if (store.state.roleId == 0) return;
+    setRowSelection({ [store.state.roleId]: true });
+  }, [store.state.roleId]);
+  useEffect6(() => {
+    if (!query.data) return;
+    store.setProperty("roleId", query.data[0].id);
+  }, [query.data]);
+  if (query.isLoading) return "Loading...";
+  if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(Container4, { fluid: true }, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: query.data,
+      getRowId: (row) => {
+        var _a;
+        return (_a = row.id) == null ? void 0 : _a.toString();
+      },
+      mantineTableBodyRowProps: ({ row }) => ({
+        onClick: () => handleRowClick(row.id),
+        style: {
+          cursor: "pointer",
+          backgroundColor: rowSelection[row.id] ? "var(--mantine-color-blue-light)" : "transparent"
+        }
+      }),
+      state: rowSelection
+    }
+  ));
+}
+function useQ_Account_GetAdminAccount() {
+  const query = useQuery9({
+    queryKey: ["useQ_Role_GetAdminRole"],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get(`/Role/GetAdminRole`);
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    },
+    refetchOnWindowFocus: false
+  });
+  return query;
+}
+
+// src/modules-features/admin/core/core38677/F_core38677_Save.tsx
+import { useMutation as useMutation5 } from "@tanstack/react-query";
+import { useEffect as useEffect7, useState as useState9 } from "react";
+function F_core38677_Save() {
+  const store = useS_core83092();
+  const disable = useState9(false);
+  const mutation = useMutation5({
+    mutationFn: async (body) => {
+      const res = await baseAxios_default.put("/Role/UpdatePermission", body);
+      return res;
+    }
+  });
+  function handleSave() {
+    mutation.mutate({
+      pagePermissions: store.state.rolePermissions,
+      roleId: store.state.roleId
+    }, {
+      onSuccess: () => {
+        utils_notification_show({
+          crudType: "update"
+        });
+      }
+    });
+  }
+  useEffect7(() => {
+    if (!store.state.rolePermissions || store.state.rolePermissions.length == 0) {
+      disable[1](true);
+      return;
+    }
+    disable[1](false);
+  }, [store.state.rolePermissions]);
+  return /* @__PURE__ */ React.createElement(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
+}
+
+// src/data/menuData.ts
+var menuData = [
+  {
+    label: "Qu\u1EA3n l\xED h\u1EC7 th\u1ED1ng",
+    links: [
+      { pageId: 1, name: "Account management", label: "Qu\u1EA3n l\xED t\xE0i kho\u1EA3n", link: "core71678" },
+      // { label: "Danh mục quyền", link: "47643", status: "Prototype" },
+      { pageId: 2, name: "Access control level", label: "Ph\xE2n quy\u1EC1n c\u1EA5p \u0111\u01A1n v\u1ECB", link: "core38677" },
+      { pageId: 3, name: "Access control", label: "Ph\xE2n quy\u1EC1n s\u1EED d\u1EE5ng", link: "core83092" },
+      { name: "Document categories", label: "Danh m\u1EE5c lo\u1EA1i v\u0103n b\u1EA3n", link: "core18256" },
+      { pageId: 4, name: "Security regulations", label: "Quy \u0111\u1ECBnh an to\xE0n/ b\u1EA3o m\u1EADt th\xF4ng tin", link: "core76318", status: "Default" },
+      { pageId: 5, name: "System updates", label: "Th\xF4ng tin x\xE2y d\u1EF1ng, c\u1EA3i ti\u1EBFn, b\u1EA3o tr\xEC h\u1EC7 th\u1ED1ng", link: "core16209", status: "Default" },
+      { pageId: 6, name: "User guide", label: "T\xE0i li\u1EC7u h\u01B0\u1EDBng d\u1EABn s\u1EED d\u1EE5ng", link: "core40207", status: "Default" },
+      { pageId: 0, name: "Ch\u01B0a \u0111\u1EB7t", label: "Danh m\u1EE5c c\u1EA5u h\xECnh mail", link: "core64229", status: "Default" }
+    ]
+  },
+  {
+    label: "V\u0103n b\u1EA3n - Quy \u0111\u1ECBnh",
+    links: [
+      { pageId: 7, name: "Organizational regulations", label: "V\u0103n b\u1EA3n - Quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", link: "core26965", status: "Default" },
+      { pageId: 8, name: "Workflow process", label: "Quy tr\xECnh x\u1EED l\xFD c\xF4ng vi\u1EC7c", link: "core27311", status: "Default" },
+      { pageId: 9, name: "Form templates", label: "T\xE0i li\u1EC7u bi\u1EC3u m\u1EABu", link: "core12196", status: "Default" }
+    ]
+  },
+  {
+    label: "Qu\u1EA3n l\xFD ch\u01B0\u01A1ng tr\xECnh \u0111\xE0o t\u1EA1o ",
+    links: [
+      {
+        label: "\u0110\u1ECBnh ngh\u0129a d\u1EEF li\u1EC7u",
+        links: [
+          { pageId: 609, name: "Training Level Catalog", label: "Danh m\u1EE5c b\u1EADc \u0111\xE0o t\u1EA1o", link: "vf2cwmibmh" },
+          { pageId: 610, name: "Training systems Catalog", label: "Danh m\u1EE5c h\u1EC7 \u0111\xE0o t\u1EA1o", link: "4hi65qkj5n" },
+          { pageId: 611, name: "Regulation Catalog", label: "Danh m\u1EE5c quy ch\u1EBF", link: "j9ul1u9c2n", status: "Default" },
+          { pageId: 612, name: "Degree levels Catalog", label: "Danh m\u1EE5c b\u1EADc h\u1EC7", link: "zvib1md6z9" },
+          { pageId: 613, name: "Program Catalog", label: "Danh m\u1EE5c ch\u01B0\u01A1ng tr\xECnh", link: "h7op7f4nav", status: "Default" },
+          { pageId: 614, name: "Grade Catalog", label: "Danh m\u1EE5c Kh\xF3a", link: "ukagvjshxgy" },
+          { pageId: 615, name: "Subject group Catalog", label: "Danh m\u1EE5c nh\xF3m m\xF4n h\u1ECDc", link: "zudcgcvda8", status: "Default" },
+          { pageId: 616, name: "Subject Catalog", label: "Danh m\u1EE5c m\xF4n h\u1ECDc", link: "rdrmqcfvux" },
+          { pageId: 617, name: "Subject group MIT", label: "Quan h\u1EC7 nh\xF3m m\xF4n h\u1ECDc v\xE0 thang MIT", link: "wfl5pwciof" }
+        ]
+      },
+      {
+        label: "Ch\u01B0\u01A1ng tr\xECnh \u0111\xE0o t\u1EA1o",
+        links: [
+          { pageId: 618, name: "Training program", label: "Ch\u01B0\u01A1ng tr\xECnh \u0111\xE0o t\u1EA1o", link: "hlnya90qi9" },
+          { pageId: 619, name: "Program Learning Outcomes", label: "Chu\u1EA9n \u0111\u1EA7u ra ch\u01B0\u01A1ng tr\xECnh \u0111\xE0o t\u1EA1o (PLO)", link: "lz8rrabyws", status: "Prototype" },
+          { pageId: 620, name: "Course Learning Outcomes", label: "Chu\u1EA9n \u0111\u1EA7u ra m\xF4n h\u1ECDc (CLO)", link: "upgwbnmsn8", status: "Default" },
+          { pageId: 621, name: "CLO PIs relation", label: "Quan h\u1EC7 CLO v\xE0 Pis", link: "hxrvhadcfm" },
+          { pageId: 622, name: "Evaluation unit assignment", label: "Ph\xE2n c\xF4ng \u0111\u01A1n v\u1ECB \u0111\xE1nh gi\xE1", link: "rb55trm19d", status: "Prototype" }
+        ]
+      }
+    ]
+  },
+  {
+    label: "Khung \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T ",
+    links: [
+      { pageId: 623, name: "Core courses measuring PLOs", label: "Danh m\u1EE5c m\xF4n h\u1ECDc c\u1ED1t l\xF5i \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T", link: "t5sip6yyka" },
+      { pageId: 624, name: "PLO measurement framework", label: "Khung \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T", link: "PLOFramework/CLOCoreSubject" },
+      { pageId: 625, name: "PLO measurement by CLOs", label: "\u0110o l\u01B0\u1EDDng C\u0110R CT\u0110T theo C\u0110R m\xF4n h\u1ECDc", link: "PLOFramework/ManageGroupCoreSubject" }
+    ]
+  },
+  {
+    label: "X\xE2y d\u1EF1ng k\u1EBF ho\u1EA1ch \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T ",
+    links: [
+      { pageId: 626, name: "Unit PLO assessment plan", label: "K\u1EBF ho\u1EA1ch \u0111o chu\u1EA9n \u0111\u1EA7u ra theo \u0111\u01A1n v\u1ECB", link: "afqdc7uf8b" },
+      { pageId: 627, name: "Program PLO assessment plan", label: "K\u1EBF ho\u1EA1ch \u0111o chu\u1EA9n \u0111\u1EA7u ra theo CT\u0110T", link: "g2" }
+    ]
+  },
+  {
+    label: "\u0110\xE1nh gi\xE1 k\u1EBFt qu\u1EA3 h\u1ECDc t\u1EADp m\xF4n h\u1ECDc ",
+    links: [
+      {
+        label: "\u0110\xE1nh gi\xE1 CLO m\xF4n h\u1ECDc ",
+        links: [
+          { pageId: 628, name: "Course required competencies", label: "N\u0103ng l\u1EF1c y\xEAu c\u1EA7u c\u1EE7a m\xF4n h\u1ECDc", link: "licl7ube7d" },
+          { pageId: 629, name: "CLO assessment methods", label: "Ph\u01B0\u01A1ng ph\xE1p \u0111\xE1nh gi\xE1 CLO", link: "subjectAssessment/CLOAssessment/config" },
+          { pageId: 630, name: "Exam structure", label: "C\u1EA5u tr\xFAc \u0111\u1EC1 thi", link: "vq720hj9jx" }
+        ]
+      },
+      {
+        label: "D\u1EEF li\u1EC7u \u0111i\u1EC3m sinh vi\xEAn \u0111\xE1nh gi\xE1 ",
+        links: [
+          { pageId: 631, name: "Student database", label: "C\u01A1 s\u1EDF d\u1EEF li\u1EC7u sinh vi\xEAn", link: "4ltk4f68a8" },
+          { pageId: 632, name: "Student course registration", label: "Sinh vi\xEAn \u0111\u0103ng k\xFD m\xF4n h\u1ECDc", link: "nugmpmukta" },
+          { pageId: 633, name: "Course grade entry", label: "Nh\u1EADp \u0111i\u1EC3m theo nh\xF3m h\u1ECDc", link: "l9bml18o7p", status: "Prototype" },
+          { pageId: 634, name: "Student grade entry", label: "Nh\u1EADp \u0111i\u1EC3m t\u1EEBng sinh vi\xEAn", link: "clzixswvmy", status: "Prototype" }
+        ]
+      },
+      {
+        label: "T\u1ED5ng h\u1EE3p \u0111i\u1EC3m CLO m\xF4n h\u1ECDc ",
+        links: [
+          { pageId: 635, name: "Class CLO grade summary", label: "T\u1ED5ng h\u1EE3p \u0111i\u1EC3m CLO m\xF4n h\u1ECDc theo l\u1EDBp" },
+          { pageId: 636, name: "Course wide CLO chart", label: "Bi\u1EC3u \u0111\u1ED3 CLO to\xE0n m\xF4n h\u1ECDc", link: "6cnw99q4zo", status: "Prototype" }
+        ]
+      }
+    ]
+  },
+  {
+    label: "Tri\u1EC3n khai k\u1EBF ho\u1EA1ch \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T ",
+    link: "zz2",
+    status: "Menu"
+  },
+  {
+    label: "K\u1EBFt qu\u1EA3 th\u1EF1c hi\u1EC7n \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T ",
+    link: "8",
+    links: [
+      { pageId: 637, name: "Program wide PLO summary", label: "T\u1ED5ng h\u1EE3p PLO to\xE0n kh\xF3a", link: "5bmex2c6in", status: "Prototype" },
+      { pageId: 638, name: "PLO achievement report", label: "B\xE1o c\xE1o k\u1EBFt qu\u1EA3 \u0111o l\u01B0\u1EDDng m\u1EE9c \u0111\u1ED9 \u0111\u1EA1t C\u0110R CT\u0110T", link: "jsnsipqfgt", status: "Prototype" },
+      { pageId: 639, name: "Unit PLO achievement report", label: "B\xE1o c\xE1o k\u1EBFt qu\u1EA3 \u0111o l\u01B0\u1EDDng m\u1EE9c \u0111\u1ED9 \u0111\u1EA1t C\u0110R \u0110\u01A1n v\u1ECB", link: "qgpxxmcfjh", status: "Prototype" }
+    ]
+  },
+  {
+    label: "B\xE1o c\xE1o v\xE0 \u0111\u1EC1 xu\u1EA5t c\u1EA3i ti\u1EBFn ",
+    link: "i1",
+    status: "Menu"
+  },
+  {
+    label: "H\u1ECDp h\u1ED9i \u0111\u1ED3ng \u0111o l\u01B0\u1EDDng C\u0110R CT\u0110T ",
+    link: "j1",
+    status: "Menu"
+  },
+  {
+    label: "Danh m\u1EE5c h\u1EC7 th\u1ED1ng ",
+    links: [
+      { pageId: 640, name: "Unit list", label: "Danh m\u1EE5c \u0111\u01A1n v\u1ECB", link: "14w3vwnnfy" },
+      { pageId: 641, name: "MIT scale", label: "Thang \u0111o MIT", link: "umg0mq7o3x" },
+      { pageId: 642, name: "Rubric scale", label: "Thang \u0111o Rubrics", link: "fmc2n1ftq1" },
+      { pageId: 643, name: "PLO ranking table", label: "B\u1EA3ng x\u1EBFp lo\u1EA1i PLO", link: "f0oia066vb" },
+      { pageId: 644, name: "Academic year list", label: "Danh m\u1EE5c n\u0103m h\u1ECDc", link: "omhcfkliwa" },
+      { pageId: 645, name: "Academic year semester list", label: "Danh m\u1EE5c n\u0103m h\u1ECDc h\u1ECDc k\u1EF3", link: "cw38zkpvg4" }
+    ]
+  }
+];
+
+// src/modules-features/admin/core/core38677/F_core38677_ViewMenuPermissions.tsx
+import { Checkbox as Checkbox3, Flex as Flex5, ScrollArea as ScrollArea5, Table as Table3, Text as Text13 } from "@mantine/core";
+import { IconEdit as IconEdit5, IconEyeUp, IconFileExport as IconFileExport2, IconPlus as IconPlus5, IconPrinter as IconPrinter3, IconTrash as IconTrash5 } from "@tabler/icons-react";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
+import React4, { useEffect as useEffect8, useState as useState10 } from "react";
+var title = "Danh s\xE1ch ch\u1EE9c n\u0103ng";
+function F_core38677_ViewMenuPermissions() {
+  var _a, _b;
+  const store = useS_core83092();
+  const query = useGetUserPermission();
+  const list = useState10([]);
+  useEffect8(() => {
+    list[1](groupToTwoLevels(menuData));
+  }, []);
+  useEffect8(() => {
+    if (!query.data) return;
+    store.setProperty("rolePermissions", query.data);
+  }, [query.data]);
+  if (((_a = list[0]) == null ? void 0 : _a.length) == 0) return "\u0110ang t\u1EA3i...";
+  return /* @__PURE__ */ React4.createElement(ScrollArea5.Autosize, { h: "70vh" }, /* @__PURE__ */ React4.createElement(Table3, null, /* @__PURE__ */ React4.createElement(
+    Table3.Thead,
+    {
+      bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))",
+      style: {
+        position: "sticky",
+        top: 0,
+        zIndex: 1,
+        boxShadow: "0px 4px 6px rgba(0, 0, 0, 0.1)",
+        border: "1px solid var(--mantine-color-gray-4)"
+      }
+    },
+    /* @__PURE__ */ React4.createElement(Table3.Tr, null, /* @__PURE__ */ React4.createElement(Table3.Th, null, title), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isRead"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isRead", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "Xem", /* @__PURE__ */ React4.createElement(IconEyeUp, { color: "gray" })))), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isCreate"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isCreate", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "Th\xEAm", /* @__PURE__ */ React4.createElement(IconPlus5, { color: "blue" })))), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isUpdate"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isUpdate", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "S\u1EEDa", /* @__PURE__ */ React4.createElement(IconEdit5, { color: "var(--mantine-color-yellow-8)" })))), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isDelete"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isDelete", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "X\xF3a", /* @__PURE__ */ React4.createElement(IconTrash5, { color: "var(--mantine-color-red-8)" })))), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isPrint"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isPrint", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "In", /* @__PURE__ */ React4.createElement(IconPrinter3, { color: "var(--mantine-color-cyan-8)" })))), /* @__PURE__ */ React4.createElement(Table3.Th, null, /* @__PURE__ */ React4.createElement(Flex5, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React4.createElement(Checkbox3, { checked: store.isAllPermission("isExport"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isExport", e4.target.checked);
+    } }), /* @__PURE__ */ React4.createElement(MyFlexRow, { gap: 3 }, "Xu\u1EA5t", /* @__PURE__ */ React4.createElement(IconFileExport2, { color: "var(--mantine-color-green-8)" })))))
+  ), /* @__PURE__ */ React4.createElement(Table3.Tbody, { bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))" }, (_b = list[0]) == null ? void 0 : _b.map((item, idx) => {
+    if (item.links == void 0) return /* @__PURE__ */ React4.createElement(Table3.Tr, { key: idx }, /* @__PURE__ */ React4.createElement(Table3.Td, null, item.label), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(Checkbox3, null))));
+    return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: idx }, /* @__PURE__ */ React4.createElement(Table3.Tr, { key: item.label }, /* @__PURE__ */ React4.createElement(
+      Table3.Td,
+      {
+        colSpan: 7,
+        bg: OBJECT_COlORS.mantineBackgroundBlueLight
+      },
+      /* @__PURE__ */ React4.createElement(Text13, { fs: "oblique", size: "sm", fw: "bold" }, item.label)
+    )), item.links.map(
+      (item2, idx2) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        return /* @__PURE__ */ React4.createElement(Table3.Tr, { key: idx2 }, /* @__PURE__ */ React4.createElement(Table3.Td, null, item2.label), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isRead: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isCreate: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isUpdate: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isDelete: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isPrint: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React4.createElement(Table3.Td, null, /* @__PURE__ */ React4.createElement(MyCenterFull, null, /* @__PURE__ */ React4.createElement(
+          Checkbox3,
+          {
+            checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isExport: e4.target.checked
+              });
+            }
+          }
+        ))));
+      }
+    ));
+  }))));
+}
+function useGetUserPermission() {
+  const store = useS_core83092();
+  const query = useQuery10({
+    queryKey: ["F_7p4mh9d75x_AuthorizationTable", store.state.roleId],
+    queryFn: async () => {
+      const result = await baseAxios_default.get("/Role/GetRolePermission?roleId=" + store.state.roleId);
+      const menudataFinal = utils_layout_getItemsWithoutLinks(menuData);
+      if (result.data.data.length == 0) {
+        const final = menudataFinal.map((item) => ({
+          pageId: item.pageId,
+          isRead: false,
+          isCreate: false,
+          isUpdate: false,
+          isDelete: false,
+          isExport: false,
+          isPrint: false
+        }));
+        return final.filter((item) => item.pageId != void 0);
+      }
+      const menuDataFromAPI = result.data.data;
+      const mergedArray = utils_core83092_mergePage(menudataFinal, menuDataFromAPI).map((item) => ({
+        pageId: item.pageId,
+        isCreate: item.isCreate || false,
+        isRead: item.isRead || false,
+        isUpdate: item.isUpdate || false || false,
+        isDelete: item.isDelete,
+        isPrint: item.isPrint || false,
+        isExport: item.isExport || false
+      })).filter((item) => item.pageId != void 0);
+      return mergedArray;
+    },
+    enabled: store.state.roleId != 0,
+    refetchOnWindowFocus: false
+  });
+  return query;
+}
+
+// src/modules-features/admin/core/core40207/F_core40207_Read.tsx
+import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useMemo as useMemo9 } from "react";
+
+// src/modules-features/admin/core/core40207/F_core40207_Create.tsx
+import { FileInput as FileInput6 } from "@mantine/core";
+import { useForm as useForm11 } from "@mantine/form";
+function F_core40207_Create() {
+  const form = useForm11({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Guideline,
+        //1.4 Thông tin xây dựng, cải tiến, bảo trì hệ thống
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i li\u1EC7u" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput6, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core40207/F_core40207_Delete.tsx
+function F_core40207_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core40207/F_core40207_Update.tsx
+import { FileInput as FileInput7 } from "@mantine/core";
+import { useForm as useForm12 } from "@mantine/form";
+function F_core40207_Update({ values }) {
+  var _a;
+  const form = useForm12({
+    mode: "uncontrolled",
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i li\u1EC7u" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput7, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core40207/F_core40207_Read.tsx
+function F_core40207_Read() {
+  const query = useQuery11({
+    queryKey: ["F_core40207_Read"],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get(`/Document/GetByType?documentType=${OBJECT_DOCUMENT_TYPES.Guideline}`);
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    }
+  });
+  const columns = useMemo9(
+    () => [
+      {
+        header: "M\xE3 t\xE0i li\u1EC7u",
+        accessorKey: "code"
+      },
+      {
+        header: "T\xEAn t\xE0i li\u1EC7u",
+        accessorKey: "name"
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
+        }
+      }
+    ],
+    []
+  );
+  if (query.isLoading) return "Loading...";
+  if (query.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: query.data,
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core40207_Create, null),
+      renderRowActions: ({ row }) => {
+        return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core40207_Update, { values: row.original }), /* @__PURE__ */ React.createElement(F_core40207_Delete, { id: row.original.id }));
+      }
+    }
+  );
+}
+
+// src/modules-features/admin/core/core40207/F_core40207.tsx
+function F_core40207() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(F_core40207_Read, null));
+}
+
+// src/modules-features/admin/core/core47643/F_core47643_Read.tsx
+import { Group as Group15 } from "@mantine/core";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useMemo as useMemo10 } from "react";
+
+// src/modules-features/admin/core/core47643/F_core47643_Delete.tsx
+var ENDPOINT = "/Role/Delete";
+function F_core47643_Delete({ values }) {
+  return /* @__PURE__ */ React.createElement(
+    MyActionIconDelete,
+    {
+      contextData: values.code,
+      onSubmit: () => baseAxios_default.post(ENDPOINT, { id: values.id })
+    }
+  );
+}
+
+// src/modules-features/admin/core/core47643/F_core47643_Form.tsx
+import { useForm as useForm13 } from "@mantine/form";
+function F_core47643_Form({ values }) {
+  const form = useForm13({
+    mode: "uncontrolled",
+    initialValues: values
+  });
+  if (values) return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async () => {
+    return await baseAxios_default.post("/Role/Update", form.getValues());
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ readOnly: true, variant: "filled", label: "M\xE3" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "Quy\u1EC1n" }, form.getInputProps("name"))));
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { form, onSubmit: async () => {
+    return await baseAxios_default.post("/Role/Create", form.getValues());
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "Quy\u1EC1n" }, form.getInputProps("name"))));
+}
+
+// src/modules-features/admin/core/core47643/F_core47643_Read.tsx
+function F_core47643_Read() {
+  const query = useQ_core47643_GetAdminRole();
+  const columns = useMemo10(() => [
+    {
+      header: "M\xE3",
+      accessorKey: "code"
+    },
+    {
+      header: "Quy\u1EC1n",
+      accessorKey: "name"
+    }
+  ], []);
+  if (query.isLoading) return "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...";
+  if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      data: query.data,
+      columns,
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(Group15, null, /* @__PURE__ */ React.createElement(F_core47643_Form, null)),
+      renderRowActions: ({ row }) => /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core47643_Form, { values: row.original }), /* @__PURE__ */ React.createElement(F_core47643_Delete, { values: row.original }))
+    }
+  );
+}
+function useQ_core47643_GetAdminRole() {
+  const query = useQuery12({
+    queryKey: ["useQ_core47643_GetAdminRole"],
+    queryFn: async () => {
+      const res = await baseAxios_default.get("/Role/GetAdminRole");
+      return res.data.data;
+    }
+  });
+  return query;
+}
+
+// src/modules-features/admin/core/core47643/F_core47643.tsx
+function F_core47643() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, { title: "Danh m\u1EE5c quy\u1EC1n", canBack: true }, /* @__PURE__ */ React.createElement(F_core47643_Read, null));
+}
+
+// src/modules-features/admin/core/core64229/F_core64229_Delete.tsx
+import React5 from "react";
+function F_core64229_Delete({ values }) {
+  return /* @__PURE__ */ React5.createElement(
+    MyActionIconDelete,
+    {
+      contextData: values == null ? void 0 : values.code,
+      onSubmit: () => {
+        return baseAxios_default.post("/EmailConfig/Delete", {
+          id: values == null ? void 0 : values.id
+        });
+      }
+    }
+  );
+}
+
+// src/constants/enum/ENUM_EMAILCONFIG.ts
+var ENUM_EMAILCONFIG_MODULE = /* @__PURE__ */ ((ENUM_EMAILCONFIG_MODULE2) => {
+  ENUM_EMAILCONFIG_MODULE2[ENUM_EMAILCONFIG_MODULE2["\u0110\xE0o t\u1EA1o"] = 1] = "\u0110\xE0o t\u1EA1o";
+  ENUM_EMAILCONFIG_MODULE2[ENUM_EMAILCONFIG_MODULE2["Tuy\u1EC3n sinh"] = 2] = "Tuy\u1EC3n sinh";
+  ENUM_EMAILCONFIG_MODULE2[ENUM_EMAILCONFIG_MODULE2["Sinh vi\xEAn"] = 3] = "Sinh vi\xEAn";
+  ENUM_EMAILCONFIG_MODULE2[ENUM_EMAILCONFIG_MODULE2["Kh\u1EA3o th\xED"] = 4] = "Kh\u1EA3o th\xED";
+  return ENUM_EMAILCONFIG_MODULE2;
+})(ENUM_EMAILCONFIG_MODULE || {});
+
+// src/modules-features/admin/core/core64229/F_core64229_Form.tsx
+import { PasswordInput } from "@mantine/core";
+import { useForm as useForm14 } from "@mantine/form";
+import React6 from "react";
+function F_core64229_Form({ values }) {
+  const form = useForm14({
+    mode: "uncontrolled",
+    initialValues: values ? values : {
+      emailModule: 1 /* Đào tạo */
+    }
+  });
+  function handleSubmit() {
+    const formValues = form.getValues();
+    return baseAxios_default.post(`/EmailConfig/${values ? "update" : "create"}`, {
+      "id": values ? formValues.id : 0,
+      "code": "string",
+      "name": "string",
+      "concurrencyStamp": "string",
+      "isEnabled": true,
+      "order": 0,
+      "emailModule": formValues.emailModule,
+      "hostMailServer": formValues.hostMailServer,
+      "outgoingPort": formValues.outgoingPort,
+      "incomingPort": formValues.incomingPort,
+      "sll": formValues.sll,
+      "userName": formValues.userName,
+      "password": formValues.password
+    });
+  }
+  if (values) return /* @__PURE__ */ React6.createElement(
+    MyActionIconUpdate,
+    {
+      form,
+      onSubmit: handleSubmit
+    },
+    /* @__PURE__ */ React6.createElement(FormInput, { form })
+  );
+  return /* @__PURE__ */ React6.createElement(
+    MyButtonCreate,
+    {
+      form,
+      onSubmit: handleSubmit
+    },
+    /* @__PURE__ */ React6.createElement(FormInput, { form })
+  );
+}
+function FormInput({ form }) {
+  var _a, _b;
+  return /* @__PURE__ */ React6.createElement(MyFlexColumn, null, /* @__PURE__ */ React6.createElement(
+    MySelect,
+    __spreadProps(__spreadValues({
+      label: "Ph\xE2n h\u1EC7",
+      data: utils_converter_enumToSelectOptions(ENUM_EMAILCONFIG_MODULE)
+    }, form.getInputProps("emailModule")), {
+      value: (_a = form.getValues().emailModule) == null ? void 0 : _a.toString()
+    })
+  ), /* @__PURE__ */ React6.createElement(
+    MyTextInput,
+    __spreadValues({
+      label: "Host mail server"
+    }, form.getInputProps("hostMailServer"))
+  ), /* @__PURE__ */ React6.createElement(
+    MyNumberInput,
+    __spreadValues({
+      label: "Outgoing port"
+    }, form.getInputProps("outgoingPort"))
+  ), /* @__PURE__ */ React6.createElement(
+    MyNumberInput,
+    __spreadValues({
+      label: "Incoming port"
+    }, form.getInputProps("incomingPort"))
+  ), /* @__PURE__ */ React6.createElement(
+    MySelect,
+    {
+      label: "SSL",
+      data: ["true", "false"],
+      value: (_b = form.getValues().sll) == null ? void 0 : _b.toString(),
+      onChange: (e4) => form.setFieldValue("sll", e4 == "true" ? true : false)
+    }
+  ), /* @__PURE__ */ React6.createElement(
+    MyTextInput,
+    __spreadValues({
+      label: "Username"
+    }, form.getInputProps("userName"))
+  ), /* @__PURE__ */ React6.createElement(
+    PasswordInput,
+    __spreadValues({
+      label: "Password",
+      placeholder: "Nh\u1EADp password"
+    }, form.getInputProps("password"))
+  ));
+}
+
+// src/modules-features/admin/core/core64229/F_core64229_Read.tsx
+import { useQuery as useQuery13 } from "@tanstack/react-query";
+import React7, { useMemo as useMemo11 } from "react";
+function F_core64229_Read() {
+  const query = useQuery13({
+    queryKey: ["F_core64229_Read"],
+    queryFn: async () => {
+      const res = await baseAxios_default.get("/EmailConfig/GetAll");
+      return res.data.data;
+    }
+  });
+  const columns = useMemo11(() => [
+    {
+      header: "Ph\xE2n h\u1EC7",
+      accessorFn: (row) => {
+        return ENUM_EMAILCONFIG_MODULE[row.emailModule];
+      }
+    },
+    {
+      header: "Host mail server",
+      accessorKey: "hostMailServer"
+    },
+    {
+      header: "Outgoing port",
+      accessorKey: "outgoingPort"
+    },
+    {
+      header: "Incoming port",
+      accessorKey: "incomingPort"
+    },
+    {
+      header: "SSL",
+      accessorFn: (row) => {
+        var _a;
+        return (_a = row.sll) == null ? void 0 : _a.toString();
+      }
+    },
+    {
+      header: "Username",
+      accessorKey: "userName"
+    },
+    {
+      header: "Password",
+      accessorFn: () => "*******"
+    }
+  ], []);
+  if (query.isLoading) return "\u0110ang t\u1EA3i";
+  return /* @__PURE__ */ React7.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: query.data,
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React7.createElement(F_core64229_Form, null),
+      renderRowActions: ({ row }) => /* @__PURE__ */ React7.createElement(MyCenterFull, null, /* @__PURE__ */ React7.createElement(F_core64229_Form, { values: row.original }), /* @__PURE__ */ React7.createElement(F_core64229_Delete, { values: row.original }))
+    }
+  );
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Read.tsx
+import { Button as Button17, Group as Group17 } from "@mantine/core";
+import { IconShield } from "@tabler/icons-react";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useRouter as useRouter3 } from "next/navigation";
+import { useMemo as useMemo13, useState as useState12 } from "react";
+
+// src/modules-features/admin/core/core71678/F_core71678_ChangePermission.tsx
+import { Button as Button16, Fieldset as Fieldset6, Group as Group16, Table as Table4 } from "@mantine/core";
+import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
+import { useMutation as useMutation6, useQuery as useQuery14, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { useEffect as useEffect9, useMemo as useMemo12, useState as useState11 } from "react";
+function F_core71678_ChangePermission({ user }) {
+  const disc = useDisclosure12();
+  const queryClient = useQueryClient5();
+  const [rowSelection, setRowSelection] = useState11({});
+  const rowSelect = useState11();
+  const query = useQuery14({
+    queryKey: [`F1_1ChangePermission`],
+    queryFn: async () => {
+      const response = await baseAxios_default.get("/Role/GetAdminRole");
+      return response.data.data;
+    }
+  });
+  const mutation = useMutation6({
+    mutationFn: async (roleIds) => {
+      const res = await baseAxios_default.post("/Role/AddUser?userId=" + user.id, roleIds);
+      return res;
+    }
+  });
+  const permissionColumns = useMemo12(
+    () => [
+      {
+        header: "Quy\u1EC1n",
+        accessorKey: "name"
+      }
+    ],
+    []
+  );
+  function handleSave() {
+    mutation.mutate(Object.keys(rowSelection).map(Number), {
+      onSuccess: () => {
+        utils_notification_show({ crudType: "update" });
+        disc[1].close();
+        queryClient.invalidateQueries();
+      }
+    });
+  }
+  useEffect9(() => {
+    var _a;
+    const result = (_a = user.roles) == null ? void 0 : _a.reduce((acc, item) => {
+      if (item.id !== void 0) {
+        acc[item.id] = true;
+      }
+      return acc;
+    }, {});
+    setRowSelection(result);
+  }, []);
+  return /* @__PURE__ */ React.createElement(MyButtonModal, { modalSize: "xl", disclosure: disc, title: "Ch\u1ECDn quy\u1EC1n cho ng\u01B0\u1EDDi d\xF9ng", label: "S\u1EEDa quy\u1EC1n" }, /* @__PURE__ */ React.createElement(
+    Table4,
+    {
+      w: "100%",
+      variant: "vertical",
+      layout: "fixed"
+    },
+    /* @__PURE__ */ React.createElement(Table4.Tbody, null, /* @__PURE__ */ React.createElement(Table4.Tr, null, /* @__PURE__ */ React.createElement(Table4.Th, { w: 160 }, "H\u1ECD v\xE0 t\xEAn:"), /* @__PURE__ */ React.createElement(Table4.Td, null, user.fullName)), /* @__PURE__ */ React.createElement(Table4.Tr, null, /* @__PURE__ */ React.createElement(Table4.Th, null, "T\xEAn \u0111\u0103ng nh\u1EADp:"), /* @__PURE__ */ React.createElement(Table4.Td, null, user.userName)), /* @__PURE__ */ React.createElement(Table4.Tr, null, /* @__PURE__ */ React.createElement(Table4.Th, null, "Email:"), /* @__PURE__ */ React.createElement(Table4.Td, null, user.email)))
+  ), query.isLoading && "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...", query.isError && "L\u1ED7i khi t\u1EA3i d\u1EEF li\u1EC7u...", /* @__PURE__ */ React.createElement(Fieldset6, { legend: "Ch\u1ECDn quy\u1EC1n" }, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      enableRowSelection: true,
+      onRowSelectionChange: setRowSelection,
+      state: { rowSelection },
+      setSelectedRow: rowSelect[1],
+      getRowId: (originalRow) => {
+        var _a;
+        return (_a = originalRow.id) == null ? void 0 : _a.toString();
+      },
+      initialState: {
+        density: "xs",
+        pagination: { pageIndex: 0, pageSize: 10 },
+        columnPinning: { right: ["mrt-row-actions"] },
+        columnVisibility: {
+          nguoiCapNhat: false,
+          ngayCapNhat: false
+        }
+      },
+      columns: permissionColumns,
+      data: query.data
+    }
+  )), /* @__PURE__ */ React.createElement(Group16, { justify: "flex-end", mt: 24 }, /* @__PURE__ */ React.createElement(Button16, { onClick: handleSave }, "L\u01B0u")));
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Create.tsx
+import { useForm as useForm15 } from "@mantine/form";
+var ENDPOINT2 = "/Account/create";
+function F_core71678_Create() {
+  const form = useForm15({
+    initialValues: {
+      fullName: "",
+      code: "",
+      userName: "",
+      password: "",
+      email: "",
+      phoneNumber: ""
+    },
+    validate: {
+      email: (value) => U0MyValidateEmail(value)
+    }
+  });
+  async function handleSubmit() {
+    return await baseAxios_default.post(ENDPOINT2, __spreadProps(__spreadValues({}, form.getValues()), {
+      passwordHash: "",
+      id: 0,
+      address: "",
+      concurrencyStamp: "",
+      isBlocked: false,
+      isEnabled: true,
+      workingUnitId: void 0,
+      AQModuleId: 1002
+    }));
+  }
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { form, onSubmit: handleSubmit, objectName: "ng\u01B0\u1EDDi d\xF9ng" }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "M\u1EADt kh\u1EA9u" }, form.getInputProps("password"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i" }, form.getInputProps("phoneNumber"))));
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Delete.tsx
+var ENDPOINT3 = "/Account/delete";
+function F_core71678_Delete({ id, code }) {
+  return /* @__PURE__ */ React.createElement(
+    MyActionIconDelete,
+    {
+      contextData: code,
+      onSubmit: async () => await baseAxios_default.post(ENDPOINT3, { id })
+    }
+  );
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Update.tsx
+import { useForm as useForm16 } from "@mantine/form";
+import { useEffect as useEffect10 } from "react";
+function F_core71678_Update({ user }) {
+  const form = useForm16({
+    initialValues: user
+  });
+  useEffect10(() => {
+    console.log(form.values);
+  }, [form.values]);
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Account/update",
+      __spreadProps(__spreadValues({}, values), {
+        id: values.id,
+        address: "",
+        concurrencyStamp: "",
+        isBlocked: false,
+        isEnabled: true,
+        workingUnitId: null
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ disabled: true, label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ disabled: true, label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i" }, form.getInputProps("phoneNumber")))));
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Read.tsx
+var ENDPOINT4 = "/Account/GetAdminAccount";
+function F_core71678_Read() {
+  const router = useRouter3();
+  const [rowSelection, setRowSelection] = useState12({});
+  const AllUserQuery = useQuery15({
+    queryKey: ["F_core71678_Read"],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get(
+        ENDPOINT4,
+        { params: { page: 5, pageNumber: 1 } }
+      );
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    }
+  });
+  const columns = useMemo13(
+    () => [
+      {
+        header: "T\xEAn t\xE0i kho\u1EA3n",
+        accessorKey: "userName"
+      },
+      {
+        header: "H\u1ECD v\xE0 t\xEAn",
+        accessorKey: "fullName"
+      },
+      {
+        header: "Email",
+        accessorKey: "email"
+      },
+      {
+        header: "Quy\u1EC1n",
+        accessorFn: (row) => /* @__PURE__ */ React.createElement(F_core71678_ChangePermission, { user: row })
+      }
+    ],
+    []
+  );
+  if (AllUserQuery.isLoading) return "Loading...";
+  return /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: AllUserQuery.data,
+      renderTopToolbarCustomActions: () => {
+        return /* @__PURE__ */ React.createElement(Group17, null, /* @__PURE__ */ React.createElement(F_core71678_Create, null), /* @__PURE__ */ React.createElement(
+          Button17,
+          {
+            color: "violet",
+            leftSection: /* @__PURE__ */ React.createElement(IconShield, null),
+            onClick: () => {
+              router.push("core47643");
+            }
+          },
+          "Danh m\u1EE5c quy\u1EC1n"
+        ));
+      },
+      renderRowActions: ({ row }) => {
+        return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(F_core71678_Update, { user: row.original }), /* @__PURE__ */ React.createElement(F_core71678_Delete, { id: row.original.id, code: row.original.code }));
+      }
+    }
+  );
+}
+
+// src/modules-features/admin/core/core76318/F_core76318_Read.tsx
+import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useMemo as useMemo14 } from "react";
+
+// src/modules-features/admin/core/core76318/F_core76318_Create.tsx
+import { FileInput as FileInput8 } from "@mantine/core";
+import { useForm as useForm17 } from "@mantine/form";
+function F_core76318_Create() {
+  const form = useForm17({
+    mode: "uncontrolled"
+  });
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+    return await baseAxios_default.post(
+      "/Document/create",
+      __spreadProps(__spreadValues({}, values), {
+        DocumentType: OBJECT_DOCUMENT_TYPES.Security,
+        //1.4 Thông tin xây dựng, cải tiến, bảo trì hệ thống
+        fileDetail: await utils_file_fileToAQDocumentType(values.file)
+      })
+    );
+  } }, /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput8, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core76318/F_core76318_Delete.tsx
+function F_core76318_Delete({ id }) {
+  return /* @__PURE__ */ React.createElement(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/delete", { id }) });
+}
+
+// src/modules-features/admin/core/core76318/F_core76318_Update.tsx
+import { FileInput as FileInput9, TextInput as TextInput5 } from "@mantine/core";
+import { useForm as useForm18 } from "@mantine/form";
+function F_core76318_Update({ values }) {
+  var _a;
+  const form = useForm18({
+    mode: "uncontrolled",
+    initialValues: __spreadProps(__spreadValues({}, values), {
+      file: new File([], (_a = values.path) == null ? void 0 : _a.split("/")[values.path.split("/").length - 1]),
+      promulgateDate: new Date(values.promulgateDate)
+    })
+  });
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+    return await baseAxios_default.post("/Document/Update", __spreadProps(__spreadValues({}, values2), {
+      fileDetail: await utils_file_fileToAQDocumentType(values2.file)
+    }));
+  } }, /* @__PURE__ */ React.createElement(TextInput5, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))), /* @__PURE__ */ React.createElement(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))), /* @__PURE__ */ React.createElement(TextInput5, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput9, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core83092/F_core83092.tsx
+import { Grid as Grid2, Paper as Paper7, ScrollArea as ScrollArea8 } from "@mantine/core";
+
+// src/modules-features/admin/core/core83092/F_core83092_ReadUser.tsx
+import { Container as Container5 } from "@mantine/core";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useEffect as useEffect11, useMemo as useMemo15, useState as useState13 } from "react";
+function F_core83092_ReadUser() {
+  const store = useS_core83092();
+  const query = useQ_core83092_Account_GetAdminAccount();
+  const [rowSelection, setRowSelection] = useState13({});
+  const columns = useMemo15(
+    () => [
+      {
+        header: "H\u1ECD v\xE0 t\xEAn",
+        accessorKey: "fullName",
+        size: 60
+      },
+      {
+        header: "Email",
+        accessorKey: "email"
+      }
+    ],
+    []
+  );
+  const handleRowClick = (rowId) => {
+    setRowSelection({ [rowId]: true });
+    store.setProperty("roleId", parseInt(rowId));
+  };
+  useEffect11(() => {
+    if (store.state.roleId == 0) return;
+    setRowSelection({ [store.state.roleId]: true });
+  }, [store.state.roleId]);
+  useEffect11(() => {
+    if (!query.data) return;
+    store.setProperty("roleId", query.data[0].id);
+  }, [query.data]);
+  if (query.isLoading) return "Loading...";
+  if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
+  return /* @__PURE__ */ React.createElement(Container5, { fluid: true, w: "100%" }, /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      columns,
+      data: query.data,
+      getRowId: (row) => {
+        var _a;
+        return (_a = row.id) == null ? void 0 : _a.toString();
+      },
+      mantineTableBodyRowProps: ({ row }) => ({
+        onClick: () => handleRowClick(row.id),
+        style: {
+          cursor: "pointer",
+          backgroundColor: rowSelection[row.id] ? "#d0e7ff" : "transparent"
+        }
+      }),
+      state: rowSelection
+    }
+  ));
+}
+function useQ_core83092_Account_GetAdminAccount() {
+  const query = useQuery17({
+    queryKey: ["useQ_core83092_Account_GetAdminAccount"],
+    queryFn: async () => {
+      var _a;
+      const result = await baseAxios_default.get(`/Account/GetAdminAccount`, { params: { page: 5, pageNumber: 1 } });
+      return ((_a = result.data) == null ? void 0 : _a.data) || [];
+    },
+    refetchOnWindowFocus: false
+  });
+  return query;
+}
+
+// src/modules-features/admin/core/core83092/F_core83092_Save.tsx
+import { useMutation as useMutation7 } from "@tanstack/react-query";
+import { useEffect as useEffect12, useState as useState14 } from "react";
+function F_core83092_Save() {
+  const store = useS_core83092();
+  const disable = useState14(false);
+  const mutation = useMutation7({
+    mutationFn: async (body) => {
+      const res = await baseAxios_default.put("/Role/UpdateUserPermission", body);
+      return res;
+    }
+  });
+  function handleSave() {
+    mutation.mutate({
+      pagePermissions: store.state.rolePermissions,
+      userId: store.state.roleId
+    }, {
+      onSuccess: () => {
+        utils_notification_show({
+          crudType: "update"
+        });
+      }
+    });
+  }
+  useEffect12(() => {
+    if (!store.state.rolePermissions || store.state.rolePermissions.length == 0) {
+      disable[1](true);
+      return;
+    }
+    disable[1](false);
+  }, [store.state.rolePermissions]);
+  return /* @__PURE__ */ React.createElement(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
+}
+
+// src/modules-features/admin/core/core83092/F_core83092_ViewMenuPermissions.tsx
+import { Checkbox as Checkbox4, Flex as Flex6, ScrollArea as ScrollArea7, Table as Table5, Text as Text14 } from "@mantine/core";
+import { IconEdit as IconEdit6, IconEyeUp as IconEyeUp2, IconFileExport as IconFileExport3, IconPlus as IconPlus6, IconPrinter as IconPrinter4, IconTrash as IconTrash6 } from "@tabler/icons-react";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
+import React8, { useEffect as useEffect13, useState as useState15 } from "react";
+var title2 = "Danh s\xE1ch ch\u1EE9c n\u0103ng";
+function F_core83092_ViewMenuPermissions() {
+  var _a, _b;
+  const store = useS_core83092();
+  const query = useGetUserPermission2();
+  const list = useState15([]);
+  useEffect13(() => {
+    list[1](groupToTwoLevels(menuData));
+  }, []);
+  useEffect13(() => {
+    if (!query.data) return;
+    store.setProperty("rolePermissions", query.data);
+  }, [query.data]);
+  if (((_a = list[0]) == null ? void 0 : _a.length) == 0) return "\u0110ang t\u1EA3i...";
+  return /* @__PURE__ */ React8.createElement(ScrollArea7.Autosize, { h: "70vh" }, /* @__PURE__ */ React8.createElement(Table5, null, /* @__PURE__ */ React8.createElement(
+    Table5.Thead,
+    {
+      bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))",
+      style: {
+        position: "sticky",
+        top: 0,
+        zIndex: 1,
+        boxShadow: "0px 4px 6px rgba(0, 0, 0, 0.1)",
+        border: "1px solid var(--mantine-color-gray-4)"
+      }
+    },
+    /* @__PURE__ */ React8.createElement(Table5.Tr, null, /* @__PURE__ */ React8.createElement(Table5.Th, null, title2), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isRead"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isRead", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "Xem", /* @__PURE__ */ React8.createElement(IconEyeUp2, { color: "gray" })))), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isCreate"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isCreate", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "Th\xEAm", /* @__PURE__ */ React8.createElement(IconPlus6, { color: "blue" })))), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isUpdate"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isUpdate", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "S\u1EEDa", /* @__PURE__ */ React8.createElement(IconEdit6, { color: "var(--mantine-color-yellow-8)" })))), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isDelete"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isDelete", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "X\xF3a", /* @__PURE__ */ React8.createElement(IconTrash6, { color: "var(--mantine-color-red-8)" })))), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isPrint"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isPrint", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "In", /* @__PURE__ */ React8.createElement(IconPrinter4, { color: "var(--mantine-color-cyan-8)" })))), /* @__PURE__ */ React8.createElement(Table5.Th, null, /* @__PURE__ */ React8.createElement(Flex6, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React8.createElement(Checkbox4, { checked: store.isAllPermission("isExport"), onChange: (e4) => {
+      store.toogleAllPermissionWithType("isExport", e4.target.checked);
+    } }), /* @__PURE__ */ React8.createElement(MyFlexRow, { gap: 3 }, "Xu\u1EA5t", /* @__PURE__ */ React8.createElement(IconFileExport3, { color: "var(--mantine-color-green-8)" })))))
+  ), /* @__PURE__ */ React8.createElement(Table5.Tbody, { bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))" }, (_b = list[0]) == null ? void 0 : _b.map((item, idx) => {
+    if (item.links == void 0) return /* @__PURE__ */ React8.createElement(Table5.Tr, { key: idx }, /* @__PURE__ */ React8.createElement(Table5.Td, null, item.label), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(Checkbox4, null))));
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, { key: idx }, /* @__PURE__ */ React8.createElement(Table5.Tr, { key: item.label }, /* @__PURE__ */ React8.createElement(
+      Table5.Td,
+      {
+        colSpan: 7,
+        bg: OBJECT_COlORS.mantineBackgroundBlueLight
+      },
+      /* @__PURE__ */ React8.createElement(Text14, { fs: "oblique", size: "sm", fw: "bold" }, item.label)
+    )), item.links.map(
+      (item2, idx2) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        return /* @__PURE__ */ React8.createElement(Table5.Tr, { key: idx2 }, /* @__PURE__ */ React8.createElement(Table5.Td, null, item2.label), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isRead: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isCreate: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isUpdate: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isDelete: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isPrint: e4.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React8.createElement(Table5.Td, null, /* @__PURE__ */ React8.createElement(MyCenterFull, null, /* @__PURE__ */ React8.createElement(
+          Checkbox4,
+          {
+            checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
+            onChange: (e4) => {
+              store.updatePermission(item2.pageId, {
+                isExport: e4.target.checked
+              });
+            }
+          }
+        ))));
+      }
+    ));
+  }))));
+}
+function useGetUserPermission2() {
+  const store = useS_core83092();
+  const query = useQuery18({
+    queryKey: ["F_7p4mh9d75x_AuthorizationTable", store.state.roleId],
+    queryFn: async () => {
+      const result = await baseAxios_default.get("/Role/GetUserPermission?userId=" + store.state.roleId);
+      const menudataFinal = utils_layout_getItemsWithoutLinks(menuData);
+      if (result.data.data.length == 0) {
+        const final = menudataFinal.map((item) => ({
+          pageId: item.pageId,
+          isRead: false,
+          isCreate: false,
+          isUpdate: false,
+          isDelete: false,
+          isExport: false,
+          isPrint: false
+        }));
+        return final.filter((item) => item.pageId != void 0);
+      }
+      const menuDataFromAPI = result.data.data;
+      const mergedArray = utils_core83092_mergePage(menudataFinal, menuDataFromAPI).map((item) => ({
+        pageId: item.pageId,
+        isCreate: item.isCreate || false,
+        isRead: item.isRead || false,
+        isUpdate: item.isUpdate || false || false,
+        isDelete: item.isDelete,
+        isPrint: item.isPrint || false,
+        isExport: item.isExport || false
+      })).filter((item) => item.pageId != void 0);
+      return mergedArray;
+    },
+    enabled: store.state.roleId != 0,
+    refetchOnWindowFocus: false
+  });
+  return query;
+}
+
+// src/modules-features/admin/core/core83092/F_core83092.tsx
+function F_core83092() {
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(Grid2, { grow: true }, /* @__PURE__ */ React.createElement(Grid2.Col, { span: 4 }, /* @__PURE__ */ React.createElement(F_core83092_ReadUser, null)), /* @__PURE__ */ React.createElement(Grid2.Col, { span: 8 }, /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "80vh", flex: 1 }, /* @__PURE__ */ React.createElement(ScrollArea8.Autosize, { h: "100%" }, /* @__PURE__ */ React.createElement(Paper7, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary }, /* @__PURE__ */ React.createElement(F_core83092_ViewMenuPermissions, null))), /* @__PURE__ */ React.createElement(F_core83092_Save, null)))));
+}
+
+// src/modules-features/admin/core/MainDashboard/BarChart_CourseStatus.tsx
+import { BarChart } from "@mantine/charts";
+import { Group as Group18, Paper as Paper8, Text as Text15, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_ExamStatus.tsx
+import { BarChart as BarChart2 } from "@mantine/charts";
+import { Group as Group19, Paper as Paper9, Text as Text16, useMantineColorScheme as useMantineColorScheme3 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_RevenueByAcademicYear.tsx
+import { BarChart as BarChart3 } from "@mantine/charts";
+import { Group as Group20, Paper as Paper10, Text as Text17, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_StudentStatusIn30Days.tsx
+import { BarChart as BarChart4 } from "@mantine/charts";
+import { Group as Group21, Paper as Paper11, Text as Text18, useMantineColorScheme as useMantineColorScheme5 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/HBarChart_CourseDropOutPercentage.tsx
+import { BarChart as BarChart5 } from "@mantine/charts";
+import { Group as Group22, Paper as Paper12, Text as Text19, useMantineColorScheme as useMantineColorScheme6 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/HBarChart_CourseProgressPercentage.tsx
+import { BarChart as BarChart6 } from "@mantine/charts";
+import { Group as Group23, Paper as Paper13, Text as Text20, useMantineColorScheme as useMantineColorScheme7 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_RevenueIn12Months.tsx
+import { LineChart } from "@mantine/charts";
+import { Group as Group24, Paper as Paper14, Text as Text21 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalRevenueByDiscountIn3Months.tsx
+import { LineChart as LineChart2 } from "@mantine/charts";
+import { Group as Group25, Paper as Paper15, Text as Text22 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalRevenueByVoucherIn3Months.tsx
+import { LineChart as LineChart3 } from "@mantine/charts";
+import { Group as Group26, Paper as Paper16, Text as Text23 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalStudentIn12Months.tsx
+import { LineChart as LineChart4 } from "@mantine/charts";
+import { Group as Group27, Paper as Paper17, Text as Text24 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/ViewDiscountStat.tsx
+import { Center as Center4, Progress, Space as Space4, Text as Text25 } from "@mantine/core";
+import { PieChart } from "@mantine/charts";
+import { useMemo as useMemo16 } from "react";
+function getRandomColor(seed) {
+  const random = Math.sin(seed) * 1e4;
+  const color = `#${Math.floor((random - Math.floor(random)) * 16777215).toString(16).padStart(6, "0")}`;
+  return color;
+}
+var data_used_discountCode = [
+  { name: "DSC01", value: 54, color: getRandomColor(1) },
+  { name: "DSC02", value: 32, color: getRandomColor(2) },
+  { name: "DSC03", value: 5, color: getRandomColor(3) },
+  { name: "DSC04", value: 20, color: getRandomColor(4) },
+  { name: "DSC05", value: 12, color: getRandomColor(5) },
+  { name: "DSC06", value: 45, color: getRandomColor(6) },
+  { name: "DSC07", value: 23, color: getRandomColor(7) },
+  { name: "DSC08", value: 34, color: getRandomColor(8) },
+  { name: "DSC09", value: 29, color: getRandomColor(9) },
+  { name: "DSC10", value: 18, color: getRandomColor(10) },
+  { name: "DSC11", value: 37, color: getRandomColor(11) },
+  { name: "DSC12", value: 22, color: getRandomColor(12) },
+  { name: "DSC13", value: 41, color: getRandomColor(13) },
+  { name: "DSC14", value: 27, color: getRandomColor(14) },
+  { name: "DSC15", value: 33, color: getRandomColor(15) },
+  { name: "DSC16", value: 19, color: getRandomColor(16) },
+  { name: "DSC17", value: 25, color: getRandomColor(17) },
+  { name: "DSC18", value: 30, color: getRandomColor(18) },
+  { name: "DSC19", value: 21, color: getRandomColor(19) },
+  { name: "DSC20", value: 26, color: getRandomColor(20) }
+];
+var mockData = [
+  {
+    code: "DSC01",
+    name: "Discount Code 1",
+    total: 100,
+    used: 54,
+    color: getRandomColor(1)
+  },
+  {
+    code: "DSC02",
+    name: "Discount Code 2",
+    total: 150,
+    used: 32,
+    color: getRandomColor(2)
+  },
+  {
+    code: "DSC03",
+    name: "Discount Code 3",
+    total: 10,
+    used: 5,
+    color: getRandomColor(3)
+  },
+  {
+    code: "DSC04",
+    name: "Discount Code 4",
+    total: 100,
+    used: 20,
+    color: getRandomColor(4)
+  },
+  {
+    code: "DSC05",
+    name: "Discount Code 5",
+    total: 100,
+    used: 12,
+    color: getRandomColor(5)
+  },
+  {
+    code: "DSC06",
+    name: "Discount Code 6",
+    total: 100,
+    used: 45,
+    color: getRandomColor(6)
+  },
+  {
+    code: "DSC07",
+    name: "Discount Code 7",
+    total: 100,
+    used: 23,
+    color: getRandomColor(7)
+  },
+  {
+    code: "DSC08",
+    name: "Discount Code 8",
+    total: 100,
+    used: 34,
+    color: getRandomColor(8)
+  },
+  {
+    code: "DSC09",
+    name: "Discount Code 9",
+    total: 100,
+    used: 29,
+    color: getRandomColor(9)
+  },
+  {
+    code: "DSC10",
+    name: "Discount Code 10",
+    total: 100,
+    used: 18,
+    color: getRandomColor(10)
+  },
+  {
+    code: "DSC11",
+    name: "Discount Code 11",
+    total: 100,
+    used: 37,
+    color: getRandomColor(11)
+  },
+  {
+    code: "DSC12",
+    name: "Discount Code 12",
+    total: 100,
+    used: 22,
+    color: getRandomColor(12)
+  },
+  {
+    code: "DSC13",
+    name: "Discount Code 13",
+    total: 100,
+    used: 41,
+    color: getRandomColor(13)
+  },
+  {
+    code: "DSC14",
+    name: "Discount Code 14",
+    total: 100,
+    used: 27,
+    color: getRandomColor(14)
+  },
+  {
+    code: "DSC15",
+    name: "Discount Code 15",
+    total: 100,
+    used: 33,
+    color: getRandomColor(15)
+  },
+  {
+    code: "DSC16",
+    name: "Discount Code 16",
+    total: 100,
+    used: 19,
+    color: getRandomColor(16)
+  },
+  {
+    code: "DSC17",
+    name: "Discount Code 17",
+    total: 100,
+    used: 25,
+    color: getRandomColor(17)
+  },
+  {
+    code: "DSC18",
+    name: "Discount Code 18",
+    total: 100,
+    used: 30,
+    color: getRandomColor(18)
+  },
+  {
+    code: "DSC19",
+    name: "Discount Code 19",
+    total: 100,
+    used: 21,
+    color: getRandomColor(19)
+  },
+  {
+    code: "DSC20",
+    name: "Discount Code 20",
+    total: 100,
+    used: 26,
+    color: getRandomColor(20)
+  }
+];
+function PieChart_DiscountUsedPercentage() {
+  const totalDisountCode = mockData.reduce((acc, cur) => acc + cur.used, 0);
+  const columns = useMemo16(
+    () => [
+      {
+        header: "M\xE0u",
+        accessorKey: "color",
+        accessorFn(originalRow) {
+          return /* @__PURE__ */ React.createElement("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
+        },
+        minSize: 30,
+        maxSize: 30
+      },
+      {
+        header: "M\xE3",
+        accessorKey: "code",
+        minSize: 20,
+        maxSize: 20
+      },
+      {
+        header: "%",
+        accessorKey: "used",
+        accessorFn(originalRow) {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Center4, null, /* @__PURE__ */ React.createElement(Text25, null, (originalRow.used / totalDisountCode * 100).toFixed(0), "%")));
+        },
+        minSize: 64,
+        maxSize: 64
+      },
+      {
+        header: "S\u1ED1 l\u01B0\u1EE3ng s\u1EED d\u1EE5ng",
+        accessorKey: "value",
+        accessorFn(originalRow) {
+          return originalRow.used;
+        },
+        Cell: ({ row }) => {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Center4, null, /* @__PURE__ */ React.createElement(Text25, null, "\u0110\xE3 s\u1EED d\u1EE5ng: ", /* @__PURE__ */ React.createElement("strong", null, row.original.used, " / ", row.original.total), " - (", (row.original.used / row.original.total * 100).toFixed(2), "%)")), /* @__PURE__ */ React.createElement(Progress, { color: "yellow", radius: "xs", size: "lg", value: row.original.used / row.original.total * 100 }));
+        },
+        minSize: 50,
+        maxSize: 50
+      }
+    ],
+    []
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Text25, { mb: "20" }, "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng chi\u1EBFt kh\u1EA5u h\u1ECDc vi\xEAn trong 60 ng\xE0y qua"), /* @__PURE__ */ React.createElement(Center4, null, /* @__PURE__ */ React.createElement(
+    PieChart,
+    {
+      startAngle: 90,
+      endAngle: -270,
+      strokeWidth: 0,
+      withLabelsLine: true,
+      labelsPosition: "outside",
+      withLabels: true,
+      labelsType: "percent",
+      data: data_used_discountCode
+    }
+  )), /* @__PURE__ */ React.createElement(Space4, { mt: 5 }), /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      data: mockData,
+      columns,
+      initialState: {
+        density: "xs",
+        pagination: { pageIndex: 0, pageSize: 5 }
+      }
+    }
+  )));
+}
+
+// src/modules-features/admin/core/MainDashboard/ViewVoucherStat.tsx
+import { Center as Center5, Progress as Progress2, Space as Space5, Text as Text26 } from "@mantine/core";
+import { PieChart as PieChart2 } from "@mantine/charts";
+import { useMemo as useMemo17 } from "react";
+function getRandomColor2(seed) {
+  const random = Math.sin(seed) * 1e4;
+  const color = `#${Math.floor((random - Math.floor(random)) * 16777215).toString(16).padStart(6, "0")}`;
+  return color;
+}
+var data_used_discountCode2 = [
+  { name: "VOU01", value: 124, color: getRandomColor2(1) },
+  { name: "VOU02", value: 34, color: getRandomColor2(2) },
+  { name: "VOU03", value: 23, color: getRandomColor2(3) },
+  { name: "VOU04", value: 34, color: getRandomColor2(4) },
+  { name: "VOU05", value: 46, color: getRandomColor2(5) },
+  { name: "VOU06", value: 123, color: getRandomColor2(6) },
+  { name: "VOU07", value: 87, color: getRandomColor2(7) },
+  { name: "VOU08", value: 25, color: getRandomColor2(8) },
+  { name: "VOU09", value: 34, color: getRandomColor2(9) },
+  { name: "VOU10", value: 67, color: getRandomColor2(10) },
+  { name: "VOU11", value: 23, color: getRandomColor2(11) },
+  { name: "VOU12", value: 98, color: getRandomColor2(12) },
+  { name: "VOU13", value: 54, color: getRandomColor2(13) },
+  { name: "VOU14", value: 27, color: getRandomColor2(14) },
+  { name: "VOU15", value: 3, color: getRandomColor2(15) },
+  { name: "VOU16", value: 56, color: getRandomColor2(16) },
+  { name: "VOU17", value: 85, color: getRandomColor2(17) },
+  { name: "VOU18", value: 45, color: getRandomColor2(18) },
+  { name: "VOU19", value: 64, color: getRandomColor2(19) },
+  { name: "VOU20", value: 12, color: getRandomColor2(20) }
+];
+var mockData2 = [
+  {
+    code: "VOU01",
+    name: "Voucher Code 1",
+    total: 150,
+    used: 124,
+    color: getRandomColor2(1)
+  },
+  {
+    code: "VOU02",
+    name: "Voucher Code 2",
+    total: 150,
+    used: 34,
+    color: getRandomColor2(2)
+  },
+  {
+    code: "VOU03",
+    name: "Voucher Code 3",
+    total: 50,
+    used: 23,
+    color: getRandomColor2(3)
+  },
+  {
+    code: "VOU04",
+    name: "Voucher Code 4",
+    total: 100,
+    used: 34,
+    color: getRandomColor2(4)
+  },
+  {
+    code: "VOU05",
+    name: "Voucher Code 5",
+    total: 100,
+    used: 46,
+    color: getRandomColor2(5)
+  },
+  {
+    code: "VOU06",
+    name: "Voucher Code 6",
+    total: 130,
+    used: 123,
+    color: getRandomColor2(6)
+  },
+  {
+    code: "VOU07",
+    name: "Voucher Code 7",
+    total: 100,
+    used: 87,
+    color: getRandomColor2(7)
+  },
+  {
+    code: "VOU08",
+    name: "Voucher Code 8",
+    total: 100,
+    used: 25,
+    color: getRandomColor2(8)
+  },
+  {
+    code: "VOU09",
+    name: "Voucher Code 9",
+    total: 100,
+    used: 34,
+    color: getRandomColor2(9)
+  },
+  {
+    code: "VOU10",
+    name: "Voucher Code 10",
+    total: 100,
+    used: 67,
+    color: getRandomColor2(10)
+  },
+  {
+    code: "VOU11",
+    name: "Voucher Code 11",
+    total: 100,
+    used: 23,
+    color: getRandomColor2(11)
+  },
+  {
+    code: "VOU12",
+    name: "Voucher Code 12",
+    total: 100,
+    used: 98,
+    color: getRandomColor2(12)
+  },
+  {
+    code: "VOU13",
+    name: "Voucher Code 13",
+    total: 100,
+    used: 54,
+    color: getRandomColor2(13)
+  },
+  {
+    code: "VOU14",
+    name: "Voucher Code 14",
+    total: 100,
+    used: 27,
+    color: getRandomColor2(14)
+  },
+  {
+    code: "VOU15",
+    name: "Voucher Code 15",
+    total: 100,
+    used: 3,
+    color: getRandomColor2(15)
+  },
+  {
+    code: "VOU16",
+    name: "Voucher Code 16",
+    total: 100,
+    used: 56,
+    color: getRandomColor2(16)
+  },
+  {
+    code: "VOU17",
+    name: "Voucher Code 17",
+    total: 100,
+    used: 85,
+    color: getRandomColor2(17)
+  },
+  {
+    code: "VOU18",
+    name: "Voucher Code 18",
+    total: 100,
+    used: 45,
+    color: getRandomColor2(18)
+  },
+  {
+    code: "VOU19",
+    name: "Voucher Code 19",
+    total: 100,
+    used: 64,
+    color: getRandomColor2(19)
+  },
+  {
+    code: "VOU20",
+    name: "Voucher Code 20",
+    total: 100,
+    used: 12,
+    color: getRandomColor2(20)
+  }
+];
+function PieChart_VoucherUsedPercentage() {
+  const totalVoucherCode = mockData2.reduce((acc, cur) => acc + cur.used, 0);
+  const columns = useMemo17(
+    () => [
+      {
+        header: "M\xE0u",
+        accessorKey: "color",
+        accessorFn(originalRow) {
+          return /* @__PURE__ */ React.createElement("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
+        },
+        minSize: 30,
+        maxSize: 30
+      },
+      {
+        header: "M\xE3",
+        accessorKey: "code",
+        minSize: 20,
+        maxSize: 20
+      },
+      {
+        header: "%",
+        accessorKey: "used",
+        accessorFn(originalRow) {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Center5, null, /* @__PURE__ */ React.createElement(Text26, null, (originalRow.used / totalVoucherCode * 100).toFixed(0), "%")));
+        },
+        minSize: 64,
+        maxSize: 64
+      },
+      {
+        header: "S\u1ED1 l\u01B0\u1EE3ng s\u1EED d\u1EE5ng",
+        accessorKey: "value",
+        accessorFn(originalRow) {
+          return originalRow.used;
+        },
+        Cell: ({ row }) => {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Center5, null, /* @__PURE__ */ React.createElement(Text26, null, "\u0110\xE3 s\u1EED d\u1EE5ng: ", /* @__PURE__ */ React.createElement("strong", null, row.original.used, " / ", row.original.total), " - (", (row.original.used / row.original.total * 100).toFixed(2), "%)")), /* @__PURE__ */ React.createElement(Progress2, { color: "yellow", radius: "xs", size: "lg", value: row.original.used / row.original.total * 100 }));
+        },
+        minSize: 50,
+        maxSize: 50
+      }
+    ],
+    []
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(Text26, { mb: "20" }, "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng m\xE3 gi\u1EA3m gi\xE1 h\u1ECDc vi\xEAn trong 60 ng\xE0y qua"), /* @__PURE__ */ React.createElement(Center5, null, /* @__PURE__ */ React.createElement(
+    PieChart2,
+    {
+      startAngle: 90,
+      endAngle: -270,
+      strokeWidth: 0,
+      withLabelsLine: true,
+      labelsPosition: "outside",
+      withLabels: true,
+      labelsType: "percent",
+      data: data_used_discountCode2
+    }
+  )), /* @__PURE__ */ React.createElement(Space5, { mt: 5 }), /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      data: mockData2,
+      columns,
+      initialState: {
+        density: "xs",
+        pagination: { pageIndex: 0, pageSize: 5 }
+      }
+    }
+  )));
+}
+
+// src/modules-features/authenticate/F_authenticate_Logout.tsx
+import { Button as Button18 } from "@mantine/core";
+import { IconLogout } from "@tabler/icons-react";
+import { useRouter as useRouter4 } from "next/navigation";
+
+// src/modules-features/authenticate/useS_authenticate.ts
+var useStore4 = createGenericStore({
+  initialState: { token: "" },
+  storageKey: "useS_authenticate"
+});
+function useS_authenticate() {
+  const store = useStore4();
+  function logOut() {
+  }
+  return __spreadValues({}, store);
+}
+
+// src/modules-features/authenticate/F_authenticate_Logout.tsx
+function F_authenticate_Logout() {
+  const router = useRouter4();
+  const S_Authenticate = useS_authenticate();
+  return /* @__PURE__ */ React.createElement(Button18, { onClick: () => {
+    S_Authenticate.setProperty("token", "");
+    router.replace("/authenticate/login");
+  }, leftSection: /* @__PURE__ */ React.createElement(IconLogout, null), fullWidth: true, justify: "start", variant: "subtle" }, "\u0110\u0103ng xu\u1EA5t");
+}
+
+// src/modules-features/authenticate/F_authenticate_SplashPage.tsx
+import { useRouter as useRouter5 } from "next/navigation";
+import { useEffect as useEffect14 } from "react";
+function F_authenticate_SplashPage() {
+  const router = useRouter5();
+  const S_Authenticate = useS_authenticate();
+  useEffect14(() => {
+    if (S_Authenticate.state.token == "") {
+      router.push("/authenticate/login");
+      return;
+    }
+    router.push("/admin/core71678");
+  }, [S_Authenticate.state.token]);
+  return /* @__PURE__ */ React.createElement(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/F_authenticate_Login/F_authenticate_Login.tsx
+import {
+  Anchor as Anchor2,
+  BackgroundImage,
+  Button as Button19,
+  Center as Center6,
+  Checkbox as Checkbox5,
+  Flex as Flex7,
+  Group as Group28,
+  Paper as Paper18,
+  PasswordInput as PasswordInput2,
+  Text as Text27,
+  TextInput as TextInput6,
+  Title as Title2
+} from "@mantine/core";
+import { useForm as useForm19 } from "@mantine/form";
+import { useMutation as useMutation8 } from "@tanstack/react-query";
+import axios2 from "axios";
+import Link5 from "next/link";
+import { useRouter as useRouter6 } from "next/navigation";
+import { useState as useState16 } from "react";
+
+// src/modules-features/authenticate/F_authenticate_Login/css.module.css
+var css_default3 = {};
+
+// src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
+function F_authenticate_Login({
+  loginInfo,
+  redirectUrlAfterLogin = "/admin/dashboard",
+  additionalActions,
+  backgroundImage = "/imgs/0/IMG0AuthBackground.png"
+}) {
+  const router = useRouter6();
+  const authStore = useS_authenticate();
+  const loadingState = useState16(false);
+  const mutation = useM_Account_Sigin();
+  const form = useForm19({
+    mode: "uncontrolled",
+    initialValues: {
+      username: (loginInfo == null ? void 0 : loginInfo.username) || "admincoe",
+      password: (loginInfo == null ? void 0 : loginInfo.password) || "123456"
+    },
+    validate: {
+      username: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng",
+      password: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng"
+    }
+  });
+  function handleSubmit(userName, passWord) {
+    loadingState[1](true);
+    mutation.mutate({
+      "userName": userName,
+      "passWord": passWord
+    }, {
+      onSuccess: (data) => {
+        if (data.isSuccess === false) {
+          form.setFieldError("username", "T\xE0i kho\u1EA3n kh\xF4ng t\u1ED3n t\u1EA1i!");
+          loadingState[1](false);
+          return;
+        }
+        if (data.isSuccess == 0) {
+          form.setFieldError("password", "M\u1EADt kh\u1EA9u \u0111\u0103ng nh\u1EADp kh\xF4ng ch\xEDnh x\xE1c!");
+          loadingState[1](false);
+          return;
+        }
+        authStore.setProperty("token", data.data.token);
+        router.replace(redirectUrlAfterLogin);
+      }
+    });
+  }
+  return /* @__PURE__ */ React.createElement(
+    BackgroundImage,
+    {
+      src: backgroundImage,
+      h: "100vh"
+    },
+    /* @__PURE__ */ React.createElement(Center6, { h: "100vh" }, /* @__PURE__ */ React.createElement(Paper18, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md" }, /* @__PURE__ */ React.createElement(Flex7, { direction: "column", mb: "md" }, /* @__PURE__ */ React.createElement(Title2, { ta: "center", className: css_default3.title }, "\u0110\u0103ng nh\u1EADp!"), /* @__PURE__ */ React.createElement(Text27, { c: "dimmed", size: "sm", ta: "center", mt: 5 }, "B\u1EA1n g\u1EB7p v\u1EA5n \u0111\u1EC1 k\u1EF9 thu\u1EADt?\xA0", /* @__PURE__ */ React.createElement(Anchor2, { size: "sm", component: "button" }, "V\xE0o link n\xE0y"))), /* @__PURE__ */ React.createElement("form", { onSubmit: form.onSubmit(async (values) => handleSubmit(values.username, values.password)) }, /* @__PURE__ */ React.createElement(MyFlexColumn, null, /* @__PURE__ */ React.createElement(
+      TextInput6,
+      __spreadProps(__spreadValues({}, form.getInputProps("username")), {
+        label: "T\xE0i kho\u1EA3n",
+        placeholder: "Nh\u1EADp t\xE0i kho\u1EA3n c\u1EE7a b\u1EA1n",
+        withAsterisk: true
+      })
+    ), /* @__PURE__ */ React.createElement(
+      PasswordInput2,
+      __spreadProps(__spreadValues({}, form.getInputProps("password")), {
+        label: "M\u1EADt kh\u1EA9u",
+        placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u c\u1EE7a b\u1EA1n",
+        withAsterisk: true
+      })
+    ), /* @__PURE__ */ React.createElement(Group28, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Checkbox5, { label: "L\u01B0u \u0111\u0103ng nh\u1EADp" }), /* @__PURE__ */ React.createElement(Anchor2, { component: Link5, href: "quen-mat-khau", size: "sm" }, "Qu\xEAn m\u1EADt kh\u1EA9u?")), /* @__PURE__ */ React.createElement(
+      Button19,
+      {
+        loading: loadingState[0],
+        type: "submit",
+        fullWidth: true
+      },
+      "\u0110\u0103ng nh\u1EADp"
+    ), additionalActions))))
+  );
+}
+function useM_Account_Sigin() {
+  const ENDPOINT5 = process.env.NEXT_PUBLIC_API + "/Account/SignIn";
+  const mutation = useMutation8({
+    mutationFn: async (values) => {
+      const result = await axios2.post(ENDPOINT5, values);
+      return result.data;
+    }
+  });
+  return mutation;
+}
+
+export {
+  MyBoxesCore,
+  Boxes,
+  MyCardioLoader,
+  MyBoxesBackground,
+  MyActionIcon,
+  MyTextInput,
+  MyFlexColumn,
+  MyActionIconCheck,
+  MyButton,
+  MyActionIconModal,
+  MyActionIconDelete,
+  MyActionIconUpdate,
+  MyActionIconDownloadPDF,
+  MyActionIconUpload,
+  MyActionIconViewPDF,
+  MySwitchTheme,
+  MyAppSpotlight,
+  SpotlightTrigger,
+  MyAnchorViewPDF,
+  MyButtonModal,
+  AQButtonCreateByImportFile,
+  AQButtonExportData,
+  MyButtonCreate,
+  MySelect,
+  MyFlexEnd,
+  useS_ButtonImport,
+  SelectFieldModal,
+  MyDataTable,
+  SelectFileModal,
+  MyButtonImport,
+  AQSelectTableByOpenModal,
+  MyButtonPrintPDF,
+  MyHtmlWrapper,
+  MyButtonPrintTablePDF,
+  MyButtonRouterBack,
+  MyButtonViewPDF,
+  MyCalendar,
+  MyCenterFull,
+  MyCheckbox,
+  MyFlexRow,
+  AQCard,
+  MyKeyLabel,
+  MyNumberFormatter,
+  AQStatCard1,
+  MyDateInput,
+  MyFieldset,
+  MyFileInput,
+  MyNumberInput,
+  MyTextArea,
+  MyTextEditor,
+  MyPageContent,
+  F_core18256_Select,
+  F_core12196_Create,
+  F_core12196_Delete,
+  F_core12196_Update,
+  F_core12196,
+  F_core16209_Create,
+  F_core16209_Delete,
+  F_core16209_Update,
+  F_core16209,
+  F_core18256_Create,
+  F_core18256_Delete,
+  F_core18256_Update,
+  F_core18256_Read,
+  F_core18256,
+  F_core26965_Create,
+  F_core26965_Delete,
+  F_core26965_Update,
+  F_core26965,
+  F_core27311_Create,
+  F_core27311_Delete,
+  F_core27311_Update,
+  F_core27311_Read,
+  F_core27311,
+  useS_core83092,
+  utils_core83092_mergePage,
+  F_core38677_ReadUser,
+  F_core38677_Save,
+  F_core38677_ViewMenuPermissions,
+  F_core40207_Create,
+  F_core40207_Delete,
+  F_core40207_Update,
+  F_core40207_Read,
+  F_core40207,
+  F_core47643_Delete,
+  F_core47643_Form,
+  F_core47643_Read,
+  F_core47643,
+  F_core64229_Delete,
+  F_core64229_Form,
+  F_core64229_Read,
+  F_core71678_ChangePermission,
+  F_core71678_Create,
+  F_core71678_Delete,
+  F_core71678_Update,
+  F_core71678_Read,
+  F_core76318_Create,
+  F_core76318_Delete,
+  F_core76318_Update,
+  F_core83092_ReadUser,
+  F_core83092_Save,
+  F_core83092_ViewMenuPermissions,
+  F_core83092,
+  PieChart_DiscountUsedPercentage,
+  PieChart_VoucherUsedPercentage,
+  useS_authenticate,
+  F_authenticate_Logout,
+  F_authenticate_SplashPage,
+  F_authenticate_Login,
+  BasicAppShell_transformMenuToEnum,
+  BasicAppShell,
+  groupToTwoLevels,
+  utils_layout_getItemsWithoutLinks,
+  MyContainer,
+  useHeaderMegaMenuStore,
+  HeaderMegaMenu,
   MyTab,
   MyDataTableSelect,
   MySelectAPIGet,