aq-fe-framework 0.1.308 → 0.1.310

package/dist/{chunk-IMCUF52C.mjs → chunk-RYZTACZ4.mjs}

@@ -2,21 +2,17 @@ import {
   utils_pdf_download
 } from "./chunk-5U2JSHSJ.mjs";
 import {
-  const_object_colors
-} from "./chunk-NWBLJ3W3.mjs";
-import {
-  CoreDayOfWeekPicker,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-DRLKXVYU.mjs";
+} from "./chunk-HHJFKKE7.mjs";
 import {
-  enum_daysOfWeek
-} from "./chunk-K6S7R6LU.mjs";
+  const_object_colors
+} from "./chunk-NWBLJ3W3.mjs";
 import {
   baseAxios_default,
   useMyReactMutation,
   useQ_AQ_GetAQModule
-} from "./chunk-KKJ3OEEW.mjs";
+} from "./chunk-OPVLK7PA.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";
@@ -1471,8 +1467,8 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Button as Button6, Group as Group8, Portal } from "@mantine/core";
-import { IconBug, IconDownload as IconDownload3, IconInfoCircle } from "@tabler/icons-react";
+import { Alert, Button as Button6, Center as Center2, Group as Group8, Portal, Text as Text6 } from "@mantine/core";
+import { IconBug, IconDownload as IconDownload3 } from "@tabler/icons-react";
 import { download, generateCsv, mkConfig } from "export-to-csv";
 import {
   MantineReactTable,
@@ -1508,7 +1504,8 @@ function MyDataTable(_a) {
     renderTopToolbarCustomActions,
     setSelectedRow,
     isError,
-    isLoading
+    isLoading,
+    pagination
   } = _b, rest = __objRest(_b, [
     "formats",
     "exportAble",
@@ -1519,7 +1516,8 @@ function MyDataTable(_a) {
     "renderTopToolbarCustomActions",
     "setSelectedRow",
     "isError",
-    "isLoading"
+    "isLoading",
+    "pagination"
   ]);
   const { renderRowActions } = __spreadValues({}, rest);
   const csvConfig = mkConfig(__spreadValues({
@@ -1557,6 +1555,7 @@ function MyDataTable(_a) {
         ) })
       ] });
     },
+    manualPagination: true,
     enableRowNumbers: true,
     enableRowSelection: exportAble,
     enableEditing: renderRowActions ? true : false,
@@ -1575,8 +1574,8 @@ function MyDataTable(_a) {
     },
     enableColumnPinning: true,
     initialState: {
+      // pagination: pagination ? pagination : { pageIndex: 0, pageSize: 10 },
       density: "md",
-      pagination: { pageIndex: 0, pageSize: 30 },
       columnPinning: { right: ["mrt-row-actions"] },
       columnVisibility: {
         modifiedWhen: false,
@@ -1597,10 +1596,13 @@ function MyDataTable(_a) {
       }
     },
     localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
-    state: {
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsxs14(Center2, { p: "md", children: [
+      " ",
+      /* @__PURE__ */ jsx25(Text6, { c: "gray", fw: "600", size: "15px", fs: "italic", children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!" })
+    ] }),
+    state: __spreadValues({
       showSkeletons: isLoading
-    },
+    }, pagination ? { pagination } : {}),
     mantineTableContainerProps: { style: { maxHeight: "65vh" } },
     enableStickyHeader: true
   }, rest));
@@ -1998,7 +2000,7 @@ import {
   LoadingOverlay,
   Modal as Modal10,
   Paper as Paper3,
-  Text as Text6,
+  Text as Text7,
   Tooltip as Tooltip4
 } from "@mantine/core";
 import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
