aq-fe-framework 0.1.49 → 0.1.51

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

@@ -20,10 +20,7 @@ import {
   baseAxios_default,
   groupToTwoLevels,
   utils_layout_getItemsWithoutLinks
-} from "../../../chunk-BSS3LQUY.mjs";
-import {
-  createGenericStore
-} from "../../../chunk-GL5OCTFE.mjs";
+} from "../../../chunk-65SFHKW6.mjs";
 import {
   U0DateToDDMMYYYString,
   U0MyValidateEmail,
@@ -33,6 +30,9 @@ import {
 import {
   utils_notification_show
 } from "../../../chunk-CDDX46TC.mjs";
+import {
+  createGenericStore
+} from "../../../chunk-GL5OCTFE.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -59,7 +59,6 @@ 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";
-import { jsx } from "react/jsx-runtime";
 function F_core18256_Select(_a) {
   var _b = _a, { documentTypeId, label = "", dataMapper } = _b, rest = __objRest(_b, ["documentTypeId", "label", "dataMapper"]);
   var _a2, _b2;
@@ -79,7 +78,7 @@ function F_core18256_Select(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Select,
     __spreadProps(__spreadValues({
       label,
@@ -93,12 +92,11 @@ function F_core18256_Select(_a) {
 
 // src/modules-features/admin/core/core12196/F_core12196_Create.tsx
 import { useForm } from "@mantine/form";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function F_core12196_Create() {
   const form = useForm({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+  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), {
@@ -106,25 +104,16 @@ function F_core12196_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx2(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx2(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx2(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx2(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Form }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx2(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx2(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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
-import { jsx as jsx3 } from "react/jsx-runtime";
 function F_core12196_Delete({ id }) {
-  return /* @__PURE__ */ jsx3(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/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";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function F_core12196_Update({ values }) {
   var _a;
   const form = useForm2({
@@ -133,22 +122,14 @@ function F_core12196_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs2(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx4(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx4(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx4(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx4(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Form }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx4(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx4(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function F_core12196() {
   var _a, _b, _c;
   const documentAttributeQuery = useQuery2({
@@ -161,11 +142,11 @@ function F_core12196() {
   });
   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__ */ jsx5(Blockquote, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
-  return /* @__PURE__ */ jsx5(MyPageContent, { rightTopBar: /* @__PURE__ */ jsx5(F_core12196_Create, {}), children: /* @__PURE__ */ jsx5(MyFlexColumn, { children: /* @__PURE__ */ jsx5(Accordion, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+  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, children: (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ jsx5(SubRead, { name: item.name, documentType: item.id }, idx)) }) }) });
+  }), 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({
@@ -192,7 +173,7 @@ function SubRead({ name, documentType }) {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx5(MyCenterFull, { children: /* @__PURE__ */ jsx5(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
         }
       }
     ],
@@ -200,20 +181,14 @@ function SubRead({ name, documentType }) {
   );
   if (documentQuery.isLoading) return "Loading...";
   if (documentQuery.isError) return "Error!";
-  return /* @__PURE__ */ jsxs3(Accordion.Item, { value: documentType.toString(), children: [
-    /* @__PURE__ */ jsx5(Accordion.Control, { children: name }),
-    /* @__PURE__ */ jsx5(Accordion.Panel, { children: /* @__PURE__ */ jsx5(
-      MyDataTable,
-      {
-        columns,
-        data: documentQuery.data,
-        renderRowActions: ({ row }) => /* @__PURE__ */ jsxs3(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx5(F_core12196_Update, { values: row.original }),
-          /* @__PURE__ */ jsx5(F_core12196_Delete, { id: row.original.id })
-        ] })
-      }
-    ) })
-  ] });
+  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
@@ -223,12 +198,11 @@ 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";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function F_core16209_Create() {
   const form = useForm3({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs4(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
     return await baseAxios_default.post(
       "/Document/create",
       __spreadProps(__spreadValues({}, values), {
@@ -237,25 +211,17 @@ function F_core16209_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx6(MyTextInput, __spreadValues({ label: "\u0110\u01A1n v\u1ECB y\xEAu c\u1EA7u" }, form.getInputProps("departmentName"))),
-    /* @__PURE__ */ jsx6(MyTextInput, __spreadValues({ label: "N\u1ED9i dung c\u1EA3i ti\u1EBFn" }, form.getInputProps("description"))),
-    /* @__PURE__ */ jsx6(MyDateInput, __spreadValues({ label: "Ng\xE0y b\u1EAFt \u0111\u1EA7u" }, form.getInputProps("startDate"))),
-    /* @__PURE__ */ jsx6(MyDateInput, __spreadValues({ label: "Ng\xE0y k\u1EBFt th\xFAc" }, form.getInputProps("endDate"))),
-    /* @__PURE__ */ jsx6(FileInput, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("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
-import { jsx as jsx7 } from "react/jsx-runtime";
 function F_core16209_Delete({ id }) {
-  return /* @__PURE__ */ jsx7(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/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";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function F_core16209_Update({ values }) {
   var _a;
   const form = useForm4({
@@ -265,20 +231,14 @@ function F_core16209_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs5(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx8(TextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx8(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx8(TextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx8(FileInput2, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("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
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function F_core16209() {
   const query = useQuery3({
     queryKey: ["F_core16209_Read"],
@@ -309,7 +269,7 @@ function F_core16209() {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx9(MyCenterFull, { children: /* @__PURE__ */ jsx9(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
         }
       }
     ],
@@ -317,20 +277,17 @@ function F_core16209() {
   );
   if (query.isLoading) return "Loading...";
   if (query.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx9(MyPageContent, { children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
       data: query.data,
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx9(F_core16209_Create, {}),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core16209_Create, null),
       renderRowActions: ({ row }) => {
-        return /* @__PURE__ */ jsxs6(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx9(F_core16209_Update, { values: row.original }),
-          /* @__PURE__ */ jsx9(F_core16209_Delete, { id: row.original.id })
-        ] });
+        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
@@ -342,7 +299,6 @@ import { useMemo as useMemo3 } from "react";
 
 // src/modules-features/admin/core/core18256/F_core18256_Create.tsx
 import { useForm as useForm5 } from "@mantine/form";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function F_core18256_Create({ documentType }) {
   const form = useForm5({
     mode: "uncontrolled",
@@ -355,16 +311,12 @@ function F_core18256_Create({ documentType }) {
       name: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng"
     }
   });
-  return /* @__PURE__ */ jsxs7(MyButtonCreate, { objectName: "Lo\u1EA1i v\u0103n b\u1EA3n", form, onSubmit: (values) => baseAxios_default.post("/DocumentAttribute/Create", values), children: [
-    /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name")))
-  ] });
+  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
-import { jsx as jsx11 } from "react/jsx-runtime";
 function F_core18256_Delete({ id }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ React.createElement(
     MyActionIconDelete,
     {
       onSubmit: async () => await baseAxios_default.post("/DocumentAttribute/Delete", { id })
@@ -374,19 +326,14 @@ function F_core18256_Delete({ id }) {
 
 // src/modules-features/admin/core/core18256/F_core18256_Update.tsx
 import { useForm as useForm6 } from "@mantine/form";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function F_core18256_Update({ values }) {
   const form = useForm6({
     initialValues: values
   });
-  return /* @__PURE__ */ jsxs8(MyActionIconUpdate, { form, onSubmit: async (values2) => await baseAxios_default.post("/DocumentAttribute/Update", values2), children: [
-    /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ label: "M\xE3 lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ label: "T\xEAn lo\u1EA1i v\u0103n b\u1EA3n" }, form.getInputProps("name")))
-  ] });
+  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
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function F_core18256_Read({ documentType }) {
   const documentAttributeQuery = useQuery4({
     queryKey: ["F_core18256_Read", documentType],
@@ -411,46 +358,37 @@ function F_core18256_Read({ documentType }) {
   );
   if (documentAttributeQuery.isLoading) return "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...";
   if (documentAttributeQuery.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
       enableRowNumbers: true,
       data: documentAttributeQuery.data,
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx13(F_core18256_Create, { documentType }),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core18256_Create, { documentType }),
       renderRowActions: ({ row }) => {
-        return /* @__PURE__ */ jsxs9(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx13(F_core18256_Update, { values: row.original }),
-          /* @__PURE__ */ jsx13(F_core18256_Delete, { id: row.original.id })
-        ] });
+        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
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 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__ */ jsx14(MyPageContent, { children: /* @__PURE__ */ jsxs10(MyTab, { tabList: tabData, children: [
-    /* @__PURE__ */ jsx14(Tabs.Panel, { value: "1. V\u0103n b\u1EA3n quy \u0111\u1ECBnh", children: /* @__PURE__ */ jsx14(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Regulations }) }),
-    /* @__PURE__ */ jsx14(Tabs.Panel, { value: "2. Quy tr\xECnh x\u1EED l\xFD c\xF4ng vi\u1EC7c", children: /* @__PURE__ */ jsx14(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Workflow }) }),
-    /* @__PURE__ */ jsx14(Tabs.Panel, { value: "3. Danh m\u1EE5c bi\u1EC3u m\u1EABu", children: /* @__PURE__ */ jsx14(F_core18256_Read, { documentType: OBJECT_DOCUMENT_TYPES.Form }) })
-  ] }) });
+  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";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function F_core26965_Create() {
   const form = useForm7({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs11(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+  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), {
@@ -458,14 +396,7 @@ function F_core26965_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx15(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx15(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx15(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx15(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx15(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx15(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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
@@ -474,14 +405,12 @@ import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { useMemo as useMemo4 } from "react";
 
 // src/modules-features/admin/core/core26965/F_core26965_Delete.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
 function F_core26965_Delete({ id }) {
-  return /* @__PURE__ */ jsx16(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/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";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function F_core26965_Update({ values }) {
   var _a;
   const form = useForm8({
@@ -490,22 +419,14 @@ function F_core26965_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs12(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx17(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx17(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx17(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx17(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx17(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx17(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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 { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function F_core26965_Read() {
   var _a, _b, _c;
   const documentAttributeQuery = useQuery5({
@@ -518,11 +439,11 @@ function F_core26965_Read() {
   });
   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__ */ jsx18(Blockquote2, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
-  return /* @__PURE__ */ jsx18(MyFlexColumn, { children: /* @__PURE__ */ jsx18(Accordion2, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+  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, children: (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ jsx18(SubRead2, { name: item.name, documentType: item.id }, idx)) }) });
+  }), 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({
@@ -549,7 +470,7 @@ function SubRead2({ name, documentType }) {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx18(MyCenterFull, { children: /* @__PURE__ */ jsx18(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
         }
       }
     ],
@@ -557,36 +478,28 @@ function SubRead2({ name, documentType }) {
   );
   if (documentQuery.isLoading) return "Loading...";
   if (documentQuery.isError) return "Error!";
-  return /* @__PURE__ */ jsxs13(Accordion2.Item, { value: documentType.toString(), children: [
-    /* @__PURE__ */ jsx18(Accordion2.Control, { children: name }),
-    /* @__PURE__ */ jsx18(Accordion2.Panel, { children: /* @__PURE__ */ jsx18(
-      MyDataTable,
-      {
-        columns,
-        data: documentQuery.data,
-        renderRowActions: ({ row }) => /* @__PURE__ */ jsxs13(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx18(F_core26965_Update, { values: row.original }),
-          /* @__PURE__ */ jsx18(F_core26965_Delete, { id: row.original.id })
-        ] })
-      }
-    ) })
-  ] });
+  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
-import { jsx as jsx19 } from "react/jsx-runtime";
 function F_core26965() {
-  return /* @__PURE__ */ jsx19(MyPageContent, { rightTopBar: /* @__PURE__ */ jsx19(F_core26965_Create, {}), children: /* @__PURE__ */ jsx19(F_core26965_Read, {}) });
+  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";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function F_core27311_Create() {
   const form = useForm9({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs14(MyButtonCreate, { objectName: "V\u0103n b\u1EA3n quy \u0111\u1ECBnh t\u1ED5 ch\u1EE9c", form, onSubmit: async (values) => {
+  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), {
@@ -594,14 +507,7 @@ function F_core27311_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx20(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx20(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx20(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx20(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Workflow }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx20(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx20(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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
@@ -610,14 +516,12 @@ import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { useMemo as useMemo5 } from "react";
 
 // src/modules-features/admin/core/core27311/F_core27311_Delete.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
 function F_core27311_Delete({ id }) {
-  return /* @__PURE__ */ jsx21(MyActionIconDelete, { onSubmit: async () => await baseAxios_default.post("/Document/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";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function F_core27311_Update({ values }) {
   var _a;
   const form = useForm10({
@@ -626,22 +530,14 @@ function F_core27311_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs15(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx22(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx22(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx22(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx22(F_core18256_Select, __spreadValues({ label: "Lo\u1EA1i v\u0103n b\u1EA3n", documentTypeId: OBJECT_DOCUMENT_TYPES.Regulations }, form.getInputProps("documentAttributeId"))),
-    /* @__PURE__ */ jsx22(MyFileInput, __spreadValues({ label: "V\u0103n b\u1EA3n" }, form.getInputProps("file"))),
-    /* @__PURE__ */ jsx22(MyNumberInput, __spreadValues({ label: "Th\u1EE9 t\u1EF1 hi\u1EC3n th\u1ECB tr\xEAn danh s\xE1ch" }, form.getInputProps("orderBy")))
-  ] });
+  } }, /* @__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
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function F_core27311_Read() {
   var _a, _b, _c;
   const documentAttributeQuery = useQuery6({
@@ -654,11 +550,11 @@ function F_core27311_Read() {
   });
   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__ */ jsx23(Blockquote3, { color: "yellow", children: "Ch\u01B0a c\xF3 lo\u1EA1i v\u0103n b\u1EA3n" });
-  return /* @__PURE__ */ jsx23(MyFlexColumn, { children: /* @__PURE__ */ jsx23(Accordion3, { defaultValue: (_b = documentAttributeQuery.data) == null ? void 0 : _b.map((item) => {
+  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, children: (_c = documentAttributeQuery.data) == null ? void 0 : _c.map((item, idx) => /* @__PURE__ */ jsx23(SubRead3, { name: item.name, documentType: item.id }, idx)) }) });
+  }), 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({
@@ -685,7 +581,7 @@ function SubRead3({ name, documentType }) {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx23(MyCenterFull, { children: /* @__PURE__ */ jsx23(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
         }
       }
     ],
@@ -693,26 +589,19 @@ function SubRead3({ name, documentType }) {
   );
   if (documentQuery.isLoading) return "Loading...";
   if (documentQuery.isError) return "Error!";
-  return /* @__PURE__ */ jsxs16(Accordion3.Item, { value: documentType.toString(), children: [
-    /* @__PURE__ */ jsx23(Accordion3.Control, { children: name }),
-    /* @__PURE__ */ jsx23(Accordion3.Panel, { children: /* @__PURE__ */ jsx23(
-      MyDataTable,
-      {
-        columns,
-        data: documentQuery.data,
-        renderRowActions: ({ row }) => /* @__PURE__ */ jsxs16(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx23(F_core27311_Update, { values: row.original }),
-          /* @__PURE__ */ jsx23(F_core27311_Delete, { id: row.original.id })
-        ] })
-      }
-    ) })
-  ] });
+  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
-import { jsx as jsx24 } from "react/jsx-runtime";
 function F_core27311() {
-  return /* @__PURE__ */ jsx24(MyPageContent, { rightTopBar: /* @__PURE__ */ jsx24(F_core27311_Create, {}), children: /* @__PURE__ */ jsx24(F_core27311_Read, {}) });
+  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
@@ -772,7 +661,6 @@ function utils_core83092_mergePage(arr1, arr2) {
 }
 
 // src/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
 function F_core38677_ReadUser() {
   const store = useS_core83092();
   const query = useQ_Account_GetAdminAccount();
@@ -805,7 +693,7 @@ function F_core38677_ReadUser() {
   }, [query.data]);
   if (query.isLoading) return "Loading...";
   if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx25(Container, { fluid: true, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ React.createElement(Container, { fluid: true }, /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
@@ -823,7 +711,7 @@ function F_core38677_ReadUser() {
       }),
       state: rowSelection
     }
-  ) });
+  ));
 }
 function useQ_Account_GetAdminAccount() {
   const query = useQuery7({
@@ -841,7 +729,6 @@ function useQ_Account_GetAdminAccount() {
 // 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";
-import { jsx as jsx26 } from "react/jsx-runtime";
 function F_core38677_Save() {
   const store = useS_core83092();
   const disable = useState2(false);
@@ -870,7 +757,7 @@ function F_core38677_Save() {
     }
     disable[1](false);
   }, [store.state.rolePermissions]);
-  return /* @__PURE__ */ jsx26(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
+  return /* @__PURE__ */ React.createElement(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
 }
 
 // src/data/menuData.ts
@@ -1011,8 +898,7 @@ var menuData = [
 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 React, { useEffect as useEffect3, useState as useState3 } from "react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+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;
@@ -1027,173 +913,107 @@ function F_core38677_ViewMenuPermissions() {
     store.setProperty("rolePermissions", query.data);
   }, [query.data]);
   if (((_a = list[0]) == null ? void 0 : _a.length) == 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsx27(ScrollArea.Autosize, { h: "70vh", children: /* @__PURE__ */ jsxs17(Table, { children: [
-    /* @__PURE__ */ jsx27(
-      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)"
-        },
-        children: /* @__PURE__ */ jsxs17(Table.Tr, { children: [
-          /* @__PURE__ */ jsx27(Table.Th, { children: title }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isRead"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isRead", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "Xem",
-              /* @__PURE__ */ jsx27(IconEyeUp, { color: "gray" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isCreate"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isCreate", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "Th\xEAm",
-              /* @__PURE__ */ jsx27(IconPlus, { color: "blue" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isUpdate"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isUpdate", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "S\u1EEDa",
-              /* @__PURE__ */ jsx27(IconEdit, { color: "var(--mantine-color-yellow-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isDelete"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isDelete", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "X\xF3a",
-              /* @__PURE__ */ jsx27(IconTrash, { color: "var(--mantine-color-red-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isPrint"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isPrint", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "In",
-              /* @__PURE__ */ jsx27(IconPrinter, { color: "var(--mantine-color-cyan-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx27(Table.Th, { children: /* @__PURE__ */ jsxs17(Flex, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx27(Checkbox, { checked: store.isAllPermission("isExport"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isExport", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs17(MyFlexRow, { gap: 3, children: [
-              "Xu\u1EA5t",
-              /* @__PURE__ */ jsx27(IconFileExport, { color: "var(--mantine-color-green-8)" })
-            ] })
-          ] }) })
-        ] })
+  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__ */ jsx27(Table.Tbody, { bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))", children: (_b = list[0]) == null ? void 0 : _b.map((item, idx) => {
-      if (item.links == void 0) return /* @__PURE__ */ jsxs17(Table.Tr, { children: [
-        /* @__PURE__ */ jsx27(Table.Td, { children: item.label }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) }),
-        /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(Checkbox, {}) }) })
-      ] }, idx);
-      return /* @__PURE__ */ jsxs17(React.Fragment, { children: [
-        /* @__PURE__ */ jsx27(Table.Tr, { children: /* @__PURE__ */ jsx27(
-          Table.Td,
+    },
+    /* @__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,
           {
-            colSpan: 7,
-            bg: OBJECT_COlORS.mantineBackgroundBlueLight,
-            children: /* @__PURE__ */ jsx27(Text, { fs: "oblique", size: "sm", fw: "bold", children: item.label })
+            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
+              });
+            }
           }
-        ) }, item.label),
-        item.links.map(
-          (item2, idx2) => {
-            var _a2, _b2, _c, _d, _e, _f;
-            return /* @__PURE__ */ jsxs17(Table.Tr, { children: [
-              /* @__PURE__ */ jsx27(Table.Td, { children: item2.label }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isRead: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isCreate: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isUpdate: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isDelete: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isPrint: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx27(Table.Td, { children: /* @__PURE__ */ jsx27(MyCenterFull, { children: /* @__PURE__ */ jsx27(
-                Checkbox,
-                {
-                  checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isExport: e.target.checked
-                    });
-                  }
-                }
-              ) }) })
-            ] }, idx2);
+        ))), /* @__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
+              });
+            }
           }
-        )
-      ] }, idx);
-    }) })
-  ] }) });
+        ))));
+      }
+    ));
+  }))));
 }
 function useGetUserPermission() {
   const store = useS_core83092();
@@ -1232,9 +1052,6 @@ function useGetUserPermission() {
   return query;
 }
 
-// src/modules-features/admin/core/core38677/F_core38677.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
-
 // src/modules-features/admin/core/core40207/F_core40207_Read.tsx
 import { useQuery as useQuery9 } from "@tanstack/react-query";
 import { useMemo as useMemo7 } from "react";
@@ -1242,12 +1059,11 @@ 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";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function F_core40207_Create() {
   const form = useForm11({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs19(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
     return await baseAxios_default.post(
       "/Document/create",
       __spreadProps(__spreadValues({}, values), {
@@ -1256,23 +1072,17 @@ function F_core40207_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx29(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i li\u1EC7u" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx29(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx29(FileInput3, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("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
-import { jsx as jsx30 } from "react/jsx-runtime";
 function F_core40207_Delete({ id }) {
-  return /* @__PURE__ */ jsx30(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/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";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function F_core40207_Update({ values }) {
   var _a;
   const form = useForm12({
@@ -1282,19 +1092,14 @@ function F_core40207_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs20(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx31(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i li\u1EC7u" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx31(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx31(FileInput4, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("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
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 function F_core40207_Read() {
   const query = useQuery9({
     queryKey: ["F_core40207_Read"],
@@ -1317,7 +1122,7 @@ function F_core40207_Read() {
       {
         header: "File",
         accessorFn: (row) => {
-          return /* @__PURE__ */ jsx32(MyCenterFull, { children: /* @__PURE__ */ jsx32(MyButtonViewPDF, { id: row.id }) });
+          return /* @__PURE__ */ React.createElement(MyCenterFull, null, /* @__PURE__ */ React.createElement(MyButtonViewPDF, { id: row.id }));
         }
       }
     ],
@@ -1325,26 +1130,22 @@ function F_core40207_Read() {
   );
   if (query.isLoading) return "Loading...";
   if (query.isError) return "c\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
       data: query.data,
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx32(F_core40207_Create, {}),
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React.createElement(F_core40207_Create, null),
       renderRowActions: ({ row }) => {
-        return /* @__PURE__ */ jsxs21(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx32(F_core40207_Update, { values: row.original }),
-          /* @__PURE__ */ jsx32(F_core40207_Delete, { id: row.original.id })
-        ] });
+        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
-import { jsx as jsx33 } from "react/jsx-runtime";
 function F_core40207() {
-  return /* @__PURE__ */ jsx33(MyPageContent, { children: /* @__PURE__ */ jsx33(F_core40207_Read, {}) });
+  return /* @__PURE__ */ React.createElement(MyPageContent, null, /* @__PURE__ */ React.createElement(F_core40207_Read, null));
 }
 
 // src/modules-features/admin/core/core47643/F_core47643_Read.tsx
@@ -1353,10 +1154,9 @@ import { useQuery as useQuery10 } from "@tanstack/react-query";
 import { useMemo as useMemo8 } from "react";
 
 // src/modules-features/admin/core/core47643/F_core47643_Delete.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
 var ENDPOINT = "/Role/Delete";
 function F_core47643_Delete({ values }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ React.createElement(
     MyActionIconDelete,
     {
       contextData: values.code,
@@ -1367,28 +1167,20 @@ function F_core47643_Delete({ values }) {
 
 // src/modules-features/admin/core/core47643/F_core47643_Form.tsx
 import { useForm as useForm13 } from "@mantine/form";
-import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 function F_core47643_Form({ values }) {
   const form = useForm13({
     mode: "uncontrolled",
     initialValues: values
   });
-  if (values) return /* @__PURE__ */ jsxs22(MyActionIconUpdate, { form, onSubmit: async () => {
+  if (values) return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async () => {
     return await baseAxios_default.post("/Role/Update", form.getValues());
-  }, children: [
-    /* @__PURE__ */ jsx35(MyTextInput, __spreadValues({ readOnly: true, variant: "filled", label: "M\xE3" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx35(MyTextInput, __spreadValues({ label: "Quy\u1EC1n" }, form.getInputProps("name")))
-  ] });
-  return /* @__PURE__ */ jsxs22(MyButtonCreate, { form, onSubmit: async () => {
+  } }, /* @__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());
-  }, children: [
-    /* @__PURE__ */ jsx35(MyTextInput, __spreadValues({ label: "M\xE3" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx35(MyTextInput, __spreadValues({ label: "Quy\u1EC1n" }, form.getInputProps("name")))
-  ] });
+  } }, /* @__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
-import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function F_core47643_Read() {
   const query = useQ_core47643_GetAdminRole();
   const columns = useMemo8(() => [
@@ -1403,16 +1195,13 @@ function F_core47643_Read() {
   ], []);
   if (query.isLoading) return "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...";
   if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       data: query.data,
       columns,
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx36(Group, { children: /* @__PURE__ */ jsx36(F_core47643_Form, {}) }),
-      renderRowActions: ({ row }) => /* @__PURE__ */ jsxs23(MyCenterFull, { children: [
-        /* @__PURE__ */ jsx36(F_core47643_Form, { values: row.original }),
-        /* @__PURE__ */ jsx36(F_core47643_Delete, { values: row.original })
-      ] })
+      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 }))
     }
   );
 }
@@ -1428,15 +1217,14 @@ function useQ_core47643_GetAdminRole() {
 }
 
 // src/modules-features/admin/core/core47643/F_core47643.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
 function F_core47643() {
-  return /* @__PURE__ */ jsx37(MyPageContent, { title: "Danh m\u1EE5c quy\u1EC1n", canBack: true, children: /* @__PURE__ */ jsx37(F_core47643_Read, {}) });
+  return /* @__PURE__ */ React.createElement(MyPageContent, { title: "Danh m\u1EE5c quy\u1EC1n", canBack: true }, /* @__PURE__ */ React.createElement(F_core47643_Read, null));
 }
 
 // src/modules-features/admin/core/core64229/F_core64229_Delete.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import React3 from "react";
 function F_core64229_Delete({ values }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ React3.createElement(
     MyActionIconDelete,
     {
       contextData: values == null ? void 0 : values.code,
@@ -1461,7 +1249,7 @@ var ENUM_EMAILCONFIG_MODULE = /* @__PURE__ */ ((ENUM_EMAILCONFIG_MODULE2) => {
 // src/modules-features/admin/core/core64229/F_core64229_Form.tsx
 import { PasswordInput } from "@mantine/core";
 import { useForm as useForm14 } from "@mantine/form";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import React4 from "react";
 function F_core64229_Form({ values }) {
   const form = useForm14({
     mode: "uncontrolled",
@@ -1487,82 +1275,73 @@ function F_core64229_Form({ values }) {
       "password": formValues.password
     });
   }
-  if (values) return /* @__PURE__ */ jsx39(
+  if (values) return /* @__PURE__ */ React4.createElement(
     MyActionIconUpdate,
     {
       form,
-      onSubmit: handleSubmit,
-      children: /* @__PURE__ */ jsx39(FormInput, { form })
-    }
+      onSubmit: handleSubmit
+    },
+    /* @__PURE__ */ React4.createElement(FormInput, { form })
   );
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ React4.createElement(
     MyButtonCreate,
     {
       form,
-      onSubmit: handleSubmit,
-      children: /* @__PURE__ */ jsx39(FormInput, { form })
-    }
+      onSubmit: handleSubmit
+    },
+    /* @__PURE__ */ React4.createElement(FormInput, { form })
   );
 }
 function FormInput({ form }) {
   var _a, _b;
-  return /* @__PURE__ */ jsxs24(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx39(
-      MySelect,
-      __spreadProps(__spreadValues({
-        label: "Ph\xE2n h\u1EC7",
-        data: utils_converter_enumToSelectOptions(ENUM_EMAILCONFIG_MODULE)
-      }, form.getInputProps("emailModule")), {
-        value: (_a = form.getValues().emailModule) == null ? void 0 : _a.toString()
-      })
-    ),
-    /* @__PURE__ */ jsx39(
-      MyTextInput,
-      __spreadValues({
-        label: "Host mail server"
-      }, form.getInputProps("hostMailServer"))
-    ),
-    /* @__PURE__ */ jsx39(
-      MyNumberInput,
-      __spreadValues({
-        label: "Outgoing port"
-      }, form.getInputProps("outgoingPort"))
-    ),
-    /* @__PURE__ */ jsx39(
-      MyNumberInput,
-      __spreadValues({
-        label: "Incoming port"
-      }, form.getInputProps("incomingPort"))
-    ),
-    /* @__PURE__ */ jsx39(
-      MySelect,
-      {
-        label: "SSL",
-        data: ["true", "false"],
-        value: (_b = form.getValues().sll) == null ? void 0 : _b.toString(),
-        onChange: (e) => form.setFieldValue("sll", e == "true" ? true : false)
-      }
-    ),
-    /* @__PURE__ */ jsx39(
-      MyTextInput,
-      __spreadValues({
-        label: "Username"
-      }, form.getInputProps("userName"))
-    ),
-    /* @__PURE__ */ jsx39(
-      PasswordInput,
-      __spreadValues({
-        label: "Password",
-        placeholder: "Nh\u1EADp password"
-      }, form.getInputProps("password"))
-    )
-  ] });
+  return /* @__PURE__ */ React4.createElement(MyFlexColumn, null, /* @__PURE__ */ React4.createElement(
+    MySelect,
+    __spreadProps(__spreadValues({
+      label: "Ph\xE2n h\u1EC7",
+      data: utils_converter_enumToSelectOptions(ENUM_EMAILCONFIG_MODULE)
+    }, form.getInputProps("emailModule")), {
+      value: (_a = form.getValues().emailModule) == null ? void 0 : _a.toString()
+    })
+  ), /* @__PURE__ */ React4.createElement(
+    MyTextInput,
+    __spreadValues({
+      label: "Host mail server"
+    }, form.getInputProps("hostMailServer"))
+  ), /* @__PURE__ */ React4.createElement(
+    MyNumberInput,
+    __spreadValues({
+      label: "Outgoing port"
+    }, form.getInputProps("outgoingPort"))
+  ), /* @__PURE__ */ React4.createElement(
+    MyNumberInput,
+    __spreadValues({
+      label: "Incoming port"
+    }, form.getInputProps("incomingPort"))
+  ), /* @__PURE__ */ React4.createElement(
+    MySelect,
+    {
+      label: "SSL",
+      data: ["true", "false"],
+      value: (_b = form.getValues().sll) == null ? void 0 : _b.toString(),
+      onChange: (e) => form.setFieldValue("sll", e == "true" ? true : false)
+    }
+  ), /* @__PURE__ */ React4.createElement(
+    MyTextInput,
+    __spreadValues({
+      label: "Username"
+    }, form.getInputProps("userName"))
+  ), /* @__PURE__ */ React4.createElement(
+    PasswordInput,
+    __spreadValues({
+      label: "Password",
+      placeholder: "Nh\u1EADp password"
+    }, form.getInputProps("password"))
+  ));
 }
 
 // src/modules-features/admin/core/core64229/F_core64229_Read.tsx
 import { useQuery as useQuery11 } from "@tanstack/react-query";
-import { useMemo as useMemo9 } from "react";
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import React5, { useMemo as useMemo9 } from "react";
 function F_core64229_Read() {
   const query = useQuery11({
     queryKey: ["F_core64229_Read"],
@@ -1607,16 +1386,13 @@ function F_core64229_Read() {
     }
   ], []);
   if (query.isLoading) return "\u0110ang t\u1EA3i";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ React5.createElement(
     MyDataTable,
     {
       columns,
       data: query.data,
-      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx40(F_core64229_Form, {}),
-      renderRowActions: ({ row }) => /* @__PURE__ */ jsxs25(MyCenterFull, { children: [
-        /* @__PURE__ */ jsx40(F_core64229_Form, { values: row.original }),
-        /* @__PURE__ */ jsx40(F_core64229_Delete, { values: row.original })
-      ] })
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ React5.createElement(F_core64229_Form, null),
+      renderRowActions: ({ row }) => /* @__PURE__ */ React5.createElement(MyCenterFull, null, /* @__PURE__ */ React5.createElement(F_core64229_Form, { values: row.original }), /* @__PURE__ */ React5.createElement(F_core64229_Delete, { values: row.original }))
     }
   );
 }
@@ -1633,7 +1409,6 @@ import { Button, Fieldset, Group as Group2, Table as Table2 } from "@mantine/cor
 import { useDisclosure } from "@mantine/hooks";
 import { useMutation as useMutation2, useQuery as useQuery12, useQueryClient } from "@tanstack/react-query";
 import { useEffect as useEffect4, useMemo as useMemo10, useState as useState4 } from "react";
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 function F_core71678_ChangePermission({ user }) {
   const disc = useDisclosure();
   const queryClient = useQueryClient();
@@ -1680,62 +1455,42 @@ function F_core71678_ChangePermission({ user }) {
     }, {});
     setRowSelection(result);
   }, []);
-  return /* @__PURE__ */ jsxs26(MyButtonModal, { modalSize: "xl", disclosure: disc, title: "Ch\u1ECDn quy\u1EC1n cho ng\u01B0\u1EDDi d\xF9ng", label: "S\u1EEDa quy\u1EC1n", children: [
-    /* @__PURE__ */ jsx41(
-      Table2,
-      {
-        w: "100%",
-        variant: "vertical",
-        layout: "fixed",
-        children: /* @__PURE__ */ jsxs26(Table2.Tbody, { children: [
-          /* @__PURE__ */ jsxs26(Table2.Tr, { children: [
-            /* @__PURE__ */ jsx41(Table2.Th, { w: 160, children: "H\u1ECD v\xE0 t\xEAn:" }),
-            /* @__PURE__ */ jsx41(Table2.Td, { children: user.fullName })
-          ] }),
-          /* @__PURE__ */ jsxs26(Table2.Tr, { children: [
-            /* @__PURE__ */ jsx41(Table2.Th, { children: "T\xEAn \u0111\u0103ng nh\u1EADp:" }),
-            /* @__PURE__ */ jsx41(Table2.Td, { children: user.userName })
-          ] }),
-          /* @__PURE__ */ jsxs26(Table2.Tr, { children: [
-            /* @__PURE__ */ jsx41(Table2.Th, { children: "Email:" }),
-            /* @__PURE__ */ jsx41(Table2.Td, { children: user.email })
-          ] })
-        ] })
-      }
-    ),
-    query.isLoading && "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...",
-    query.isError && "L\u1ED7i khi t\u1EA3i d\u1EEF li\u1EC7u...",
-    /* @__PURE__ */ jsx41(Fieldset, { legend: "Ch\u1ECDn quy\u1EC1n", children: /* @__PURE__ */ jsx41(
-      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__ */ jsx41(Group2, { justify: "flex-end", mt: 24, children: /* @__PURE__ */ jsx41(Button, { onClick: handleSave, children: "L\u01B0u" }) })
-  ] });
+  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 useForm15 } from "@mantine/form";
-import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var ENDPOINT2 = "/Account/create";
 function F_core71678_Create() {
   const form = useForm15({
@@ -1763,21 +1518,13 @@ function F_core71678_Create() {
       AQModuleId: 1002
     }));
   }
-  return /* @__PURE__ */ jsxs27(MyButtonCreate, { form, onSubmit: handleSubmit, objectName: "ng\u01B0\u1EDDi d\xF9ng", children: [
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))),
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "M\u1EADt kh\u1EA9u" }, form.getInputProps("password"))),
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))),
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))),
-    /* @__PURE__ */ jsx42(MyTextInput, __spreadValues({ label: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i" }, form.getInputProps("phoneNumber")))
-  ] });
+  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
-import { jsx as jsx43 } from "react/jsx-runtime";
 var ENDPOINT3 = "/Account/delete";
 function F_core71678_Delete({ id, code }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ React.createElement(
     MyActionIconDelete,
     {
       contextData: code,
@@ -1789,7 +1536,6 @@ function F_core71678_Delete({ id, code }) {
 // src/modules-features/admin/core/core71678/F_core71678_Update.tsx
 import { useForm as useForm16 } from "@mantine/form";
 import { useEffect as useEffect5 } from "react";
-import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
 function F_core71678_Update({ user }) {
   const form = useForm16({
     initialValues: user
@@ -1797,7 +1543,7 @@ function F_core71678_Update({ user }) {
   useEffect5(() => {
     console.log(form.values);
   }, [form.values]);
-  return /* @__PURE__ */ jsx44(MyActionIconUpdate, { form, onSubmit: async (values) => {
+  return /* @__PURE__ */ React.createElement(MyActionIconUpdate, { form, onSubmit: async (values) => {
     return await baseAxios_default.post(
       "/Account/update",
       __spreadProps(__spreadValues({}, values), {
@@ -1809,17 +1555,10 @@ function F_core71678_Update({ user }) {
         workingUnitId: null
       })
     );
-  }, children: /* @__PURE__ */ jsxs28(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx44(MyTextInput, __spreadValues({ disabled: true, label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
-    /* @__PURE__ */ jsx44(MyTextInput, __spreadValues({ disabled: true, label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))),
-    /* @__PURE__ */ jsx44(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))),
-    /* @__PURE__ */ jsx44(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))),
-    /* @__PURE__ */ jsx44(MyTextInput, __spreadValues({ label: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i" }, form.getInputProps("phoneNumber")))
-  ] }) });
+  } }, /* @__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
-import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
 var ENDPOINT4 = "/Account/GetAdminAccount";
 function F_core71678_Read() {
   const router = useRouter();
@@ -1851,46 +1590,37 @@ function F_core71678_Read() {
       },
       {
         header: "Quy\u1EC1n",
-        accessorFn: (row) => /* @__PURE__ */ jsx45(F_core71678_ChangePermission, { user: row })
+        accessorFn: (row) => /* @__PURE__ */ React.createElement(F_core71678_ChangePermission, { user: row })
       }
     ],
     []
   );
   if (AllUserQuery.isLoading) return "Loading...";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
       data: AllUserQuery.data,
       renderTopToolbarCustomActions: () => {
-        return /* @__PURE__ */ jsxs29(Group3, { children: [
-          /* @__PURE__ */ jsx45(F_core71678_Create, {}),
-          /* @__PURE__ */ jsx45(
-            Button2,
-            {
-              color: "violet",
-              leftSection: /* @__PURE__ */ jsx45(IconShield, {}),
-              onClick: () => {
-                router.push("core47643");
-              },
-              children: "Danh m\u1EE5c quy\u1EC1n"
+        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__ */ jsxs29(MyCenterFull, { children: [
-          /* @__PURE__ */ jsx45(F_core71678_Update, { user: row.original }),
-          /* @__PURE__ */ jsx45(F_core71678_Delete, { id: row.original.id, code: row.original.code })
-        ] });
+        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/core71678/F_core71678.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-
 // src/modules-features/admin/core/core76318/F_core76318_Read.tsx
 import { useQuery as useQuery14 } from "@tanstack/react-query";
 import { useMemo as useMemo12 } from "react";
@@ -1898,12 +1628,11 @@ import { useMemo as useMemo12 } from "react";
 // src/modules-features/admin/core/core76318/F_core76318_Create.tsx
 import { FileInput as FileInput5 } from "@mantine/core";
 import { useForm as useForm17 } from "@mantine/form";
-import { jsx as jsx47, jsxs as jsxs30 } from "react/jsx-runtime";
 function F_core76318_Create() {
   const form = useForm17({
     mode: "uncontrolled"
   });
-  return /* @__PURE__ */ jsxs30(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
+  return /* @__PURE__ */ React.createElement(MyButtonCreate, { objectName: "v\u0103n b\u1EA3n", form, onSubmit: async (values) => {
     return await baseAxios_default.post(
       "/Document/create",
       __spreadProps(__spreadValues({}, values), {
@@ -1912,24 +1641,17 @@ function F_core76318_Create() {
         fileDetail: await utils_file_fileToAQDocumentType(values.file)
       })
     );
-  }, children: [
-    /* @__PURE__ */ jsx47(MyTextInput, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx47(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx47(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx47(FileInput5, __spreadValues({ label: "T\xE0i li\u1EC7u" }, form.getInputProps("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
-import { jsx as jsx48 } from "react/jsx-runtime";
 function F_core76318_Delete({ id }) {
-  return /* @__PURE__ */ jsx48(MyActionIconDelete, { onSubmit: () => baseAxios_default.post("/Document/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 useForm18 } from "@mantine/form";
-import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
 function F_core76318_Update({ values }) {
   var _a;
   const form = useForm18({
@@ -1939,24 +1661,13 @@ function F_core76318_Update({ values }) {
       promulgateDate: new Date(values.promulgateDate)
     })
   });
-  return /* @__PURE__ */ jsxs31(MyActionIconUpdate, { form, onSubmit: async (values2) => {
+  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)
     }));
-  }, children: [
-    /* @__PURE__ */ jsx49(TextInput2, __spreadValues({ label: "S\u1ED1 quy \u0111\u1ECBnh" }, form.getInputProps("decisionCode"))),
-    /* @__PURE__ */ jsx49(MyDateInput, __spreadValues({ label: "Ng\xE0y ban h\xE0nh" }, form.getInputProps("promulgateDate"))),
-    /* @__PURE__ */ jsx49(TextInput2, __spreadValues({ label: "T\xEAn t\xE0i li\u1EC7u" }, form.getInputProps("name"))),
-    /* @__PURE__ */ jsx49(FileInput6, __spreadValues({ label: "Ch\u1ECDn file" }, form.getInputProps("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/core76318/F_core76318_Read.tsx
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
-
-// src/modules-features/admin/core/core76318/F_core76318.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
-
 // src/modules-features/admin/core/core83092/F_core83092.tsx
 import { Grid as Grid2, Paper as Paper2, ScrollArea as ScrollArea4 } from "@mantine/core";
 
@@ -1964,7 +1675,6 @@ import { Grid as Grid2, Paper as Paper2, ScrollArea as ScrollArea4 } from "@mant
 import { Container as Container2 } from "@mantine/core";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useEffect as useEffect6, useMemo as useMemo13, useState as useState6 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
 function F_core83092_ReadUser() {
   const store = useS_core83092();
   const query = useQ_core83092_Account_GetAdminAccount();
@@ -1997,7 +1707,7 @@ function F_core83092_ReadUser() {
   }, [query.data]);
   if (query.isLoading) return "Loading...";
   if (query.isError) return "C\xF3 l\u1ED7i x\u1EA3y ra!";
-  return /* @__PURE__ */ jsx52(Container2, { fluid: true, w: "100%", children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ React.createElement(Container2, { fluid: true, w: "100%" }, /* @__PURE__ */ React.createElement(
     MyDataTable,
     {
       columns,
@@ -2015,7 +1725,7 @@ function F_core83092_ReadUser() {
       }),
       state: rowSelection
     }
-  ) });
+  ));
 }
 function useQ_core83092_Account_GetAdminAccount() {
   const query = useQuery15({
@@ -2033,7 +1743,6 @@ function useQ_core83092_Account_GetAdminAccount() {
 // 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";
-import { jsx as jsx53 } from "react/jsx-runtime";
 function F_core83092_Save() {
   const store = useS_core83092();
   const disable = useState7(false);
@@ -2062,15 +1771,14 @@ function F_core83092_Save() {
     }
     disable[1](false);
   }, [store.state.rolePermissions]);
-  return /* @__PURE__ */ jsx53(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
+  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 useQuery16 } from "@tanstack/react-query";
-import React3, { useEffect as useEffect8, useState as useState8 } from "react";
-import { jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
+import React6, { useEffect as useEffect8, useState as useState8 } from "react";
 var title2 = "Danh s\xE1ch ch\u1EE9c n\u0103ng";
 function F_core83092_ViewMenuPermissions() {
   var _a, _b;
@@ -2085,173 +1793,107 @@ function F_core83092_ViewMenuPermissions() {
     store.setProperty("rolePermissions", query.data);
   }, [query.data]);
   if (((_a = list[0]) == null ? void 0 : _a.length) == 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsx54(ScrollArea3.Autosize, { h: "70vh", children: /* @__PURE__ */ jsxs33(Table3, { children: [
-    /* @__PURE__ */ jsx54(
-      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)"
-        },
-        children: /* @__PURE__ */ jsxs33(Table3.Tr, { children: [
-          /* @__PURE__ */ jsx54(Table3.Th, { children: title2 }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isRead"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isRead", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "Xem",
-              /* @__PURE__ */ jsx54(IconEyeUp2, { color: "gray" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isCreate"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isCreate", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "Th\xEAm",
-              /* @__PURE__ */ jsx54(IconPlus2, { color: "blue" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isUpdate"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isUpdate", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "S\u1EEDa",
-              /* @__PURE__ */ jsx54(IconEdit2, { color: "var(--mantine-color-yellow-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isDelete"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isDelete", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "X\xF3a",
-              /* @__PURE__ */ jsx54(IconTrash2, { color: "var(--mantine-color-red-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isPrint"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isPrint", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "In",
-              /* @__PURE__ */ jsx54(IconPrinter2, { color: "var(--mantine-color-cyan-8)" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx54(Table3.Th, { children: /* @__PURE__ */ jsxs33(Flex2, { gap: 3, direction: "column", justify: "center", align: "center", children: [
-            /* @__PURE__ */ jsx54(Checkbox2, { checked: store.isAllPermission("isExport"), onChange: (e) => {
-              store.toogleAllPermissionWithType("isExport", e.target.checked);
-            } }),
-            /* @__PURE__ */ jsxs33(MyFlexRow, { gap: 3, children: [
-              "Xu\u1EA5t",
-              /* @__PURE__ */ jsx54(IconFileExport2, { color: "var(--mantine-color-green-8)" })
-            ] })
-          ] }) })
-        ] })
+  return /* @__PURE__ */ React6.createElement(ScrollArea3.Autosize, { h: "70vh" }, /* @__PURE__ */ React6.createElement(Table3, null, /* @__PURE__ */ React6.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__ */ jsx54(Table3.Tbody, { bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))", children: (_b = list[0]) == null ? void 0 : _b.map((item, idx) => {
-      if (item.links == void 0) return /* @__PURE__ */ jsxs33(Table3.Tr, { children: [
-        /* @__PURE__ */ jsx54(Table3.Td, { children: item.label }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) }),
-        /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(Checkbox2, {}) }) })
-      ] }, idx);
-      return /* @__PURE__ */ jsxs33(React3.Fragment, { children: [
-        /* @__PURE__ */ jsx54(Table3.Tr, { children: /* @__PURE__ */ jsx54(
-          Table3.Td,
+    },
+    /* @__PURE__ */ React6.createElement(Table3.Tr, null, /* @__PURE__ */ React6.createElement(Table3.Th, null, title2), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isRead"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isRead", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "Xem", /* @__PURE__ */ React6.createElement(IconEyeUp2, { color: "gray" })))), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isCreate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isCreate", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "Th\xEAm", /* @__PURE__ */ React6.createElement(IconPlus2, { color: "blue" })))), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isUpdate"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isUpdate", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "S\u1EEDa", /* @__PURE__ */ React6.createElement(IconEdit2, { color: "var(--mantine-color-yellow-8)" })))), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isDelete"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isDelete", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "X\xF3a", /* @__PURE__ */ React6.createElement(IconTrash2, { color: "var(--mantine-color-red-8)" })))), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isPrint"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isPrint", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "In", /* @__PURE__ */ React6.createElement(IconPrinter2, { color: "var(--mantine-color-cyan-8)" })))), /* @__PURE__ */ React6.createElement(Table3.Th, null, /* @__PURE__ */ React6.createElement(Flex2, { gap: 3, direction: "column", justify: "center", align: "center" }, /* @__PURE__ */ React6.createElement(Checkbox2, { checked: store.isAllPermission("isExport"), onChange: (e) => {
+      store.toogleAllPermissionWithType("isExport", e.target.checked);
+    } }), /* @__PURE__ */ React6.createElement(MyFlexRow, { gap: 3 }, "Xu\u1EA5t", /* @__PURE__ */ React6.createElement(IconFileExport2, { color: "var(--mantine-color-green-8)" })))))
+  ), /* @__PURE__ */ React6.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__ */ React6.createElement(Table3.Tr, { key: idx }, /* @__PURE__ */ React6.createElement(Table3.Td, null, item.label), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(Checkbox2, null))));
+    return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: idx }, /* @__PURE__ */ React6.createElement(Table3.Tr, { key: item.label }, /* @__PURE__ */ React6.createElement(
+      Table3.Td,
+      {
+        colSpan: 7,
+        bg: OBJECT_COlORS.mantineBackgroundBlueLight
+      },
+      /* @__PURE__ */ React6.createElement(Text2, { fs: "oblique", size: "sm", fw: "bold" }, item.label)
+    )), item.links.map(
+      (item2, idx2) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        return /* @__PURE__ */ React6.createElement(Table3.Tr, { key: idx2 }, /* @__PURE__ */ React6.createElement(Table3.Td, null, item2.label), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.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__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.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__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.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__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(
+          Checkbox2,
           {
-            colSpan: 7,
-            bg: OBJECT_COlORS.mantineBackgroundBlueLight,
-            children: /* @__PURE__ */ jsx54(Text2, { fs: "oblique", size: "sm", fw: "bold", children: item.label })
+            checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isDelete: e.target.checked
+              });
+            }
+          }
+        ))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(
+          Checkbox2,
+          {
+            checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isPrint: e.target.checked
+              });
+            }
           }
-        ) }, item.label),
-        item.links.map(
-          (item2, idx2) => {
-            var _a2, _b2, _c, _d, _e, _f;
-            return /* @__PURE__ */ jsxs33(Table3.Tr, { children: [
-              /* @__PURE__ */ jsx54(Table3.Td, { children: item2.label }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_a2 = store.findByPageId(item2.pageId)) == null ? void 0 : _a2.isRead) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isRead: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_b2 = store.findByPageId(item2.pageId)) == null ? void 0 : _b2.isCreate) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isCreate: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_c = store.findByPageId(item2.pageId)) == null ? void 0 : _c.isUpdate) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isUpdate: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_d = store.findByPageId(item2.pageId)) == null ? void 0 : _d.isDelete) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isDelete: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_e = store.findByPageId(item2.pageId)) == null ? void 0 : _e.isPrint) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isPrint: e.target.checked
-                    });
-                  }
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx54(Table3.Td, { children: /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(
-                Checkbox2,
-                {
-                  checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
-                  onChange: (e) => {
-                    store.updatePermission(item2.pageId, {
-                      isExport: e.target.checked
-                    });
-                  }
-                }
-              ) }) })
-            ] }, idx2);
+        ))), /* @__PURE__ */ React6.createElement(Table3.Td, null, /* @__PURE__ */ React6.createElement(MyCenterFull, null, /* @__PURE__ */ React6.createElement(
+          Checkbox2,
+          {
+            checked: ((_f = store.findByPageId(item2.pageId)) == null ? void 0 : _f.isExport) || false,
+            onChange: (e) => {
+              store.updatePermission(item2.pageId, {
+                isExport: e.target.checked
+              });
+            }
           }
-        )
-      ] }, idx);
-    }) })
-  ] }) });
+        ))));
+      }
+    ));
+  }))));
 }
 function useGetUserPermission2() {
   const store = useS_core83092();
@@ -2291,72 +1933,54 @@ function useGetUserPermission2() {
 }
 
 // src/modules-features/admin/core/core83092/F_core83092.tsx
-import { jsx as jsx55, jsxs as jsxs34 } from "react/jsx-runtime";
 function F_core83092() {
-  return /* @__PURE__ */ jsx55(MyPageContent, { children: /* @__PURE__ */ jsxs34(Grid2, { grow: true, children: [
-    /* @__PURE__ */ jsx55(Grid2.Col, { span: 4, children: /* @__PURE__ */ jsx55(F_core83092_ReadUser, {}) }),
-    /* @__PURE__ */ jsx55(Grid2.Col, { span: 8, children: /* @__PURE__ */ jsxs34(MyFlexColumn, { h: "80vh", flex: 1, children: [
-      /* @__PURE__ */ jsx55(ScrollArea4.Autosize, { h: "100%", children: /* @__PURE__ */ jsx55(Paper2, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx55(F_core83092_ViewMenuPermissions, {}) }) }),
-      /* @__PURE__ */ jsx55(F_core83092_Save, {})
-    ] }) })
-  ] }) });
+  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";
-import { Fragment, jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment2, jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment3, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment4, jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
 
 // 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";
-import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // 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";
-import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment5, jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment6, jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment7, jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
 
 // 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";
-import { Fragment as Fragment8, jsx as jsx65, jsxs as jsxs44 } from "react/jsx-runtime";
 
 // 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 useMemo14 } from "react";
-import { Fragment as Fragment9, jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
 function getRandomColor(seed) {
   const random = Math.sin(seed) * 1e4;
   const color = `#${Math.floor((random - Math.floor(random)) * 16777215).toString(16).padStart(6, "0")}`;
@@ -2534,7 +2158,7 @@ function PieChart_DiscountUsedPercentage() {
         header: "M\xE0u",
         accessorKey: "color",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx66("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
+          return /* @__PURE__ */ React.createElement("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
         },
         minSize: 30,
         maxSize: 30
@@ -2549,10 +2173,7 @@ function PieChart_DiscountUsedPercentage() {
         header: "%",
         accessorKey: "used",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx66(Fragment9, { children: /* @__PURE__ */ jsx66(Center, { children: /* @__PURE__ */ jsxs45(Text13, { children: [
-            (originalRow.used / totalDisountCode * 100).toFixed(0),
-            "%"
-          ] }) }) });
+          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
@@ -2564,20 +2185,7 @@ function PieChart_DiscountUsedPercentage() {
           return originalRow.used;
         },
         Cell: ({ row }) => {
-          return /* @__PURE__ */ jsxs45(Fragment9, { children: [
-            /* @__PURE__ */ jsx66(Center, { children: /* @__PURE__ */ jsxs45(Text13, { children: [
-              "\u0110\xE3 s\u1EED d\u1EE5ng: ",
-              /* @__PURE__ */ jsxs45("strong", { children: [
-                row.original.used,
-                " / ",
-                row.original.total
-              ] }),
-              " - (",
-              (row.original.used / row.original.total * 100).toFixed(2),
-              "%)"
-            ] }) }),
-            /* @__PURE__ */ jsx66(Progress, { color: "yellow", radius: "xs", size: "lg", value: row.original.used / row.original.total * 100 })
-          ] });
+          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
@@ -2585,41 +2193,35 @@ function PieChart_DiscountUsedPercentage() {
     ],
     []
   );
-  return /* @__PURE__ */ jsx66(Fragment9, { children: /* @__PURE__ */ jsxs45(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx66(Text13, { mb: "20", children: "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__ */ jsx66(Center, { children: /* @__PURE__ */ jsx66(
-      PieChart,
-      {
-        startAngle: 90,
-        endAngle: -270,
-        strokeWidth: 0,
-        withLabelsLine: true,
-        labelsPosition: "outside",
-        withLabels: true,
-        labelsType: "percent",
-        data: data_used_discountCode
-      }
-    ) }),
-    /* @__PURE__ */ jsx66(Space, { mt: 5 }),
-    /* @__PURE__ */ jsx66(
-      MyDataTable,
-      {
-        data: mockData,
-        columns,
-        initialState: {
-          density: "xs",
-          pagination: { pageIndex: 0, pageSize: 5 }
-        }
+  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 useMemo15 } from "react";
-import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
 function getRandomColor2(seed) {
   const random = Math.sin(seed) * 1e4;
   const color = `#${Math.floor((random - Math.floor(random)) * 16777215).toString(16).padStart(6, "0")}`;
@@ -2797,7 +2399,7 @@ function PieChart_VoucherUsedPercentage() {
         header: "M\xE0u",
         accessorKey: "color",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx67("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
+          return /* @__PURE__ */ React.createElement("div", { style: { width: 20, height: 20, backgroundColor: originalRow.color } });
         },
         minSize: 30,
         maxSize: 30
@@ -2812,10 +2414,7 @@ function PieChart_VoucherUsedPercentage() {
         header: "%",
         accessorKey: "used",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx67(Fragment10, { children: /* @__PURE__ */ jsx67(Center2, { children: /* @__PURE__ */ jsxs46(Text14, { children: [
-            (originalRow.used / totalVoucherCode * 100).toFixed(0),
-            "%"
-          ] }) }) });
+          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
@@ -2827,20 +2426,7 @@ function PieChart_VoucherUsedPercentage() {
           return originalRow.used;
         },
         Cell: ({ row }) => {
-          return /* @__PURE__ */ jsxs46(Fragment10, { children: [
-            /* @__PURE__ */ jsx67(Center2, { children: /* @__PURE__ */ jsxs46(Text14, { children: [
-              "\u0110\xE3 s\u1EED d\u1EE5ng: ",
-              /* @__PURE__ */ jsxs46("strong", { children: [
-                row.original.used,
-                " / ",
-                row.original.total
-              ] }),
-              " - (",
-              (row.original.used / row.original.total * 100).toFixed(2),
-              "%)"
-            ] }) }),
-            /* @__PURE__ */ jsx67(Progress2, { color: "yellow", radius: "xs", size: "lg", value: row.original.used / row.original.total * 100 })
-          ] });
+          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
@@ -2848,34 +2434,29 @@ function PieChart_VoucherUsedPercentage() {
     ],
     []
   );
-  return /* @__PURE__ */ jsx67(Fragment10, { children: /* @__PURE__ */ jsxs46(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx67(Text14, { mb: "20", children: "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__ */ jsx67(Center2, { children: /* @__PURE__ */ jsx67(
-      PieChart2,
-      {
-        startAngle: 90,
-        endAngle: -270,
-        strokeWidth: 0,
-        withLabelsLine: true,
-        labelsPosition: "outside",
-        withLabels: true,
-        labelsType: "percent",
-        data: data_used_discountCode2
-      }
-    ) }),
-    /* @__PURE__ */ jsx67(Space2, { mt: 5 }),
-    /* @__PURE__ */ jsx67(
-      MyDataTable,
-      {
-        data: mockData2,
-        columns,
-        initialState: {
-          density: "xs",
-          pagination: { pageIndex: 0, pageSize: 5 }
-        }
+  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,