aq-fe-framework 0.1.242 → 0.1.244

package/dist/{chunk-TQCEVAOM.mjs → chunk-SA4BMRIP.mjs}

@@ -1413,8 +1413,8 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Button as Button6, Group as Group8, Portal } from "@mantine/core";
-import { IconDownload as IconDownload3 } from "@tabler/icons-react";
+import { Alert, Button as Button6, Group as Group8, Portal } from "@mantine/core";
+import { IconBug, IconDownload as IconDownload3 } from "@tabler/icons-react";
 import { download, generateCsv, mkConfig } from "export-to-csv";
 import {
   MantineReactTable,
@@ -1440,7 +1440,29 @@ function formatData(data, formats) {
   });
 }
 function MyDataTable(_a) {
-  var _b = _a, { formats = {}, exportAble = false, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow } = _b, rest = __objRest(_b, ["formats", "exportAble", "csvConfigProps", "rowActionSize", "columns", "data", "renderTopToolbarCustomActions", "setSelectedRow"]);
+  var _b = _a, {
+    formats = {},
+    exportAble = false,
+    csvConfigProps,
+    rowActionSize,
+    columns,
+    data,
+    renderTopToolbarCustomActions,
+    setSelectedRow,
+    isError,
+    isLoading
+  } = _b, rest = __objRest(_b, [
+    "formats",
+    "exportAble",
+    "csvConfigProps",
+    "rowActionSize",
+    "columns",
+    "data",
+    "renderTopToolbarCustomActions",
+    "setSelectedRow",
+    "isError",
+    "isLoading"
+  ]);
   const { renderRowActions } = __spreadValues({}, rest);
   const csvConfig = mkConfig(__spreadValues({
     fieldSeparator: ",",
@@ -1516,7 +1538,11 @@ function MyDataTable(_a) {
         paddingBottom: "2px"
       }
     },
-    localization: MRT_Localization_VI
+    localization: MRT_Localization_VI,
+    renderEmptyRowsFallback: () => isError && /* @__PURE__ */ jsx26(Alert, { icon: /* @__PURE__ */ jsx26(IconBug, {}), color: "red", m: "md", children: "C\xF3 l\u1ED7i x\u1EA3y ra!" }),
+    state: {
+      showSkeletons: isLoading
+    }
   }, rest));
   useEffect5(() => {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
@@ -6746,14 +6772,54 @@ function MyDateInput(_a) {
   return /* @__PURE__ */ jsx45(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
+// src/constants/enum/global.ts
+var ENUM_DAYS_OF_WEEK = /* @__PURE__ */ ((ENUM_DAYS_OF_WEEK2) => {
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 Hai"] = 1] = "Th\u1EE9 Hai";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 Ba"] = 2] = "Th\u1EE9 Ba";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 T\u01B0"] = 3] = "Th\u1EE9 T\u01B0";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 N\u0103m"] = 4] = "Th\u1EE9 N\u0103m";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 S\xE1u"] = 5] = "Th\u1EE9 S\xE1u";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Th\u1EE9 B\u1EA3y"] = 6] = "Th\u1EE9 B\u1EA3y";
+  ENUM_DAYS_OF_WEEK2[ENUM_DAYS_OF_WEEK2["Ch\u1EE7 Nh\u1EADt"] = 0] = "Ch\u1EE7 Nh\u1EADt";
+  return ENUM_DAYS_OF_WEEK2;
+})(ENUM_DAYS_OF_WEEK || {});
+
+// src/components/Inputs/DayOfWeekPicker/MyDayOfWeekPicker.tsx
+import { Badge as Badge3, Group as Group15, Text as Text13 } from "@mantine/core";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+var days = Object.entries(ENUM_DAYS_OF_WEEK).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
+function MyDayOfWeekPicker({ value = [], onChange }) {
+  const toggle = (val) => {
+    if (!onChange) return;
+    const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val];
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ jsxs27(MyFlexRow, { align: "center", children: [
+    /* @__PURE__ */ jsx46(Text13, { children: "Danh s\xE1ch th\u1EE9: " }),
+    /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: days.map((d5) => /* @__PURE__ */ jsx46(
+      Badge3,
+      {
+        variant: value.includes(d5.value) ? "filled" : "outline",
+        color: "blue",
+        radius: "sm",
+        size: "lg",
+        onClick: () => toggle(d5.value),
+        style: { cursor: onChange ? "pointer" : "default", userSelect: "none" },
+        children: d5.label
+      },
+      d5.value
+    )) })
+  ] });
+}
+
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group15,
-  Text as Text13,
+  Group as Group16,
+  Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6782,10 +6848,10 @@ function MyFieldset(_a) {
   const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
     legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
   });
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text13, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx47(Group16, { gap: "xs", children: /* @__PURE__ */ jsxs28(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -6800,13 +6866,13 @@ function MyFieldset(_a) {
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
 import { IconFile } from "@tabler/icons-react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx47(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx48(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -6815,10 +6881,10 @@ function MyFileInput(_a) {
 
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     NumberInput2,
     __spreadValues({
       label,
@@ -6830,10 +6896,10 @@ function MyNumberInput(_a) {
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx49(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx50(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -6849,7 +6915,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect8, useState as useState9 } from "react";
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6951,43 +7017,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx50(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs28(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs28(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx50(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx51(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs29(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
+    /* @__PURE__ */ jsxs29(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx51(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx50(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx51(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx50(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx51(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx50(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx51(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx50(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx50(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs29(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx51(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx51(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx51(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7002,14 +7068,165 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx50(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx51(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] }) });
 }
 
+// src/constants/object/object_colors.ts
+var object_colors = {
+  mantineBackgroundPrimary: "light-dark(var(--mantine-color-white), var(--mantine-color-dark))",
+  mantineBackgroundSecondary: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
+  mantineBackgroundBlueLight: "var(--mantine-color-blue-light)"
+};
+
+// src/components/Inputs/WeeklySessionSchedulerPicker/MyWeeklySessionSchedulerPicker.tsx
+import {
+  Button as Button14,
+  Center as Center4,
+  Divider as Divider2,
+  Group as Group17,
+  NumberInput as NumberInput3,
+  Paper as Paper7,
+  Text as Text15
+} from "@mantine/core";
+import { IconPlus as IconPlus5, IconTrash as IconTrash5 } from "@tabler/icons-react";
+import { useState as useState10 } from "react";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+function MyWeeklySessionSchedulerPicker({
+  value = [],
+  onChange
+}) {
+  const [selectedDays, setSelectedDays] = useState10([]);
+  const handleAddSession = (dayOfWeek) => {
+    const newSession = {
+      dayOfWeek,
+      startPeriod: 1,
+      numberOfPeriods: 1,
+      durationMinutes: 90
+    };
+    onChange == null ? void 0 : onChange([...value, newSession]);
+  };
+  const handleRemove = (index) => {
+    const newData = [...value];
+    newData.splice(index, 1);
+    onChange == null ? void 0 : onChange(newData);
+  };
+  const handleUpdate = (index, key, val) => {
+    const newData = [...value];
+    newData[index][key] = val;
+    onChange == null ? void 0 : onChange(newData);
+  };
+  const grouped = value.reduce((acc, curr) => {
+    acc[curr.dayOfWeek] = acc[curr.dayOfWeek] || [];
+    acc[curr.dayOfWeek].push(curr);
+    return acc;
+  }, {});
+  const getLabel = (day) => ENUM_DAYS_OF_WEEK[day] || `Day ${day}`;
+  return /* @__PURE__ */ jsx52(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs30(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx52(Center4, { children: /* @__PURE__ */ jsx52(
+      MyDayOfWeekPicker,
+      {
+        value: selectedDays,
+        onChange: (days2) => {
+          const sorted = [...days2].sort((a5, b3) => a5 - b3);
+          setSelectedDays(sorted);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx52(Divider2, { my: "xs" }),
+    /* @__PURE__ */ jsx52(Center4, { children: /* @__PURE__ */ jsx52(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+      var _a;
+      return /* @__PURE__ */ jsxs30(
+        Paper7,
+        {
+          w: "100%",
+          p: "md",
+          bg: object_colors.mantineBackgroundBlueLight,
+          children: [
+            /* @__PURE__ */ jsxs30(Group17, { gap: "apart", children: [
+              /* @__PURE__ */ jsx52(Text15, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx52(
+                Button14,
+                {
+                  color: "teal.5",
+                  leftSection: /* @__PURE__ */ jsx52(IconPlus5, { size: 14 }),
+                  onClick: () => handleAddSession(dayOfWeek),
+                  children: "Th\xEAm bu\u1ED5i"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx52(Divider2, { my: "sm" }),
+            (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
+              const globalIndex = value.findIndex(
+                (v5) => v5 === item
+              );
+              return /* @__PURE__ */ jsxs30(
+                Group17,
+                {
+                  mt: "xs",
+                  gap: "xs",
+                  align: "flex-end",
+                  children: [
+                    /* @__PURE__ */ jsx52(
+                      NumberInput3,
+                      {
+                        label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
+                        value: item.startPeriod,
+                        onChange: (val) => handleUpdate(
+                          globalIndex,
+                          "startPeriod",
+                          val
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx52(
+                      NumberInput3,
+                      {
+                        label: "S\u1ED1 ti\u1EBFt",
+                        value: item.numberOfPeriods,
+                        onChange: (val) => handleUpdate(
+                          globalIndex,
+                          "numberOfPeriods",
+                          val
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx52(
+                      NumberInput3,
+                      {
+                        label: "S\u1ED1 ph\xFAt  ",
+                        readOnly: true,
+                        variant: "filled",
+                        value: item.durationMinutes
+                      }
+                    ),
+                    /* @__PURE__ */ jsx52(
+                      Button14,
+                      {
+                        variant: "light",
+                        color: "red",
+                        onClick: () => handleRemove(globalIndex),
+                        leftSection: /* @__PURE__ */ jsx52(IconTrash5, { size: 14 }),
+                        children: "X\xF3a bu\u1ED5i"
+                      }
+                    )
+                  ]
+                },
+                globalIndex
+              );
+            })
+          ]
+        },
+        dayOfWeek
+      );
+    }) }) })
+  ] }) });
+}
+
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button14 } from "@mantine/core";
+import { Button as Button15 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 
@@ -7024,27 +7241,27 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx51(Button14, { onClick: () => {
+  return /* @__PURE__ */ jsx53(Button15, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx51(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx53(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
 import {
   ActionIcon as ActionIcon11,
   AppShell,
-  Badge as Badge3,
-  Divider as Divider2,
-  Group as Group16,
+  Badge as Badge4,
+  Divider as Divider3,
+  Group as Group18,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
-  Text as Text14,
+  Text as Text16,
   Tooltip as Tooltip5
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
@@ -7055,8 +7272,8 @@ import {
 } from "@tabler/icons-react";
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
-import { Fragment as Fragment13, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useMemo as useMemo3, useState as useState11 } from "react";
+import { Fragment as Fragment13, jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7071,13 +7288,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx54(Badge4, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7085,14 +7302,14 @@ function RenderNavLinks({
 }) {
   const basicAppShellStore = useS_BasicAppShell();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx52(Fragment13, { children: items.map((item, index) => /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(Fragment13, { children: items.map((item, index) => /* @__PURE__ */ jsx54(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs29(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs31(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7104,7 +7321,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx52(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx54(RenderNavLinks, { items: item.links })
     },
     index
   )) });
@@ -7174,7 +7391,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
   const media = useMediaQuery("(min-width: 72em)");
   const GetAQModule_query = useQ_AQ_GetAQModule();
   const BasicAppShell_store = useS_BasicAppShell();
-  const [faviconUrl, setFaviconUrl] = useState10("");
+  const [faviconUrl, setFaviconUrl] = useState11("");
   const allChildItems = useMemo3(() => {
     const result = [];
     const extractChildren = (items) => {
@@ -7227,7 +7444,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
   }, [pathName]);
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs31(
     AppShell,
     {
       header: { height: 60 },
@@ -7241,80 +7458,80 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx52(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", children: [
-            /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx54(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs31(Group18, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs31(Group18, { h: "100%", children: [
+            /* @__PURE__ */ jsx54(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx52(
+                children: /* @__PURE__ */ jsx54(
                   ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx52(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx52(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx54(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx54(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx52(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx52(
+            /* @__PURE__ */ jsx54(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx54(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx52(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx54(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx52(
-            Group16,
+          /* @__PURE__ */ jsx54(
+            Group18,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx52(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx54(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs29(Group16, { children: [
+          /* @__PURE__ */ jsxs31(Group18, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx52(MySwitchTheme, {})
+            /* @__PURE__ */ jsx54(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsxs31(Group18, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx54(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx52(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx52(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx54(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx54(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx52(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs29(Group16, { children: [
+            /* @__PURE__ */ jsx54(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs31(Group18, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx52(MySwitchTheme, {})
+              /* @__PURE__ */ jsx54(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs29(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx52(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs29(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
-            /* @__PURE__ */ jsx52(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx52(Divider2, {}),
-            /* @__PURE__ */ jsx52(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs31(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx54(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs31(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+            /* @__PURE__ */ jsx54(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx54(Divider3, {}),
+            /* @__PURE__ */ jsx54(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs29(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx52(Divider2, {}),
-            /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsxs31(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx54(Divider3, {}),
+            /* @__PURE__ */ jsx54(
               Image3,
               {
                 fit: "contain",
@@ -7328,7 +7545,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx54(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7383,31 +7600,24 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex5 } from "@mantine/core";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx53(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx53(Flex5, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx55(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx55(Flex5, { direction: "column", children }) }));
 }
 
-// src/constants/object/color.ts
-var OBJECT_COlORS = {
-  mantineBackgroundPrimary: "light-dark(var(--mantine-color-white), var(--mantine-color-dark))",
-  mantineBackgroundSecondary: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
-  mantineBackgroundBlueLight: "var(--mantine-color-blue-light)"
-};
-
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
   Box as Box4,
   Burger,
-  Button as Button15,
+  Button as Button16,
   Container as Container2,
-  Divider as Divider3,
+  Divider as Divider4,
   Drawer,
-  Group as Group17,
+  Group as Group19,
   Image as Image4,
   ScrollArea as ScrollArea4,
-  Text as Text15,
+  Text as Text17,
   TextInput as TextInput3,
   ThemeIcon,
   UnstyledButton,
@@ -7439,7 +7649,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7477,27 +7687,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx54(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx54(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx54(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs30("div", { children: [
-      /* @__PURE__ */ jsx54(Text15, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx54(Text15, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx56(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs32(Group19, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx56(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx56(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs32("div", { children: [
+      /* @__PURE__ */ jsx56(Text17, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx56(Text17, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs30(Box4, { children: [
-    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs30(Group17, { children: [
-        /* @__PURE__ */ jsx54(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx54(Group17, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+  return /* @__PURE__ */ jsxs32(Box4, { children: [
+    /* @__PURE__ */ jsx56("header", { className: css_default.header, children: /* @__PURE__ */ jsxs32(Group19, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs32(Group19, { children: [
+        /* @__PURE__ */ jsx56(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx56(Group19, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx56(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs30(Group17, { children: [
-        /* @__PURE__ */ jsx54(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx54(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx54(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs32(Group19, { children: [
+        /* @__PURE__ */ jsx56(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx56(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx56(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx54(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx56(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx54(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx56(Container2, { fluid: true, pt: "sm", pb: "md", bg: object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx56(
       Drawer,
       {
         opened: drawerOpened,
@@ -7507,10 +7717,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs30(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx54(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx54(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx54(Divider3, { my: "sm" })
+        children: /* @__PURE__ */ jsxs32(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx56(Divider4, { my: "sm" }),
+          /* @__PURE__ */ jsx56(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx56(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx56(Divider4, { my: "sm" })
         ] })
       }
     )
@@ -7518,8 +7728,8 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group18, Text as Text16, Title } from "@mantine/core";
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Badge as Badge5, Breadcrumbs, Code, Container as Container3, Divider as Divider5, Group as Group20, Text as Text18, Title } from "@mantine/core";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7530,11 +7740,11 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx55(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
-      /* @__PURE__ */ jsx55(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx55(
-        Badge4,
+  return /* @__PURE__ */ jsx57(Group20, { children: /* @__PURE__ */ jsxs33(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs33(Group20, { align: "center", children: [
+      /* @__PURE__ */ jsx57(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx57(
+        Badge5,
         {
           variant: "gradient",
           gradient: { from: color, to: `${color}.5` },
@@ -7544,7 +7754,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx55(Text16, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx57(Text18, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7557,11 +7767,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs31(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs31(Group18, { children: [
-        /* @__PURE__ */ jsx55(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs33(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs33(Group20, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs33(Group20, { children: [
+        /* @__PURE__ */ jsx57(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx57(
           PageTitle,
           {
             title: finalTitle,
@@ -7571,64 +7781,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs31(Group18, { p: "md", children: [
+      /* @__PURE__ */ jsxs33(Group20, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx55(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx55(Text16, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx57(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx57(Text18, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx55(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx57(Divider5, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx55(Divider4, { my: "xs" }),
-    /* @__PURE__ */ jsx55(MyFlexEnd, { children: /* @__PURE__ */ jsx55(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx57(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx57(MyFlexEnd, { children: /* @__PURE__ */ jsx57(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ jsxs32(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx56(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx56(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx56(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs34(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx58(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx58(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx58(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx56(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx58(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group19, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button17, Fieldset as Fieldset5, Group as Group21, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
   const disc = useDisclosure12(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs33(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs35(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx59(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs33(Group19, { children: [
+          return /* @__PURE__ */ jsxs35(Group21, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx57(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx59(Button17, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx57(MyCenterFull, { children: /* @__PURE__ */ jsx57(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx57(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx59(MyCenterFull, { children: /* @__PURE__ */ jsx59(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx59(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx57(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx59(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx59(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx57(Button16, { onClick: () => {
+          return /* @__PURE__ */ jsx59(Button17, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7644,7 +7854,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select3 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7663,7 +7873,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     Select3,
     __spreadValues({
       label,
@@ -7676,9 +7886,9 @@ function MySelectAPIGet(_a) {
 // src/components/ScheduleX/MyScheduleX.tsx
 import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as ScheduleXCalendar2 } from "@schedule-x/react";
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7687,8 +7897,8 @@ function MyScheduleX({
   startDayBoundaries = "05:00",
   endDayBoundaries = "21:00"
 }) {
-  const eventsService = useState11(() => createEventsServicePlugin2())[0];
-  const eventModalPlugin = useState11(() => createEventModalPlugin2())[0];
+  const eventsService = useState12(() => createEventsServicePlugin2())[0];
+  const eventModalPlugin = useState12(() => createEventModalPlugin2())[0];
   const calendar = useNextCalendarApp2({
     locale: "vi-VN",
     dayBoundaries: {
@@ -7703,7 +7913,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7717,9 +7927,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx60(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx62(Skeleton, { h: h4 });
 }
 
 export {
@@ -7772,11 +7982,14 @@ export {
   useS_BasicAppShell,
   FaviconSetter,
   MyDateInput,
+  MyDayOfWeekPicker,
   MyFieldset,
   MyFileInput,
   MyNumberInput,
   MyTextArea,
   MyTextEditor,
+  object_colors,
+  MyWeeklySessionSchedulerPicker,
   useS_authenticate,
   F_authenticate_Logout,
   BasicAppShell_transformMenuToEnum,
@@ -7784,7 +7997,6 @@ export {
   groupToTwoLevels,
   utils_layout_getItemsWithoutLinks,
   MyContainer,
-  OBJECT_COlORS,
   useHeaderMegaMenuStore,
   HeaderMegaMenu,
   MyPageContent,

package/dist/components/index.d.mts

@@ -309,8 +309,10 @@ interface IDataTable$1<TData extends MRT_RowData> extends MRT_TableOptions<TData
         [K in keyof TData]?: FormatFunction<TData>;
     };
     setSelectedRow?: (data: any) => void;
+    isError?: boolean;
+    isLoading?: boolean;
 }
-declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, ...rest }: IDataTable$1<TData>): react_jsx_runtime.JSX.Element | undefined;
+declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, isError, isLoading, ...rest }: IDataTable$1<TData>): react_jsx_runtime.JSX.Element | undefined;
 
 interface MyIconTextProps {
     icon?: React.ElementType;
@@ -344,6 +346,12 @@ interface IDateInput extends DateInputProps {
 }
 declare function MyDateInput({ label, ...rest }: IDateInput): react_jsx_runtime.JSX.Element;
 
+interface MyDayOfWeekPickerProps {
+    value?: number[];
+    onChange?: (val: number[]) => void;
+}
+declare function MyDayOfWeekPicker({ value, onChange }: MyDayOfWeekPickerProps): react_jsx_runtime.JSX.Element;
+
 interface IFieldset extends FieldsetProps {
     children?: ReactNode;
     title: string;
@@ -387,6 +395,18 @@ interface IMyTextInput extends TextInputProps {
 }
 declare function MyTextInput({ label, defaultValue, isPhoneNumber, ...rest }: IMyTextInput): react_jsx_runtime.JSX.Element;
 
+interface IWeeklySession {
+    dayOfWeek: number;
+    startPeriod: number;
+    numberOfPeriods: number;
+    durationMinutes: number;
+}
+interface WeeklySessionSchedulerProps {
+    value?: IWeeklySession[];
+    onChange?: (val: IWeeklySession[]) => void;
+}
+declare function MyWeeklySessionSchedulerPicker({ value, onChange, }: WeeklySessionSchedulerProps): react_jsx_runtime.JSX.Element;
+
 interface I$2 {
     moduleCode?: string;
     moduleName?: string;
@@ -521,4 +541,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.JSX.Element;
 
-export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, type IWeeklySession, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, MyDataTableSelect, MyDateInput, MyDayOfWeekPicker, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, MyWeeklySessionSchedulerPicker, SelectFieldModal, SelectFileModal, type SelectFileModalProps, type WeeklySessionSchedulerProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };

package/dist/components/index.mjs

@@ -39,6 +39,7 @@ import {
   MyDataTable,
   MyDataTableSelect,
   MyDateInput,
+  MyDayOfWeekPicker,
   MyFieldset,
   MyFileInput,
   MyFlexColumn,
@@ -59,6 +60,7 @@ import {
   MyTextArea,
   MyTextEditor,
   MyTextInput,
+  MyWeeklySessionSchedulerPicker,
   SelectFieldModal,
   SelectFileModal,
   groupToTwoLevels,
@@ -66,7 +68,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-TQCEVAOM.mjs";
+} from "../chunk-SA4BMRIP.mjs";
 import "../chunk-HMRYQTJT.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
@@ -113,6 +115,7 @@ export {
   MyDataTable,
   MyDataTableSelect,
   MyDateInput,
+  MyDayOfWeekPicker,
   MyFieldset,
   MyFileInput,
   MyFlexColumn,
@@ -133,6 +136,7 @@ export {
   MyTextArea,
   MyTextEditor,
   MyTextInput,
+  MyWeeklySessionSchedulerPicker,
   SelectFieldModal,
   SelectFileModal,
   groupToTwoLevels,

package/dist/modules-features/index.mjs

@@ -20,12 +20,12 @@ import {
   MySelect,
   MyTab,
   MyTextInput,
-  OBJECT_COlORS,
   groupToTwoLevels,
+  object_colors,
   useS_BasicAppShell,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-TQCEVAOM.mjs";
+} from "../chunk-SA4BMRIP.mjs";
 import {
   baseAxios_default,
   useQ_AQ_GetAQModule,
@@ -752,6 +752,9 @@ function F_core18256() {
   ] });
 }
 
+// src/modules-features/admin/core/core26965/F_core26965.tsx
+import { Paper as Paper2, Space as Space2 } from "@mantine/core";
+
 // src/modules-features/admin/core/core26965/F_core26965_Create.tsx
 import { useForm as useForm7 } from "@mantine/form";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1039,7 +1042,6 @@ function SubRead2({
 }
 
 // src/modules-features/admin/core/core26965/F_core26965.tsx
-import { Paper as Paper2, Space as Space2 } from "@mantine/core";
 import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function F_core26965({ RegulationsTypeId }) {
   return /* @__PURE__ */ jsxs15(Paper2, { p: "md", children: [
@@ -1716,7 +1718,7 @@ function F_core38677_ViewMenuPermissions({ menuData: menuData2 }) {
           Table.Td,
           {
             colSpan: 7,
-            bg: OBJECT_COlORS.mantineBackgroundBlueLight,
+            bg: object_colors.mantineBackgroundBlueLight,
             children: /* @__PURE__ */ jsx29(Text, { fs: "oblique", size: "sm", fw: "bold", children: item.label })
           }
         ) }, item.label),
@@ -1841,7 +1843,7 @@ function F_core38677({ menuData: menuData2 }) {
   return /* @__PURE__ */ jsxs22(Grid2, { children: [
     /* @__PURE__ */ jsx30(Grid2.Col, { span: { base: 12, sm: 5 }, children: /* @__PURE__ */ jsx30(ScrollArea2.Autosize, { children: /* @__PURE__ */ jsx30(F_core38677_ReadUser, {}) }) }),
     /* @__PURE__ */ jsx30(Grid2.Col, { span: { base: 12, sm: 7 }, children: /* @__PURE__ */ jsxs22(MyFlexColumn, { h: "80vh", flex: 1, children: [
-      /* @__PURE__ */ jsx30(ScrollArea2.Autosize, { h: "100%", children: /* @__PURE__ */ jsx30(Paper4, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx30(F_core38677_ViewMenuPermissions, { menuData: menuData2 }) }) }),
+      /* @__PURE__ */ jsx30(ScrollArea2.Autosize, { h: "100%", children: /* @__PURE__ */ jsx30(Paper4, { p: "md", bg: object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx30(F_core38677_ViewMenuPermissions, { menuData: menuData2 }) }) }),
       /* @__PURE__ */ jsx30(F_core38677_Save, {})
     ] }) })
   ] });
@@ -3320,7 +3322,7 @@ function F_core83092_ViewMenuPermissions({ menuData: menuData2 }) {
           Table3.Td,
           {
             colSpan: 7,
-            bg: OBJECT_COlORS.mantineBackgroundBlueLight,
+            bg: object_colors.mantineBackgroundBlueLight,
             children: /* @__PURE__ */ jsx60(Text2, { fs: "oblique", size: "sm", fw: "bold", children: item.label })
           }
         ) }, item.label),
@@ -3445,7 +3447,7 @@ function F_core83092({ menuData: menuData2 }) {
   return /* @__PURE__ */ jsxs39(Grid4, { children: [
     /* @__PURE__ */ jsx61(Grid4.Col, { span: { base: 12, sm: 5 }, children: /* @__PURE__ */ jsx61(ScrollArea4.Autosize, { children: /* @__PURE__ */ jsx61(F_core83092_ReadUser, {}) }) }),
     /* @__PURE__ */ jsx61(Grid4.Col, { span: { base: 12, sm: 7 }, children: /* @__PURE__ */ jsxs39(MyFlexColumn, { h: "80vh", flex: 1, children: [
-      /* @__PURE__ */ jsx61(ScrollArea4.Autosize, { h: "100%", children: /* @__PURE__ */ jsx61(Paper6, { p: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx61(F_core83092_ViewMenuPermissions, { menuData: menuData2 }) }) }),
+      /* @__PURE__ */ jsx61(ScrollArea4.Autosize, { h: "100%", children: /* @__PURE__ */ jsx61(Paper6, { p: "md", bg: object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsx61(F_core83092_ViewMenuPermissions, { menuData: menuData2 }) }) }),
       /* @__PURE__ */ jsx61(F_core83092_Save, {})
     ] }) })
   ] });

package/package.json

@@ -26,7 +26,7 @@
       "types": "./dist/interfaces/index.d.mts"
     }
   },
-  "version": "0.1.242",
+  "version": "0.1.244",
   "private": false,
   "files": [
     "dist"