aq-fe-framework 0.1.29 → 0.1.32

package/dist/modules-features/admin/core/index.mjs

@@ -0,0 +1,2330 @@
+import {
+  MyActionIconDelete,
+  MyActionIconUpdate,
+  MyButton,
+  MyButtonCreate,
+  MyButtonModal,
+  MyButtonViewPDF,
+  MyCenterFull,
+  MyDataTable,
+  MyDateInput,
+  MyFileInput,
+  MyFlexColumn,
+  MyFlexRow,
+  MyNumberInput,
+  MyPageContent,
+  MyTab,
+  MyTextInput,
+  OBJECT_COlORS,
+  baseAxios_default,
+  createGenericStore,
+  groupToTwoLevels,
+  utils_layout_getItemsWithoutLinks
+} from "../../../chunk-SQDX26UQ.mjs";
+import {
+  U0DateToDDMMYYYString,
+  U0MyValidateEmail,
+  utils_file_fileToAQDocumentType
+} from "../../../chunk-GHGYRQUR.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  utils_notification_show
+} from "../../../chunk-ZEQATKHS.mjs";
+
+// src/modules-features/admin/core/core12196/F_core12196.tsx
+import { Accordion, Blockquote } from "@mantine/core";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+
+// 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 } from "react";
+
+// src/modules-features/admin/core/core18256/F_core18256_Select.tsx
+import { Select } from "@mantine/core";
+import { useQuery } 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 = useQuery({
+    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(
+    Select,
+    __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 = useQuery2({
+    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 = useQuery2({
+    queryKey: ["SF2_3Read" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo(
+    () => [
+      {
+        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 useQuery3 } from "@tanstack/react-query";
+import { useMemo as useMemo2 } from "react";
+
+// src/modules-features/admin/core/core16209/F_core16209_Create.tsx
+import { FileInput } 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(FileInput, __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 FileInput2, TextInput } 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(TextInput, __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(TextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput2, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core16209/F_core16209.tsx
+function F_core16209() {
+  const query = useQuery3({
+    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 = useMemo2(
+    () => [
+      {
+        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 } from "@mantine/core";
+
+// src/modules-features/admin/core/core18256/F_core18256_Read.tsx
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useMemo as useMemo3 } 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 = useQuery4({
+    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 = useMemo3(
+    () => [
+      {
+        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(Tabs.Panel, { value: "1. V\u0103n b\u1EA3n quy \u0111\u1ECBnh" }, /* @__PURE__ */ React.createElement(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Regulations })), /* @__PURE__ */ React.createElement(Tabs.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(Tabs.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 useQuery5 } from "@tanstack/react-query";
+import { useMemo as useMemo4 } 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 = useQuery5({
+    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 = useQuery5({
+    queryKey: ["SubRead" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo4(
+    () => [
+      {
+        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 useQuery6 } from "@tanstack/react-query";
+import { useMemo as useMemo5 } 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 = useQuery6({
+    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 = useQuery6({
+    queryKey: ["SubRead" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios_default.get(`/Document/GetByDocumentAttribute?id=${documentType}`);
+      return result.data.data;
+    }
+  });
+  const columns = useMemo5(
+    () => [
+      {
+        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, ScrollArea as ScrollArea2 } from "@mantine/core";
+
+// src/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx
+import { Container } from "@mantine/core";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { useEffect, useMemo as useMemo6, useState } from "react";
+
+// src/modules-features/admin/core/core83092/useS_core83092.tsx
+var useStore = createGenericStore({
+  initialState: { roleId: 0 },
+  storageKey: "useS_core83092"
+});
+function useS_core83092() {
+  const store = useStore();
+  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] = useState({});
+  const columns = useMemo6(
+    () => [
+      {
+        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));
+  };
+  useEffect(() => {
+    if (store.state.roleId == 0) return;
+    setRowSelection({ [store.state.roleId]: true });
+  }, [store.state.roleId]);
+  useEffect(() => {
+    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(Container, { 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 = useQuery7({
+    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 } from "@tanstack/react-query";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+function F_core38677_Save() {
+  const store = useS_core83092();
+  const disable = useState2(false);
+  const mutation = useMutation({
+    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"
+        });
+      }
+    });
+  }
+  useEffect2(() => {
+    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" }
+    ]
+  },
+  {
+    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, Flex, ScrollArea, Table, Text } from "@mantine/core";
+import { IconEdit, IconEyeUp, IconFileExport, IconPlus, IconPrinter, IconTrash } from "@tabler/icons-react";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
+import React2, { useEffect as useEffect3, useState as useState3 } 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 = useState3([]);
+  useEffect3(() => {
+    list[1](groupToTwoLevels(menuData));
+  }, []);
+  useEffect3(() => {
+    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__ */ React2.createElement(ScrollArea.Autosize, { h: "70vh" }, /* @__PURE__ */ React2.createElement(Table, null, /* @__PURE__ */ React2.createElement(
+    Table.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__ */ React2.createElement(Table.Tr, null, /* @__PURE__ */ React2.createElement(Table.Th, null, title), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isRead"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isRead", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "Xem", /* @__PURE__ */ React2.createElement(IconEyeUp, { color: "gray" })))), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isCreate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isCreate", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "Th\xEAm", /* @__PURE__ */ React2.createElement(IconPlus, { color: "blue" })))), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isUpdate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isUpdate", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "S\u1EEDa", /* @__PURE__ */ React2.createElement(IconEdit, { color: "var(--mantine-color-yellow-8)" })))), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isDelete"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isDelete", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "X\xF3a", /* @__PURE__ */ React2.createElement(IconTrash, { color: "var(--mantine-color-red-8)" })))), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isPrint"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isPrint", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "In", /* @__PURE__ */ React2.createElement(IconPrinter, { color: "var(--mantine-color-cyan-8)" })))), /* @__PURE__ */ React2.createElement(Table.Th, null, /* @__PURE__ */ React2.createElement(Flex, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React2.createElement(Checkbox, { checked: store.isAllPermission("isExport"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isExport", e.target.checked);
+    } }), /* @__PURE__ */ React2.createElement(MyFlexRow, { gap: 3 }, "Xu\u1EA5t", /* @__PURE__ */ React2.createElement(IconFileExport, { color: "var(--mantine-color-green-8)" })))))
+  ), /* @__PURE__ */ React2.createElement(Table.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__ */ React2.createElement(Table.Tr, { key: idx }, /* @__PURE__ */ React2.createElement(Table.Td, null, item.label), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(Checkbox, null))));
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, { key: idx }, /* @__PURE__ */ React2.createElement(Table.Tr, { key: item.label }, /* @__PURE__ */ React2.createElement(
+      Table.Td,
+      {
+        colSpan: 7,
+        bg: OBJECT_COlORS.mantineBackgroundBlueLight
+      },
+      /* @__PURE__ */ React2.createElement(Text, { fs: "oblique", size: "sm", fw: "bold" }, item.label)
+    )), item.links.map(
+      (item2, idx2) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        return /* @__PURE__ */ React2.createElement(Table.Tr, { key: idx2 }, /* @__PURE__ */ React2.createElement(Table.Td, null, item2.label), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isRead: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isCreate: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isUpdate: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isDelete: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isPrint: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React2.createElement(Table.Td, null, /* @__PURE__ */ React2.createElement(MyCenterFull, null, /* @__PURE__ */ React2.createElement(
+          Checkbox,
+          {
+            checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isExport: e.target.checked
+              });
+            }
+          }
+        ))));
+      }
+    ));
+  }))));
+}
+function useGetUserPermission() {
+  const store = useS_core83092();
+  const query = useQuery8({
+    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 useQuery9 } from "@tanstack/react-query";
+import { useMemo as useMemo7 } from "react";
+
+// src/modules-features/admin/core/core40207/F_core40207_Create.tsx
+import { FileInput as FileInput3 } 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(FileInput3, __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 FileInput4 } 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(FileInput4, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core40207/F_core40207_Read.tsx
+function F_core40207_Read() {
+  const query = useQuery9({
+    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 = useMemo7(
+    () => [
+      {
+        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 } from "@mantine/core";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useMemo as useMemo8 } 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 = useMemo8(() => [
+    {
+      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(Group, 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 = useQuery10({
+    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/core71678/F_core71678_Read.tsx
+import { Button as Button2, Group as Group3 } from "@mantine/core";
+import { IconShield } from "@tabler/icons-react";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
+import { useMemo as useMemo10, useState as useState5 } from "react";
+
+// src/modules-features/admin/core/core71678/F_core71678_ChangePermission.tsx
+import { Button, Fieldset, Group as Group2, Table as Table2 } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { useMutation as useMutation2, useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
+import { useEffect as useEffect4, useMemo as useMemo9, useState as useState4 } from "react";
+function F_core71678_ChangePermission({ user }) {
+  const disc = useDisclosure();
+  const queryClient = useQueryClient();
+  const [rowSelection, setRowSelection] = useState4({});
+  const rowSelect = useState4();
+  const query = useQuery11({
+    queryKey: [`F1_1ChangePermission`],
+    queryFn: async () => {
+      const response = await baseAxios_default.get("/Role/GetAdminRole");
+      return response.data.data;
+    }
+  });
+  const mutation = useMutation2({
+    mutationFn: async (roleIds) => {
+      const res = await baseAxios_default.post("/Role/AddUser?userId=" + user.id, roleIds);
+      return res;
+    }
+  });
+  const permissionColumns = useMemo9(
+    () => [
+      {
+        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();
+      }
+    });
+  }
+  useEffect4(() => {
+    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(
+    Table2,
+    {
+      w: "100%",
+      variant: "vertical",
+      layout: "fixed"
+    },
+    /* @__PURE__ */ React.createElement(Table2.Tbody, null, /* @__PURE__ */ React.createElement(Table2.Tr, null, /* @__PURE__ */ React.createElement(Table2.Th, { w: 160 }, "H\u1ECD v\xE0 t\xEAn:"), /* @__PURE__ */ React.createElement(Table2.Td, null, user.fullName)), /* @__PURE__ */ React.createElement(Table2.Tr, null, /* @__PURE__ */ React.createElement(Table2.Th, null, "T\xEAn \u0111\u0103ng nh\u1EADp:"), /* @__PURE__ */ React.createElement(Table2.Td, null, user.userName)), /* @__PURE__ */ React.createElement(Table2.Tr, null, /* @__PURE__ */ React.createElement(Table2.Th, null, "Email:"), /* @__PURE__ */ React.createElement(Table2.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(Fieldset, { 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(Group2, { justify: "flex-end", mt: 24 }, /* @__PURE__ */ React.createElement(Button, { onClick: handleSave }, "L\u01B0u")));
+}
+
+// src/modules-features/admin/core/core71678/F_core71678_Create.tsx
+import { useForm as useForm14 } from "@mantine/form";
+var ENDPOINT2 = "/Account/create";
+function F_core71678_Create() {
+  const form = useForm14({
+    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 useForm15 } from "@mantine/form";
+import { useEffect as useEffect5 } from "react";
+function F_core71678_Update({ user }) {
+  const form = useForm15({
+    initialValues: user
+  });
+  useEffect5(() => {
+    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 = useRouter();
+  const [rowSelection, setRowSelection] = useState5({});
+  const AllUserQuery = useQuery12({
+    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 = useMemo10(
+    () => [
+      {
+        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(Group3, null, /* @__PURE__ */ React.createElement(F_core71678_Create, null), /* @__PURE__ */ React.createElement(
+          Button2,
+          {
+            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 useQuery13 } from "@tanstack/react-query";
+import { useMemo as useMemo11 } from "react";
+
+// src/modules-features/admin/core/core76318/F_core76318_Create.tsx
+import { FileInput as FileInput5 } from "@mantine/core";
+import { useForm as useForm16 } from "@mantine/form";
+function F_core76318_Create() {
+  const form = useForm16({
+    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(FileInput5, __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 FileInput6, TextInput as TextInput2 } from "@mantine/core";
+import { useForm as useForm17 } from "@mantine/form";
+function F_core76318_Update({ values }) {
+  var _a;
+  const form = useForm17({
+    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(TextInput2, __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(TextInput2, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))), /* @__PURE__ */ React.createElement(FileInput6, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("file"))));
+}
+
+// src/modules-features/admin/core/core83092/F_core83092.tsx
+import { Grid as Grid2, Paper as Paper2, ScrollArea as ScrollArea4 } from "@mantine/core";
+
+// src/modules-features/admin/core/core83092/F_core83092_ReadUser.tsx
+import { Container as Container2 } from "@mantine/core";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useEffect as useEffect6, useMemo as useMemo12, useState as useState6 } from "react";
+function F_core83092_ReadUser() {
+  const store = useS_core83092();
+  const query = useQ_core83092_Account_GetAdminAccount();
+  const [rowSelection, setRowSelection] = useState6({});
+  const columns = useMemo12(
+    () => [
+      {
+        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));
+  };
+  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(Container2, { 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 = useQuery14({
+    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 useMutation3 } from "@tanstack/react-query";
+import { useEffect as useEffect7, useState as useState7 } from "react";
+function F_core83092_Save() {
+  const store = useS_core83092();
+  const disable = useState7(false);
+  const mutation = useMutation3({
+    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"
+        });
+      }
+    });
+  }
+  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/modules-features/admin/core/core83092/F_core83092_ViewMenuPermissions.tsx
+import { Checkbox as Checkbox2, Flex as Flex2, ScrollArea as ScrollArea3, Table as Table3, Text as Text2 } from "@mantine/core";
+import { IconEdit as IconEdit2, IconEyeUp as IconEyeUp2, IconFileExport as IconFileExport2, IconPlus as IconPlus2, IconPrinter as IconPrinter2, IconTrash as IconTrash2 } from "@tabler/icons-react";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
+import React3, { useEffect as useEffect8, useState as useState8 } 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 = useState8([]);
+  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__ */ React3.createElement(ScrollArea3.Autosize, { h: "70vh" }, /* @__PURE__ */ React3.createElement(Table3, null, /* @__PURE__ */ React3.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__ */ React3.createElement(Table3.Tr, null, /* @__PURE__ */ React3.createElement(Table3.Th, null, title2), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isRead"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isRead", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "Xem", /* @__PURE__ */ React3.createElement(IconEyeUp2, { color: "gray" })))), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isCreate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isCreate", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "Th\xEAm", /* @__PURE__ */ React3.createElement(IconPlus2, { color: "blue" })))), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isUpdate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isUpdate", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "S\u1EEDa", /* @__PURE__ */ React3.createElement(IconEdit2, { color: "var(--mantine-color-yellow-8)" })))), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isDelete"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isDelete", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "X\xF3a", /* @__PURE__ */ React3.createElement(IconTrash2, { color: "var(--mantine-color-red-8)" })))), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isPrint"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isPrint", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "In", /* @__PURE__ */ React3.createElement(IconPrinter2, { color: "var(--mantine-color-cyan-8)" })))), /* @__PURE__ */ React3.createElement(Table3.Th, null, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React3.createElement(Checkbox2, { checked: store.isAllPermission("isExport"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isExport", e.target.checked);
+    } }), /* @__PURE__ */ React3.createElement(MyFlexRow, { gap: 3 }, "Xu\u1EA5t", /* @__PURE__ */ React3.createElement(IconFileExport2, { color: "var(--mantine-color-green-8)" })))))
+  ), /* @__PURE__ */ React3.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__ */ React3.createElement(Table3.Tr, { key: idx }, /* @__PURE__ */ React3.createElement(Table3.Td, null, item.label), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(Checkbox2, null))));
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, { key: idx }, /* @__PURE__ */ React3.createElement(Table3.Tr, { key: item.label }, /* @__PURE__ */ React3.createElement(
+      Table3.Td,
+      {
+        colSpan: 7,
+        bg: OBJECT_COlORS.mantineBackgroundBlueLight
+      },
+      /* @__PURE__ */ React3.createElement(Text2, { fs: "oblique", size: "sm", fw: "bold" }, item.label)
+    )), item.links.map(
+      (item2, idx2) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        return /* @__PURE__ */ React3.createElement(Table3.Tr, { key: idx2 }, /* @__PURE__ */ React3.createElement(Table3.Td, null, item2.label), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isRead: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isCreate: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isUpdate: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isDelete: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isPrint: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React3.createElement(Table3.Td, null, /* @__PURE__ */ React3.createElement(MyCenterFull, null, /* @__PURE__ */ React3.createElement(
+          Checkbox2,
+          {
+            checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isExport: e.target.checked
+              });
+            }
+          }
+        ))));
+      }
+    ));
+  }))));
+}
+function useGetUserPermission2() {
+  const store = useS_core83092();
+  const query = useQuery15({
+    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(ScrollArea4.Autosize, { h: "100%" }, /* @__PURE__ */ React.createElement(Paper2, { 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 Group4, Paper as Paper3, Text as Text3, useMantineColorScheme } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_ExamStatus.tsx
+import { BarChart as BarChart2 } from "@mantine/charts";
+import { Group as Group5, Paper as Paper4, Text as Text4, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_RevenueByAcademicYear.tsx
+import { BarChart as BarChart3 } from "@mantine/charts";
+import { Group as Group6, Paper as Paper5, Text as Text5, useMantineColorScheme as useMantineColorScheme3 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/BarChart_StudentStatusIn30Days.tsx
+import { BarChart as BarChart4 } from "@mantine/charts";
+import { Group as Group7, Paper as Paper6, Text as Text6, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/HBarChart_CourseDropOutPercentage.tsx
+import { BarChart as BarChart5 } from "@mantine/charts";
+import { Group as Group8, Paper as Paper7, Text as Text7, useMantineColorScheme as useMantineColorScheme5 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/HBarChart_CourseProgressPercentage.tsx
+import { BarChart as BarChart6 } from "@mantine/charts";
+import { Group as Group9, Paper as Paper8, Text as Text8, useMantineColorScheme as useMantineColorScheme6 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_RevenueIn12Months.tsx
+import { LineChart } from "@mantine/charts";
+import { Group as Group10, Paper as Paper9, Text as Text9 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalRevenueByDiscountIn3Months.tsx
+import { LineChart as LineChart2 } from "@mantine/charts";
+import { Group as Group11, Paper as Paper10, Text as Text10 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalRevenueByVoucherIn3Months.tsx
+import { LineChart as LineChart3 } from "@mantine/charts";
+import { Group as Group12, Paper as Paper11, Text as Text11 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/LineChart_TotalStudentIn12Months.tsx
+import { LineChart as LineChart4 } from "@mantine/charts";
+import { Group as Group13, Paper as Paper12, Text as Text12 } from "@mantine/core";
+
+// src/modules-features/admin/core/MainDashboard/ViewDiscountStat.tsx
+import { Center, Progress, Space, Text as Text13 } from "@mantine/core";
+import { PieChart } from "@mantine/charts";
+import { useMemo as useMemo13 } 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 = useMemo13(
+    () => [
+      {
+        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(Center, null, /* @__PURE__ */ React.createElement(Text13, 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(Center, null, /* @__PURE__ */ React.createElement(Text13, 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(Text13, { 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(Center, 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(Space, { 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 Center2, Progress as Progress2, Space as Space2, Text as Text14 } from "@mantine/core";
+import { PieChart as PieChart2 } from "@mantine/charts";
+import { useMemo as useMemo14 } 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 = useMemo14(
+    () => [
+      {
+        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(Center2, null, /* @__PURE__ */ React.createElement(Text14, 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(Center2, null, /* @__PURE__ */ React.createElement(Text14, 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(Text14, { 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(Center2, 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(Space2, { mt: 5 }), /* @__PURE__ */ React.createElement(
+    MyDataTable,
+    {
+      data: mockData2,
+      columns,
+      initialState: {
+        density: "xs",
+        pagination: { pageIndex: 0, pageSize: 5 }
+      }
+    }
+  )));
+}
+export {
+  F_core12196,
+  F_core12196_Create,
+  F_core12196_Delete,
+  F_core12196_Update,
+  F_core16209,
+  F_core16209_Create,
+  F_core16209_Delete,
+  F_core16209_Update,
+  F_core18256,
+  F_core18256_Create,
+  F_core18256_Delete,
+  F_core18256_Read,
+  F_core18256_Select,
+  F_core18256_Update,
+  F_core26965,
+  F_core26965_Create,
+  F_core26965_Delete,
+  F_core26965_Update,
+  F_core27311,
+  F_core27311_Create,
+  F_core27311_Delete,
+  F_core27311_Read,
+  F_core27311_Update,
+  F_core38677_ReadUser,
+  F_core38677_Save,
+  F_core38677_ViewMenuPermissions,
+  F_core40207,
+  F_core40207_Create,
+  F_core40207_Delete,
+  F_core40207_Read,
+  F_core40207_Update,
+  F_core47643,
+  F_core47643_Delete,
+  F_core47643_Form,
+  F_core47643_Read,
+  F_core71678_ChangePermission,
+  F_core71678_Create,
+  F_core71678_Delete,
+  F_core71678_Read,
+  F_core71678_Update,
+  F_core76318_Create,
+  F_core76318_Delete,
+  F_core76318_Update,
+  F_core83092,
+  F_core83092_ReadUser,
+  F_core83092_Save,
+  F_core83092_ViewMenuPermissions,
+  PieChart_DiscountUsedPercentage,
+  PieChart_VoucherUsedPercentage,
+  useS_core83092,
+  utils_core83092_mergePage
+};