@@ -2058,7 +2060,7 @@ function MyButtonViewPDF({
         onClose: disc[1].close,
         size: modalSize,
         title: /* @__PURE__ */ jsxs20(Group9, { children: [
-          /* @__PURE__ */ jsx33(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          /* @__PURE__ */ jsx33(Text7, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
           fullScreen[0] ? /* @__PURE__ */ jsx33(
             ActionIcon10,
             {
@@ -6447,7 +6449,7 @@ var createViewMonthAgenda = () => createPreactView(config);
 import { createEventModalPlugin } from "@schedule-x/event-modal";
 import { createEventsServicePlugin } from "@schedule-x/events-service";
 import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
-import { Paper as Paper4, Text as Text7 } from "@mantine/core";
+import { Paper as Paper4, Text as Text8 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
 import { useEffect as useEffect6 } from "react";
 import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -6528,12 +6530,12 @@ function MyCalendar() {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
       return /* @__PURE__ */ jsx34(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs21(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs21(Text7, { size: "sm", fw: "bold", children: [
+        /* @__PURE__ */ jsxs21(Text8, { size: "sm", fw: "bold", children: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text7, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx34(Text7, { size: "sm", children: calendarEvent.location })
+        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text8, { size: "sm", children: calendarEvent.giangvien }),
+        /* @__PURE__ */ jsx34(Text8, { size: "sm", children: calendarEvent.location })
       ] }) });
     }
     // eventModal: ({ calendarEvent }) => {
@@ -6547,10 +6549,10 @@ function MyCalendar() {
 }
 
 // src/components/CenterFull/MyCenterFull.tsx
-import { Center as Center2, Group as Group10 } from "@mantine/core";
+import { Center as Center3, Group as Group10 } from "@mantine/core";
 import { jsx as jsx35 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx35(Center2, { w: "100%", children: /* @__PURE__ */ jsx35(Group10, { children }) });
+  return /* @__PURE__ */ jsx35(Center3, { w: "100%", children: /* @__PURE__ */ jsx35(Group10, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
@@ -6562,7 +6564,7 @@ function MyCheckbox(_a) {
 }
 
 // src/components/DataDisplay/Card/AQCard.tsx
-import { Badge as Badge2, Card, Center as Center3, Image, Text as Text8 } from "@mantine/core";
+import { Badge as Badge2, Card, Center as Center4, Image, Text as Text9 } from "@mantine/core";
 import Link from "next/link";
 import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function AQCard({
@@ -6575,7 +6577,7 @@ function AQCard({
   href = ""
 }) {
   return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx37(Card.Section, { children: /* @__PURE__ */ jsx37(Center3, { children: /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx37(Card.Section, { children: /* @__PURE__ */ jsx37(Center4, { children: /* @__PURE__ */ jsx37(
       Image,
       {
         src: imgSrc,
@@ -6586,16 +6588,16 @@ function AQCard({
       }
     ) }) }),
     /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx37(Text8, { fw: 500, children: title }),
+      /* @__PURE__ */ jsx37(Text9, { fw: 500, children: title }),
       status && /* @__PURE__ */ jsx37(Badge2, { color: "violet.5", w: "150px", children: status })
     ] }),
-    /* @__PURE__ */ jsx37(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
+    /* @__PURE__ */ jsx37(Text9, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
     children
   ] });
 }
 
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
-import { Box as Box2, Flex, Group as Group11, Paper as Paper5, Text as Text9 } from "@mantine/core";
+import { Box as Box2, Flex, Group as Group11, Paper as Paper5, Text as Text10 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
 import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyCardInformation({
@@ -6617,7 +6619,7 @@ function MyCardInformation({
         /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs23(Flex, { direction: "column", children: [
             /* @__PURE__ */ jsx38(
-              Text9,
+              Text10,
               {
                 tt: "uppercase",
                 size: "lg",
@@ -6625,10 +6627,10 @@ function MyCardInformation({
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs23(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs23(Text10, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx38("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs23(Text9, { size: "xs", children: [
+            ] }) : /* @__PURE__ */ jsxs23(Text10, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx38("strong", { children: unit })
             ] })
@@ -6643,7 +6645,7 @@ function MyCardInformation({
             gap: "xs",
             children: [
               /* @__PURE__ */ jsx38(
-                Text9,
+                Text10,
                 {
                   fw: 700,
                   fz: "h1",
@@ -6651,7 +6653,7 @@ function MyCardInformation({
                 }
               ),
               /* @__PURE__ */ jsxs23(
-                Text9,
+                Text10,
                 {
                   mb: "2",
                   c: diff > 0 ? "teal" : "red",
@@ -6670,7 +6672,7 @@ function MyCardInformation({
           }
         ),
         /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx38(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx38(Text10, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
       ]
@@ -6680,25 +6682,25 @@ function MyCardInformation({
 }
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
-import { Group as Group12, Text as Text10 } from "@mantine/core";
+import { Group as Group12, Text as Text11 } from "@mantine/core";
 import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
   return /* @__PURE__ */ jsxs24(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
     Icon && /* @__PURE__ */ jsx39(Icon, { stroke: 1.5, size: 16 }),
-    /* @__PURE__ */ jsx39(Text10, { fz: "lg", c: "dimmed", children: text })
+    /* @__PURE__ */ jsx39(Text11, { fz: "lg", c: "dimmed", children: text })
   ] });
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
-import { Group as Group13, Text as Text11 } from "@mantine/core";
+import { Group as Group13, Text as Text12 } from "@mantine/core";
 import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
   return /* @__PURE__ */ jsxs25(Group13, { gap: 5, children: [
-    /* @__PURE__ */ jsxs25(Text11, { fw: "bold", children: [
+    /* @__PURE__ */ jsxs25(Text12, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsx40(Text11, { children: label })
+    /* @__PURE__ */ jsx40(Text12, { children: label })
   ] });
 }
 
@@ -6711,7 +6713,7 @@ function MyNumberFormatter(_a) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button13, Flex as Flex2, Group as Group14, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button13, Flex as Flex2, Group as Group14, Paper as Paper6, Text as Text13 } from "@mantine/core";
 import { IconArrowDownRight as IconArrowDownRight2, IconArrowUpRight as IconArrowUpRight2 } from "@tabler/icons-react";
 import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
@@ -6725,7 +6727,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
         /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs26(Flex2, { direction: "column", children: [
             /* @__PURE__ */ jsx42(
-              Text12,
+              Text13,
               {
                 tt: "uppercase",
                 size: "lg",
@@ -6733,10 +6735,10 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs26(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs26(Text13, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx42("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs26(Text12, { size: "xs", children: [
+            ] }) : /* @__PURE__ */ jsxs26(Text13, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx42("strong", { children: unit })
             ] })
@@ -6751,7 +6753,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
             gap: "xs",
             children: [
               /* @__PURE__ */ jsx42(
-                Text12,
+                Text13,
                 {
                   fw: 700,
                   fz: "h1",
@@ -6759,7 +6761,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 }
               ),
               /* @__PURE__ */ jsxs26(
-                Text12,
+                Text13,
                 {
                   mb: "2",
                   c: diff > 0 ? "teal" : "red",
@@ -6778,7 +6780,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
           }
         ),
         /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx42(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx42(Text13, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           /* @__PURE__ */ jsx42(
             Button13,
             {
@@ -6880,7 +6882,7 @@ function MyDateInput(_a) {
 import {
   Fieldset as Fieldset4,
   Group as Group15,
-  Text as Text13,
+  Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
 import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -6915,7 +6917,7 @@ function MyFieldset(_a) {
   return /* @__PURE__ */ jsx44(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx44(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text13, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx44(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -7144,153 +7146,8 @@ function MyTextEditor(_a) {
   ] })) }));
 }
 
-// src/components/Inputs/WeeklySessionSchedulerPicker/MyWeeklySessionSchedulerPicker.tsx
-import {
-  Button as Button14,
-  Center as Center4,
-  Divider as Divider2,
-  Group as Group16,
-  NumberInput as NumberInput3,
-  Paper as Paper7,
-  ScrollArea as ScrollArea3,
-  Text as Text14
-} from "@mantine/core";
-import { IconPlus as IconPlus5, IconTrash as IconTrash5 } from "@tabler/icons-react";
-import { useState as useState10 } from "react";
-import { jsx as jsx49, jsxs as jsxs29 } 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_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx49(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs29(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx49(Center4, { children: /* @__PURE__ */ jsx49(
-      CoreDayOfWeekPicker,
-      {
-        value: selectedDays,
-        onChange: (days) => {
-          const sorted = [...days].sort((a5, b4) => a5 - b4);
-          setSelectedDays(sorted);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx49(Divider2, { my: "xs" }),
-    /* @__PURE__ */ jsx49(Center4, { children: /* @__PURE__ */ jsx49(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx49(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
-      var _a;
-      return /* @__PURE__ */ jsxs29(
-        Paper7,
-        {
-          w: "100%",
-          p: "md",
-          bg: const_object_colors.mantineBackgroundBlueLight,
-          children: [
-            /* @__PURE__ */ jsxs29(Group16, { gap: "apart", children: [
-              /* @__PURE__ */ jsx49(Text14, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx49(
-                Button14,
-                {
-                  color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx49(IconPlus5, { size: 14 }),
-                  onClick: () => handleAddSession(dayOfWeek),
-                  children: "Th\xEAm bu\u1ED5i"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx49(Divider2, { my: "sm" }),
-            (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
-              const globalIndex = value.findIndex(
-                (v5) => v5 === item
-              );
-              return /* @__PURE__ */ jsxs29(
-                Group16,
-                {
-                  mt: "xs",
-                  gap: "xs",
-                  align: "flex-end",
-                  children: [
-                    /* @__PURE__ */ jsx49(
-                      NumberInput3,
-                      {
-                        label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
-                        value: item.startPeriod,
-                        onChange: (val) => handleUpdate(
-                          globalIndex,
-                          "startPeriod",
-                          val
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx49(
-                      NumberInput3,
-                      {
-                        label: "S\u1ED1 ti\u1EBFt",
-                        value: item.numberOfPeriods,
-                        onChange: (val) => handleUpdate(
-                          globalIndex,
-                          "numberOfPeriods",
-                          val
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx49(
-                      NumberInput3,
-                      {
-                        label: "S\u1ED1 ph\xFAt  ",
-                        readOnly: true,
-                        variant: "filled",
-                        value: item.durationMinutes
-                      }
-                    ),
-                    /* @__PURE__ */ jsx49(
-                      Button14,
-                      {
-                        variant: "light",
-                        color: "red",
-                        onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx49(IconTrash5, { size: 14 }),
-                        children: "X\xF3a bu\u1ED5i"
-                      }
-                    )
-                  ]
-                },
-                globalIndex
-              );
-            })
-          ]
-        },
-        dayOfWeek
-      );
-    }) }) }) })
-  ] }) });
-}
-
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button15 } from "@mantine/core";
+import { Button as Button14 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 
@@ -7305,14 +7162,14 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx50(Button15, { onClick: () => {
+  return /* @__PURE__ */ jsx49(Button14, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx50(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx49(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -7320,11 +7177,11 @@ import {
   ActionIcon as ActionIcon11,
   AppShell,
   Badge as Badge3,
-  Divider as Divider3,
-  Group as Group17,
+  Divider as Divider2,
+  Group as Group16,
   Image as Image3,
   NavLink,
-  ScrollArea as ScrollArea4,
+  ScrollArea as ScrollArea3,
   Text as Text15,
   Tooltip as Tooltip5
 } from "@mantine/core";
@@ -7336,8 +7193,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 useState11 } from "react";
-import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
+import { Fragment as Fragment13, jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7352,13 +7209,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx51(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7366,14 +7223,16 @@ function RenderNavLinks({
 }) {
   const basicAppShellStore = useS_BasicAppShell();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx51(Fragment13, { children: items.map((item, index) => /* @__PURE__ */ jsx51(
+  const index = pathName.split("/", 2).join("/").length;
+  const extractPathName = pathName.slice(index).replace("/", "");
+  return /* @__PURE__ */ jsx50(Fragment13, { children: items.map((item, index2) => /* @__PURE__ */ jsx50(
     NavLink,
     {
-      active: item.link === pathName.split("/")[2],
+      active: extractPathName === item.link,
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs30(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs29(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7385,9 +7244,9 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx51(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx50(RenderNavLinks, { items: item.links })
     },
-    index
+    index2
   )) });
 }
 function childrenMenuToListEnumUsingPageIdAndName(children) {
@@ -7455,7 +7314,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] = useState11("");
+  const [faviconUrl, setFaviconUrl] = useState10("");
   const allChildItems = useMemo3(() => {
     const result = [];
     const extractChildren = (items) => {
@@ -7508,7 +7367,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__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     AppShell,
     {
       header: { height: 60 },
@@ -7522,80 +7381,80 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs30(Group17, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs30(Group17, { h: "100%", children: [
-            /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx50(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs29(Group16, { h: "100%", children: [
+            /* @__PURE__ */ jsx50(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx51(
+                children: /* @__PURE__ */ jsx50(
                   ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx51(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsx50(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx50(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx51(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx50(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx51(
-            Group17,
+          /* @__PURE__ */ jsx50(
+            Group16,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx51(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx50(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs30(Group17, { children: [
+          /* @__PURE__ */ jsxs29(Group16, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx51(MySwitchTheme, {})
+            /* @__PURE__ */ jsx50(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs30(Group17, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx50(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx51(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx51(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx51(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs30(Group17, { children: [
+            /* @__PURE__ */ jsx50(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs29(Group16, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx51(MySwitchTheme, {})
+              /* @__PURE__ */ jsx50(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs30(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs30(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
-            /* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx51(Divider3, {}),
-            /* @__PURE__ */ jsx51(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs29(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx50(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs29(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+            /* @__PURE__ */ jsx50(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx50(Divider2, {}),
+            /* @__PURE__ */ jsx50(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs30(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx51(Divider3, {}),
-            /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsxs29(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx50(Divider2, {}),
+            /* @__PURE__ */ jsx50(
               Image3,
               {
                 fit: "contain",
@@ -7609,7 +7468,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx50(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7664,23 +7523,23 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex3 } from "@mantine/core";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx52(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx52(Flex3, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx51(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx51(Flex3, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
   Box as Box4,
   Burger,
-  Button as Button16,
+  Button as Button15,
   Container as Container2,
-  Divider as Divider4,
+  Divider as Divider3,
   Drawer,
-  Group as Group18,
+  Group as Group17,
   Image as Image4,
-  ScrollArea as ScrollArea5,
+  ScrollArea as ScrollArea4,
   Text as Text16,
   TextInput as TextInput3,
   ThemeIcon,
@@ -7713,7 +7572,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7751,27 +7610,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs31(Group18, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs31("div", { children: [
-      /* @__PURE__ */ jsx53(Text16, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx53(Text16, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx52(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx52(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx52(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs30("div", { children: [
+      /* @__PURE__ */ jsx52(Text16, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx52(Text16, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs31(Box4, { children: [
-    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs31(Group18, { children: [
-        /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx53(Group18, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button16, { 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__ */ jsxs30(Box4, { children: [
+    /* @__PURE__ */ jsx52("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs30(Group17, { children: [
+        /* @__PURE__ */ jsx52(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx52(Group17, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(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__ */ jsxs31(Group18, { children: [
-        /* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx53(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs30(Group17, { children: [
+        /* @__PURE__ */ jsx52(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx52(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx52(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx53(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx52(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx53(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx52(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx52(
       Drawer,
       {
         opened: drawerOpened,
@@ -7781,10 +7640,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs31(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx53(Divider4, { my: "sm" }),
-          /* @__PURE__ */ jsx53(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(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__ */ jsx53(Divider4, { my: "sm" })
+        children: /* @__PURE__ */ jsxs30(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx52(Divider3, { my: "sm" }),
+          /* @__PURE__ */ jsx52(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(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__ */ jsx52(Divider3, { my: "sm" })
         ] })
       }
     )
@@ -7792,8 +7651,8 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider5, Group as Group19, Text as Text17, Title } from "@mantine/core";
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group18, Text as Text17, Title } from "@mantine/core";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7804,10 +7663,10 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx54(Group19, { children: /* @__PURE__ */ jsxs32(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs32(Group19, { align: "center", children: [
-      /* @__PURE__ */ jsx54(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
+      /* @__PURE__ */ jsx53(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx53(
         Badge4,
         {
           variant: "gradient",
@@ -7818,7 +7677,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx54(Text17, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx53(Text17, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7831,11 +7690,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs32(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs32(Group19, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs32(Group19, { children: [
-        /* @__PURE__ */ jsx54(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs31(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs31(Group18, { children: [
+        /* @__PURE__ */ jsx53(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx53(
           PageTitle,
           {
             title: finalTitle,
@@ -7845,64 +7704,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs32(Group19, { p: "md", children: [
+      /* @__PURE__ */ jsxs31(Group18, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx54(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx54(Text17, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx53(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx53(Text17, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx54(Divider5, { my: "xs" }),
+    /* @__PURE__ */ jsx53(Divider4, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx54(Divider5, { my: "xs" }),
-    /* @__PURE__ */ jsx54(MyFlexEnd, { children: /* @__PURE__ */ jsx54(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx53(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx53(MyFlexEnd, { children: /* @__PURE__ */ jsx53(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 jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs32 } 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__ */ jsxs33(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx55(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx55(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx55(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs32(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx54(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx54(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx54(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx55(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx54(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button17, Fieldset as Fieldset5, Group as Group20, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group19, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs33 } 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__ */ jsxs34(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs33(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx55(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs34(Group20, { children: [
+          return /* @__PURE__ */ jsxs33(Group19, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx56(Button17, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx55(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx56(MyCenterFull, { children: /* @__PURE__ */ jsx56(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx56(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx55(MyCenterFull, { children: /* @__PURE__ */ jsx55(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx55(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx56(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx55(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx55(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx56(Button17, { onClick: () => {
+          return /* @__PURE__ */ jsx55(Button16, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7918,7 +7777,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 jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7937,7 +7796,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     Select3,
     __spreadValues({
       label,
@@ -7950,9 +7809,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 useState12 } from "react";
+import { useState as useState11 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7961,8 +7820,8 @@ function MyScheduleX({
   startDayBoundaries = "05:00",
   endDayBoundaries = "21:00"
 }) {
-  const eventsService = useState12(() => createEventsServicePlugin2())[0];
-  const eventModalPlugin = useState12(() => createEventModalPlugin2())[0];
+  const eventsService = useState11(() => createEventsServicePlugin2())[0];
+  const eventModalPlugin = useState11(() => createEventModalPlugin2())[0];
   const calendar = useNextCalendarApp2({
     locale: "vi-VN",
     dayBoundaries: {
@@ -7977,7 +7836,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7991,9 +7850,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx59(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx58(Skeleton, { h: h4 });
 }
 
 export {
@@ -8049,7 +7908,6 @@ export {
   MyNumberInput,
   MyTextArea,
   MyTextEditor,
-  MyWeeklySessionSchedulerPicker,
   useS_authenticate,
   F_authenticate_Logout,
   BasicAppShell_transformMenuToEnum,