aq-fe-framework 0.1.566 → 0.1.568

package/dist/{chunk-74LBTATC.mjs → chunk-JGU5ZCJ6.mjs}

@@ -1,5 +1,6 @@
 import {
   MyDataTable,
+  MyFieldset,
   MyFlexColumn,
   MyFlexRow
 } from "./chunk-HETWN2YJ.mjs";
@@ -194,7 +195,6 @@ function MyButton(_a) {
 import { ActionIcon as ActionIcon2, Button as Button2, Modal, ScrollArea, Space, useMantineColorScheme as useMantineColorScheme3 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { IconEdit as IconEdit3, IconPlus as IconPlus3 } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
 
 // src/core/layout/MyFlexColumn.tsx
 import { Flex } from "@mantine/core";
@@ -222,13 +222,13 @@ function MyButtonCreateUpdate({
   children,
   disclosure: externalDisclosure,
   isUpdate = false,
-  scrollAreaAutosizeProps
+  scrollAreaAutosizeProps,
+  useMyReactMutationProps
 }) {
   const theme = useMantineColorScheme3();
   const defaultDisclosure = useDisclosure();
   const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
-  const queryClient = useQueryClient();
-  const mutation = useMyReactMutation({
+  const mutation = useMyReactMutation(__spreadValues({
     axiosFn: (values) => {
       return values;
     },
@@ -247,7 +247,7 @@ function MyButtonCreateUpdate({
         onError == null ? void 0 : onError(...args);
       }
     }
-  });
+  }, useMyReactMutationProps));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isUpdate == true ? /* @__PURE__ */ jsx4(
       ActionIcon2,
@@ -328,12 +328,6 @@ import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
 import { jsx as jsx5 } from "react/jsx-runtime";
 
-// src/core/button/MyButtonImport.tsx
-import { Button as Button4, FileInput } from "@mantine/core";
-import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
-import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
-import { useMemo } from "react";
-
 // src/core/button/MyButtonModal.tsx
 import { Modal as Modal2 } from "@mantine/core";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -369,12 +363,9 @@ function MyButtonModal({
   ] });
 }
 
-// src/core/button/MyButtonImport.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-
 // src/core/button/MyButtonModalForm.tsx
 import { Stack } from "@mantine/core";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function MyButtonModalForm(_a) {
   var _b = _a, {
     isUpdate,
@@ -391,7 +382,7 @@ function MyButtonModalForm(_a) {
     "onSubmit",
     "isLoading"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     MyButtonModal,
     __spreadProps(__spreadValues({}, rest), {
       isActionIcon: isUpdate,
@@ -399,9 +390,9 @@ function MyButtonModalForm(_a) {
       buttonProps: { actionType: "create" },
       modalProps: { title: "Chi ti\u1EBFt d\u1EEF li\u1EC7u" },
       disclosure,
-      children: /* @__PURE__ */ jsx8("form", { onSubmit: form.onSubmit(onSubmit), children: /* @__PURE__ */ jsxs4(Stack, { children: [
+      children: /* @__PURE__ */ jsx7("form", { onSubmit: form.onSubmit(onSubmit), children: /* @__PURE__ */ jsxs3(Stack, { children: [
         children,
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           MyButton,
           {
             actionType: "save",
@@ -414,11 +405,11 @@ function MyButtonModalForm(_a) {
 }
 
 // src/core/button/MyButtonPrintPDF.tsx
-import { Button as Button5 } from "@mantine/core";
+import { Button as Button4 } from "@mantine/core";
 import { IconPrinter as IconPrinter3 } from "@tabler/icons-react";
 import { useRef } from "react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function MyButtonPrintPDF({
   children,
   autoPadding = true,
@@ -443,9 +434,9 @@ function MyButtonPrintPDF({
         return ``;
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("style", { children: getPageSizeCSS() }),
-    /* @__PURE__ */ jsx9("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx8("style", { children: getPageSizeCSS() }),
+    /* @__PURE__ */ jsx8("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx8(
       "div",
       {
         ref: printRef,
@@ -456,12 +447,12 @@ function MyButtonPrintPDF({
         children
       }
     ) }),
-    /* @__PURE__ */ jsx9(
-      Button5,
+    /* @__PURE__ */ jsx8(
+      Button4,
       __spreadProps(__spreadValues({
         color: "orange",
         onClick: handlePrint,
-        leftSection: /* @__PURE__ */ jsx9(IconPrinter3, {})
+        leftSection: /* @__PURE__ */ jsx8(IconPrinter3, {})
       }, buttonProps), {
         children: (buttonProps == null ? void 0 : buttonProps.children) || "In"
       })
@@ -470,20 +461,20 @@ function MyButtonPrintPDF({
 }
 
 // src/core/dataDisplay/MyDataTableSelectOne.tsx
-import { useEffect, useMemo as useMemo2 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function MyDataTableSelectOne({
   columns,
   queryResult,
   idSelection,
   setIdSelection
 }) {
-  const columnsState = useMemo2(() => columns, []);
+  const columnsState = useMemo(() => columns, []);
   useEffect(() => {
     if (!queryResult.data) return;
     setIdSelection(queryResult.data[0].id);
   }, [queryResult.data]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     MyDataTable,
     {
       columns: columnsState,
@@ -509,30 +500,30 @@ function MyDataTableSelectOne({
 
 // src/core/dataDisplay/MyFlexIconTitle.tsx
 import { Flex as Flex2, Text } from "@mantine/core";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function MyFlexIconTitle(props) {
-  return /* @__PURE__ */ jsxs6(Flex2, __spreadProps(__spreadValues({ direction: "row", align: "center", gap: "xs" }, props), { children: [
+  return /* @__PURE__ */ jsxs5(Flex2, __spreadProps(__spreadValues({ direction: "row", align: "center", gap: "xs" }, props), { children: [
     props.icon,
-    /* @__PURE__ */ jsx11(Text, __spreadProps(__spreadValues({ size: "lg", fw: 700 }, props.textProps), { children: props == null ? void 0 : props.children }))
+    /* @__PURE__ */ jsx10(Text, __spreadProps(__spreadValues({ size: "lg", fw: 700 }, props.textProps), { children: props == null ? void 0 : props.children }))
   ] }));
 }
 
 // src/core/dataDisplay/MyInfoBox.tsx
 import { Group, Paper, Stack as Stack2, Text as Text2 } from "@mantine/core";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyInfoBox({ title, data, paperProps }) {
-  return /* @__PURE__ */ jsx12(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs7(Stack2, { children: [
-    title && /* @__PURE__ */ jsx12(Text2, { fw: 600, size: "sm", children: title }),
-    data.map((item, index) => /* @__PURE__ */ jsxs7(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsx12(Text2, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
-      /* @__PURE__ */ jsx12(Text2, { size: "sm", fw: 500, children: item.value })
+  return /* @__PURE__ */ jsx11(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs6(Stack2, { children: [
+    title && /* @__PURE__ */ jsx11(Text2, { fw: 600, size: "sm", children: title }),
+    data.map((item, index) => /* @__PURE__ */ jsxs6(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsx11(Text2, { size: "sm", fw: 500, c: "dimmed", children: item.label }),
+      /* @__PURE__ */ jsx11(Text2, { size: "sm", fw: 500, children: item.value })
     ] }, index))
   ] }) }));
 }
 
 // src/core/dataDisplay/MyLabelValueRow.tsx
 import { Group as Group2, Text as Text3 } from "@mantine/core";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function MyLabelValueRow({
   label,
   value,
@@ -540,18 +531,18 @@ function MyLabelValueRow({
   valueProps,
   groupProps
 }) {
-  return /* @__PURE__ */ jsxs8(Group2, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
-    /* @__PURE__ */ jsxs8(Text3, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
+  return /* @__PURE__ */ jsxs7(Group2, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
+    /* @__PURE__ */ jsxs7(Text3, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
       label,
       ":"
     ] })),
-    /* @__PURE__ */ jsx13(Text3, __spreadProps(__spreadValues({}, valueProps), { children: value }))
+    /* @__PURE__ */ jsx12(Text3, __spreadProps(__spreadValues({}, valueProps), { children: value }))
   ] }));
 }
 
 // src/core/dataDisplay/MyStatsCartd.tsx
 import { Box, Card, ThemeIcon } from "@mantine/core";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function MyStatsCard({
   title,
   value,
@@ -560,22 +551,22 @@ function MyStatsCard({
   color,
   themeIconProps
 }) {
-  return /* @__PURE__ */ jsxs9(Card, { children: [
-    /* @__PURE__ */ jsx14("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
-    /* @__PURE__ */ jsx14(Box, { className: "p-6", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
-        /* @__PURE__ */ jsx14("p", { className: "text-3xl font-bold", children: value }),
-        /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
+  return /* @__PURE__ */ jsxs8(Card, { children: [
+    /* @__PURE__ */ jsx13("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
+    /* @__PURE__ */ jsx13(Box, { className: "p-6", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
+        /* @__PURE__ */ jsx13("p", { className: "text-3xl font-bold", children: value }),
+        /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsx14(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
+      /* @__PURE__ */ jsx13(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
     ] }) })
   ] });
 }
 
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge, Group as Group3 } from "@mantine/core";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -583,7 +574,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v) => v !== val) : [...value, val].sort((a, b) => a - b);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx15(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx15(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx14(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx14(
     Badge,
     {
       variant: value.includes(d.value) ? "filled" : "outline",
@@ -611,7 +602,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyRichTextEditor(props) {
   const editor = useEditor({
     extensions: [
@@ -695,44 +686,44 @@ function MyRichTextEditor(props) {
       editor.commands.setContent(props.value || "", false);
     }
   }, [props.value, editor]);
-  return /* @__PURE__ */ jsx16(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs10(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs10(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
-      /* @__PURE__ */ jsxs10(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx15(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs9(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs9(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs10(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs10(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs10(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs10(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx16(MantineRichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx15(MantineRichTextEditor.AlignRight, {})
       ] }),
       props.extraControlsGroup
     ] })),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15(
       ScrollArea2.Autosize,
       __spreadProps(__spreadValues({
         onMouseDown: () => {
@@ -741,7 +732,7 @@ function MyRichTextEditor(props) {
         mah: "200",
         style: { cursor: "text" }
       }, props.scrollAreaAutosizeProps), {
-        children: /* @__PURE__ */ jsx16(RichTextEditor.Content, __spreadValues({ mih: "200" }, props.richTextEditorContentProps))
+        children: /* @__PURE__ */ jsx15(RichTextEditor.Content, __spreadValues({ mih: "200" }, props.richTextEditorContentProps))
       })
     )
   ] })) }));
@@ -750,7 +741,7 @@ function MyRichTextEditor(props) {
 // src/core/input/MySelect.tsx
 import { Loader, Select } from "@mantine/core";
 import React from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function extractTextFromReactNode(node) {
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(extractTextFromReactNode).join(" ");
@@ -768,7 +759,7 @@ function MySelect(_a) {
     const plainTextLabel = extractTextFromReactNode(label).toLowerCase().trim();
     placeholder = `Ch\u1ECDn ${plainTextLabel}`;
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Select,
     __spreadValues({
       searchable: true,
@@ -776,7 +767,7 @@ function MySelect(_a) {
       placeholder,
       data: data != null ? data : [],
       error: isError ? true : void 0,
-      rightSection: isLoading ? /* @__PURE__ */ jsx17(Loader, { size: "xs" }) : void 0,
+      rightSection: isLoading ? /* @__PURE__ */ jsx16(Loader, { size: "xs" }) : void 0,
       disabled: isLoading || isError,
       styles: (theme) => ({
         input: rest.readOnly ? {
@@ -791,8 +782,8 @@ function MySelect(_a) {
 }
 
 // src/core/input/MySelectFromAPI.tsx
-import { useCallback, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function MySelectFromAPI(_a) {
   var _b = _a, {
     queryKey,
@@ -824,7 +815,7 @@ function MySelectFromAPI(_a) {
     },
     [getOptionLabel, labelWithCode]
   );
-  const options = useMemo3(() => {
+  const options = useMemo2(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = query.data) == null ? void 0 : _a2.map((item) => {
       var _a3, _b3;
@@ -856,7 +847,7 @@ function MySelectFromAPI(_a) {
       hasAutoSelected.current = true;
     }
   }, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     MySelect,
     __spreadValues({
       isLoading: query.isLoading,
@@ -870,10 +861,10 @@ function MySelectFromAPI(_a) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -912,7 +903,7 @@ function MyTextInput(_a) {
 
 // src/core/input/MyWeeklySessionSchedulerPicker.tsx
 import {
-  Button as Button6,
+  Button as Button5,
   Center,
   Divider,
   Group as Group4,
@@ -923,7 +914,7 @@ import {
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState } from "react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -954,8 +945,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx20(Paper2, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx20(Center, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(Paper2, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx19(Center, { children: /* @__PURE__ */ jsx19(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -965,41 +956,41 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx20(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx20(Center, { children: /* @__PURE__ */ jsx20(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx20(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx19(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx19(Center, { children: /* @__PURE__ */ jsx19(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx19(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs10(
         Paper2,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs11(Group4, { gap: "apart", children: [
-              /* @__PURE__ */ jsx20(Text5, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx20(
-                Button6,
+            /* @__PURE__ */ jsxs10(Group4, { gap: "apart", children: [
+              /* @__PURE__ */ jsx19(Text5, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx19(
+                Button5,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx20(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx19(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx20(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx19(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
               );
-              return /* @__PURE__ */ jsxs11(
+              return /* @__PURE__ */ jsxs10(
                 Group4,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx19(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -1011,7 +1002,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx19(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -1023,7 +1014,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx19(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -1032,13 +1023,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
-                      Button6,
+                    /* @__PURE__ */ jsx19(
+                      Button5,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx20(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx19(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -1057,14 +1048,512 @@ function MyWeeklySessionSchedulerPicker({
 
 // src/core/layout/MyFlexEnd.tsx
 import { Group as Group5 } from "@mantine/core";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function MyFlexEnd2(_a) {
+import { jsx as jsx20 } from "react/jsx-runtime";
+function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx21(Group5, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx20(Group5, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
 }
 
 // src/core/overlays/MyPrintContent.tsx
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+function MyPrintContent({
+  children,
+  autoPadding = true,
+  pageSize,
+  printRef
+}) {
+  const getPageSizeCSS = () => {
+    switch (pageSize) {
+      case "landscape":
+        return `@media print {@page { size: landscape; }}`;
+      case "A4-landscape":
+        return `@media print {@page { size: 29.7cm 21cm; }}`;
+      case "portrait":
+      default:
+        return ``;
+    }
+  };
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsx21("style", { children: getPageSizeCSS() }),
+    /* @__PURE__ */ jsx21("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx21(
+      "div",
+      {
+        ref: printRef,
+        style: {
+          padding: autoPadding ? "2cm 2cm 2cm 3cm" : void 0,
+          fontFamily: '"Times New Roman", Times, serif'
+        },
+        children
+      }
+    ) })
+  ] });
+}
+
+// src/core/overlays/MyModalStackImport/Usecase/Usecase_FileFieldMappingModal.tsx
+import {
+  Button as Button6,
+  Group as Group6,
+  Modal as Modal3,
+  Select as Select2,
+  Stack as Stack3,
+  Table,
+  Title
+} from "@mantine/core";
+import { IconChevronLeft, IconChevronRight, IconPlus as IconPlus5, IconRowRemove } from "@tabler/icons-react";
+import { useMemo as useMemo3, useState as useState2 } from "react";
 import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+function Usecase_FileFieldMappingModal(_a) {
+  var _b = _a, {
+    jsonData,
+    fieldDefinitions,
+    onContinute,
+    handleBack,
+    onCloseAll
+  } = _b, rest = __objRest(_b, [
+    "jsonData",
+    "fieldDefinitions",
+    "onContinute",
+    "handleBack",
+    "onCloseAll"
+  ]);
+  const [selectedFields, setSelectedFields] = useState2([]);
+  const [columnMapping, setColumnMapping] = useState2({});
+  const excelColumns = useMemo3(() => {
+    if (jsonData.length === 0) return [];
+    return Object.keys(jsonData[0]);
+  }, [jsonData]);
+  const unselectedFields = useMemo3(
+    () => fieldDefinitions.filter(
+      (f) => !selectedFields.some((s) => s.key === f.key)
+    ),
+    [fieldDefinitions, selectedFields]
+  );
+  const handleAddField = (field) => {
+    setSelectedFields((prev) => [...prev, field]);
+    const matchingColumn = excelColumns.find(
+      (col) => col.toLowerCase() === field.key.toLowerCase()
+    );
+    if (matchingColumn) {
+      setColumnMapping((prev) => __spreadProps(__spreadValues({}, prev), {
+        [field.key]: matchingColumn
+      }));
+    }
+  };
+  const handleRemoveField = (field) => {
+    setSelectedFields((prev) => prev.filter((f) => f.key !== field.key));
+    setColumnMapping((prev) => {
+      const newMap = __spreadValues({}, prev);
+      delete newMap[field.key];
+      return newMap;
+    });
+  };
+  const handleContinute = () => {
+    const mapped = jsonData.map((row) => {
+      const mappedRow = {};
+      selectedFields.forEach((field) => {
+        const colKey = columnMapping[field.key];
+        if (colKey) {
+          mappedRow[field.key] = row[colKey];
+        }
+      });
+      return mappedRow;
+    });
+    onContinute(mapped);
+  };
+  return /* @__PURE__ */ jsxs12(
+    Modal3,
+    __spreadProps(__spreadValues({
+      title: "Mapping d\u1EEF li\u1EC7u",
+      size: "80%"
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsxs12(Group6, { align: "start", grow: true, children: [
+          /* @__PURE__ */ jsxs12(Stack3, { w: "45%", children: [
+            /* @__PURE__ */ jsx22(Title, { order: 5, children: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin" }),
+            /* @__PURE__ */ jsxs12(Table, { striped: true, children: [
+              /* @__PURE__ */ jsx22(Table.Thead, { children: /* @__PURE__ */ jsxs12(Table.Tr, { children: [
+                /* @__PURE__ */ jsx22(Table.Th, { children: "M\xE3 field" }),
+                /* @__PURE__ */ jsx22(Table.Th, { children: "T\xEAn field" }),
+                /* @__PURE__ */ jsx22(Table.Th, { children: /* @__PURE__ */ jsx22(
+                  Button6,
+                  {
+                    size: "xs",
+                    leftSection: /* @__PURE__ */ jsx22(IconPlus5, {}),
+                    onClick: () => {
+                      const newlyAdded = unselectedFields;
+                      setSelectedFields((prev) => [...prev, ...newlyAdded]);
+                      const newMappings = {};
+                      newlyAdded.forEach((field) => {
+                        const match = excelColumns.find(
+                          (col) => col.toLowerCase() === field.key.toLowerCase()
+                        );
+                        if (match) {
+                          newMappings[field.key] = match;
+                        }
+                      });
+                      setColumnMapping((prev) => __spreadValues(__spreadValues({}, prev), newMappings));
+                    },
+                    children: "Th\xEAm t\u1EA5t c\u1EA3"
+                  }
+                ) })
+              ] }) }),
+              /* @__PURE__ */ jsx22(Table.Tbody, { children: unselectedFields.map((field) => /* @__PURE__ */ jsxs12(Table.Tr, { children: [
+                /* @__PURE__ */ jsx22(Table.Td, { children: field.key }),
+                /* @__PURE__ */ jsx22(Table.Td, { children: field.label }),
+                /* @__PURE__ */ jsx22(Table.Td, { children: /* @__PURE__ */ jsx22(
+                  Button6,
+                  {
+                    variant: "light",
+                    onClick: () => handleAddField(field),
+                    leftSection: /* @__PURE__ */ jsx22(IconChevronRight, { size: 14 }),
+                    children: "Th\xEAm"
+                  }
+                ) })
+              ] }, field.key)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs12(Stack3, { w: "55%", children: [
+            /* @__PURE__ */ jsx22(Title, { order: 5, children: "Tr\u01B0\u1EDDng \u0111\xE3 ch\u1ECDn & c\u1ED9t map" }),
+            /* @__PURE__ */ jsxs12(Table, { striped: true, children: [
+              /* @__PURE__ */ jsx22(Table.Thead, { children: /* @__PURE__ */ jsxs12(Table.Tr, { children: [
+                /* @__PURE__ */ jsx22(Table.Th, { children: "M\xE3 field" }),
+                /* @__PURE__ */ jsx22(Table.Th, { children: "T\xEAn field" }),
+                /* @__PURE__ */ jsx22(Table.Th, { children: "C\u1ED9t map" }),
+                /* @__PURE__ */ jsx22(Table.Th, { children: /* @__PURE__ */ jsx22(
+                  Button6,
+                  {
+                    size: "xs",
+                    leftSection: /* @__PURE__ */ jsx22(IconRowRemove, {}),
+                    color: "red",
+                    onClick: () => {
+                      setSelectedFields([]);
+                      setColumnMapping({});
+                    },
+                    children: "B\u1ECF t\u1EA5t c\u1EA3"
+                  }
+                ) })
+              ] }) }),
+              /* @__PURE__ */ jsx22(Table.Tbody, { children: selectedFields.map((field) => /* @__PURE__ */ jsxs12(Table.Tr, { children: [
+                /* @__PURE__ */ jsx22(Table.Td, { children: field.key }),
+                /* @__PURE__ */ jsx22(Table.Td, { children: field.label }),
+                /* @__PURE__ */ jsx22(Table.Td, { children: /* @__PURE__ */ jsx22(
+                  Select2,
+                  {
+                    placeholder: "Ch\u1ECDn c\u1ED9t",
+                    data: excelColumns,
+                    value: columnMapping[field.key] || null,
+                    onChange: (val) => setColumnMapping((prev) => __spreadProps(__spreadValues({}, prev), {
+                      [field.key]: val || ""
+                    })),
+                    searchable: true
+                  }
+                ) }),
+                /* @__PURE__ */ jsx22(Table.Td, { children: /* @__PURE__ */ jsx22(
+                  Button6,
+                  {
+                    variant: "light",
+                    onClick: () => handleRemoveField(field),
+                    leftSection: /* @__PURE__ */ jsx22(IconChevronLeft, { size: 14 }),
+                    children: "B\u1ECF"
+                  }
+                ) })
+              ] }, field.key)) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs12(Group6, { justify: "end", mt: "md", children: [
+          /* @__PURE__ */ jsx22(Button6, { onClick: handleBack, children: "Quay l\u1EA1i" }),
+          /* @__PURE__ */ jsx22(Button6, { onClick: handleContinute, children: "Ti\u1EBFp t\u1EE5c" }),
+          /* @__PURE__ */ jsx22(Button6, { variant: "outline", onClick: onCloseAll, children: "\u0110\xF3ng" })
+        ] })
+      ]
+    })
+  );
+}
+
+// src/core/overlays/MyModalStackImport/Usecase/Usecase_FileImportConfigModal.tsx
+import {
+  Button as Button7,
+  FileInput,
+  Grid,
+  Group as Group7,
+  Modal as Modal4,
+  Select as Select3,
+  Stack as Stack4
+} from "@mantine/core";
+import { IconCopy } from "@tabler/icons-react";
+import { useEffect as useEffect4, useMemo as useMemo4, useState as useState3 } from "react";
+import * as XLSX from "xlsx";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+function Usecase_FileImportConfigModal(_a) {
+  var _b = _a, {
+    onChange,
+    onContinute,
+    onExportStructure
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "onContinute",
+    "onExportStructure"
+  ]);
+  const [file, setFile] = useState3(null);
+  const [rawData, setRawData] = useState3([]);
+  const [parsedValueOnly, setParsedValueOnly] = useState3([]);
+  const [titleIndex, setTitleIndex] = useState3("2");
+  const [dataStartIndex, setDataStartIndex] = useState3("3");
+  const parseExcel = async (file2) => {
+    const data = await file2.arrayBuffer();
+    const workbook = XLSX.read(data);
+    const sheet = workbook.Sheets[workbook.SheetNames[0]];
+    const json = XLSX.utils.sheet_to_json(sheet, { header: 1 });
+    setRawData(json);
+  };
+  const handleSelectFile = (file2) => {
+    setFile(file2);
+    setRawData([]);
+    setParsedValueOnly([]);
+    setTitleIndex("2");
+    setDataStartIndex("3");
+    if (file2) parseExcel(file2);
+  };
+  useEffect4(() => {
+    const headerRowIndex = titleIndex ? parseInt(titleIndex) - 1 : null;
+    const dataRowIndex = dataStartIndex ? parseInt(dataStartIndex) - 1 : null;
+    if (!rawData || headerRowIndex === null || dataRowIndex === null || dataRowIndex >= rawData.length || headerRowIndex >= rawData.length) {
+      setParsedValueOnly([]);
+      onChange([]);
+      return;
+    }
+    const headers = rawData[headerRowIndex];
+    const result = rawData.slice(dataRowIndex).map((row) => {
+      const rowObj = {};
+      headers.forEach((key, idx) => {
+        rowObj[key || `col_${idx}`] = row[idx];
+      });
+      return rowObj;
+    });
+    setParsedValueOnly(result);
+    onChange(result);
+  }, [rawData, titleIndex, dataStartIndex]);
+  const columns = useMemo4(() => {
+    if (!rawData || rawData.length === 0) return [];
+    const maxColLength = Math.max(...rawData.map((row) => row.length));
+    return Array.from({ length: maxColLength }, (_, idx) => ({
+      accessorKey: `col_${idx}`,
+      header: `C\u1ED9t ${idx + 1}`
+    }));
+  }, [rawData]);
+  const tableDisplayData = useMemo4(() => {
+    return rawData.map((row) => {
+      const obj = {};
+      row.forEach((cell, idx) => {
+        obj[`col_${idx}`] = cell;
+      });
+      return obj;
+    });
+  }, [rawData]);
+  return /* @__PURE__ */ jsx23(
+    Modal4,
+    __spreadProps(__spreadValues({
+      title: "Import",
+      size: "80%"
+    }, rest), {
+      children: /* @__PURE__ */ jsxs13(Stack4, { children: [
+        /* @__PURE__ */ jsxs13(Grid, { children: [
+          /* @__PURE__ */ jsx23(Grid.Col, { span: 8, children: /* @__PURE__ */ jsx23(
+            FileInput,
+            {
+              clearable: true,
+              label: "Ch\u1ECDn t\u1EADp tin",
+              placeholder: "Ch\u1ECDn file d\u1EEF li\u1EC7u",
+              value: file,
+              onChange: handleSelectFile
+            }
+          ) }),
+          /* @__PURE__ */ jsx23(Grid.Col, { span: 4, children: /* @__PURE__ */ jsx23(Group7, { align: "end", h: "100%", children: /* @__PURE__ */ jsx23(Button7, { leftSection: /* @__PURE__ */ jsx23(IconCopy, {}), w: "100%", children: "D\xE1n t\u1EEB b\u1ED9 nh\u1EDB" }) }) }),
+          /* @__PURE__ */ jsx23(Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx23(
+            Select3,
+            {
+              value: titleIndex,
+              onChange: setTitleIndex,
+              label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
+              data: rawData.map((_, i) => (i + 1).toString()),
+              disabled: !file
+            }
+          ) }),
+          /* @__PURE__ */ jsx23(Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx23(
+            Select3,
+            {
+              value: dataStartIndex,
+              onChange: setDataStartIndex,
+              label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
+              data: rawData.map((_, i) => (i + 1).toString()),
+              disabled: !file
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx23(MyFieldset, { title: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: /* @__PURE__ */ jsx23(MyDataTable, { columns, data: tableDisplayData }) }),
+        /* @__PURE__ */ jsxs13(Group7, { justify: "end", children: [
+          /* @__PURE__ */ jsx23(
+            Button7,
+            {
+              onClick: onExportStructure,
+              children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
+            }
+          ),
+          /* @__PURE__ */ jsx23(Button7, { onClick: () => {
+            onContinute == null ? void 0 : onContinute();
+          }, children: "Ti\u1EBFp t\u1EE5c" }),
+          /* @__PURE__ */ jsx23(Button7, { variant: "outline", onClick: rest.onClose, children: "\u0110\xF3ng" })
+        ] })
+      ] })
+    })
+  );
+}
+
+// src/core/overlays/MyModalStackImport/MyModalStackImport.tsx
+import { Modal as Modal7 } from "@mantine/core";
+import { useState as useState4 } from "react";
+
+// src/core/overlays/MyModalStackImport/Usecase/Usecase_FileImportValidationDetailModal.tsx
+import { Modal as Modal5, Table as Table2, Text as Text6 } from "@mantine/core";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+function Usecase_FileImportValidationDetailModal(_a) {
+  var _b = _a, {
+    data
+  } = _b, props = __objRest(_b, [
+    "data"
+  ]);
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsx24(Modal5, __spreadProps(__spreadValues({}, props), { title: "Chi ti\u1EBFt l\u1ED7i", children: /* @__PURE__ */ jsx24(Text6, { children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u." }) }));
+  }
+  const columns = Object.keys(data[0].values || {});
+  return /* @__PURE__ */ jsx24(Modal5, __spreadProps(__spreadValues({}, props), { title: "Chi ti\u1EBFt l\u1ED7i", size: "70%", zIndex: 1e3, children: /* @__PURE__ */ jsxs14(Table2, { withTableBorder: true, striped: true, children: [
+    /* @__PURE__ */ jsx24(Table2.Thead, { children: /* @__PURE__ */ jsxs14(Table2.Tr, { children: [
+      columns.map((col) => /* @__PURE__ */ jsx24(Table2.Th, { children: col }, col)),
+      /* @__PURE__ */ jsx24(Table2.Th, { children: "L\u1ED7i" })
+    ] }) }),
+    /* @__PURE__ */ jsx24(Table2.Tbody, { children: data.map((row, i) => {
+      var _a2;
+      return /* @__PURE__ */ jsxs14(Table2.Tr, { children: [
+        columns.map((col) => /* @__PURE__ */ jsx24(Table2.Td, { children: row.values[col] }, col)),
+        /* @__PURE__ */ jsx24(Table2.Td, { children: (_a2 = row.error) != null ? _a2 : "" })
+      ] }, i);
+    }) })
+  ] }) }));
+}
+
+// src/core/overlays/MyModalStackImport/Usecase/Usecase_FileImportValidationModal.tsx
+import {
+  Button as Button8,
+  Group as Group8,
+  Modal as Modal6,
+  Table as Table3
+} from "@mantine/core";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+function Usecase_FileImportValidationModal(_a) {
+  var _b = _a, {
+    data,
+    onExecute,
+    onBack,
+    onCloseAll,
+    onOpenDetail
+  } = _b, modalProps = __objRest(_b, [
+    "data",
+    "onExecute",
+    "onBack",
+    "onCloseAll",
+    "onOpenDetail"
+  ]);
+  return /* @__PURE__ */ jsxs15(Modal6, __spreadProps(__spreadValues({}, modalProps), { title: "K\u1EBFt qu\u1EA3 ki\u1EC3m tra", children: [
+    /* @__PURE__ */ jsxs15(Table3, { withTableBorder: true, striped: true, children: [
+      /* @__PURE__ */ jsx25(Table3.Thead, { children: /* @__PURE__ */ jsxs15(Table3.Tr, { children: [
+        /* @__PURE__ */ jsx25(Table3.Th, { children: "K\u1EBFt qu\u1EA3" }),
+        /* @__PURE__ */ jsx25(Table3.Th, { children: "S\u1ED1 l\u01B0\u1EE3ng" }),
+        /* @__PURE__ */ jsx25(Table3.Th, {})
+      ] }) }),
+      /* @__PURE__ */ jsx25(Table3.Tbody, { children: data.map((item, i) => /* @__PURE__ */ jsxs15(Table3.Tr, { children: [
+        /* @__PURE__ */ jsx25(Table3.Td, { children: item.result }),
+        /* @__PURE__ */ jsx25(Table3.Td, { children: item.count }),
+        /* @__PURE__ */ jsx25(Table3.Td, { children: item.rows && item.rows.length > 0 && /* @__PURE__ */ jsx25(Button8, { variant: "light", onClick: () => onOpenDetail(item.rows), children: "Xem chi ti\u1EBFt" }) })
+      ] }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxs15(Group8, { justify: "space-between", mt: "md", children: [
+      /* @__PURE__ */ jsx25(Button8, { variant: "default", onClick: onBack, children: "Quay l\u1EA1i" }),
+      /* @__PURE__ */ jsx25(Button8, { onClick: onExecute, children: "Th\u1EF1c hi\u1EC7n import" })
+    ] })
+  ] }));
+}
+
+// src/core/overlays/MyModalStackImport/MyModalStackImport.tsx
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+function MyModalImport({
+  fieldDefinition = [],
+  stack,
+  onExecute
+}) {
+  const value = useState4([]);
+  const valueMapping = useState4([]);
+  const [detailRows, setDetailRows] = useState4([]);
+  return /* @__PURE__ */ jsxs16(Modal7.Stack, { children: [
+    /* @__PURE__ */ jsx26(
+      Usecase_FileImportConfigModal,
+      __spreadValues({
+        value: value[0],
+        onChange: (val) => {
+          value[1](val);
+        },
+        onContinute: () => {
+          stack.open("FileFieldMapping");
+        },
+        onExportStructure: () => {
+        }
+      }, stack.register("FileImportConfig"))
+    ),
+    /* @__PURE__ */ jsx26(
+      Usecase_FileFieldMappingModal,
+      __spreadValues({
+        jsonData: value[0],
+        handleBack: () => {
+          stack.close("FileFieldMapping");
+        },
+        fieldDefinitions: fieldDefinition,
+        onContinute: (mappedData) => {
+          valueMapping[1](mappedData);
+          stack.open("FileImportValidation");
+          console.log(mappedData);
+          onExecute(mappedData);
+        },
+        onCloseAll: () => {
+          stack.closeAll();
+        }
+      }, stack.register("FileFieldMapping"))
+    ),
+    /* @__PURE__ */ jsx26(
+      Usecase_FileImportValidationModal,
+      __spreadValues({
+        data: value[0],
+        onExecute: () => {
+        },
+        onBack: () => {
+          stack.close("FileImportValidation");
+        },
+        onCloseAll: () => {
+          stack.closeAll();
+        },
+        onOpenDetail: (rows) => {
+          setDetailRows(rows);
+          stack.open("FileImportValidationDetail");
+        }
+      }, stack.register("FileImportValidation"))
+    ),
+    /* @__PURE__ */ jsx26(
+      Usecase_FileImportValidationDetailModal,
+      __spreadValues({
+        data: detailRows
+      }, stack.register("FileImportValidationDetail"))
+    )
+  ] });
+}
 
 export {
   MyActionIcon,
@@ -1085,5 +1574,7 @@ export {
   MySelectFromAPI,
   MyTextInput,
   MyWeeklySessionSchedulerPicker,
-  MyFlexEnd2 as MyFlexEnd
+  MyFlexEnd,
+  MyPrintContent,
+  MyModalImport
 };

package/dist/core/index.d.mts

@@ -6,6 +6,7 @@ import { UseFormReturnType } from '@mantine/form';
 import { AxiosResponse } from 'axios';
 import { M as MyApiResponse } from '../createBaseApi-75GHCO22.mjs';
 import { useDisclosure } from '@mantine/hooks';
+import { M as MyReactMutationProps } from '../useMyReactMutation-Db7UOVxL.mjs';
 import { UseReactToPrintOptions } from 'react-to-print';
 import { UseQueryResult, QueryKey, UseQueryOptions } from '@tanstack/react-query';
 import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
@@ -42,8 +43,9 @@ interface CoreButtonCreateUpdateProps<IReq, IRes> {
     resetFormWhenSubmit?: boolean;
     disclosure?: ReturnType<typeof useDisclosure>;
     children?: ReactNode;
+    useMyReactMutationProps?: Omit<MyReactMutationProps<Promise<AxiosResponse<MyApiResponse<IRes>, any>>, IRes>, "axiosFn">;
 }
-declare function MyButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, submitButtonProps, form, onSubmit, onSuccess, onError, ignoreDefaultOnError, ignoreDefaultOnSuccess, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, scrollAreaAutosizeProps, }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
+declare function MyButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, submitButtonProps, form, onSubmit, onSuccess, onError, ignoreDefaultOnError, ignoreDefaultOnSuccess, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, scrollAreaAutosizeProps, useMyReactMutationProps }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
 
 interface IFieldStructure {
     fieldCode?: string;
@@ -205,5 +207,42 @@ interface MyPrintContentProps {
     pageSize?: PageSizeOption;
     printRef: React.RefObject<HTMLDivElement>;
 }
+declare function MyPrintContent({ children, autoPadding, pageSize, printRef }: MyPrintContentProps): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalForm, type MyButtonModalFormProps, type MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, type MyPrintContentProps, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectFromAPIProps, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+interface FieldDefinition {
+    key: string;
+    label: string;
+}
+
+type ModalImportId = "FileImportConfig" | "FileFieldMapping" | "FileImportValidation" | "FileImportValidationDetail";
+interface ModalStackReturnType<T extends string> {
+    state: Record<T, boolean>;
+    open: (id: T) => void;
+    close: (id: T) => void;
+    toggle: (id: T) => void;
+    closeAll: () => void;
+    register: (id: T) => {
+        opened: boolean;
+        onClose: () => void;
+        stackId: T;
+    };
+}
+interface MyButtonImportProps {
+    fieldDefinition: FieldDefinition[];
+    stack: ModalStackReturnType<ModalImportId>;
+    onExecute: (values: any) => void;
+}
+declare function MyModalImport({ fieldDefinition, stack, onExecute }: MyButtonImportProps): react_jsx_runtime.JSX.Element;
+
+interface RowDetail {
+    values: Record<string, string>;
+    error?: string;
+}
+interface ValidationResult {
+    result: string;
+    count: number;
+    detail?: string;
+    rows?: RowDetail[];
+}
+
+export { type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalForm, type MyButtonModalFormProps, type MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectFromAPIProps, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type RowDetail, type ValidationResult, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -12,13 +12,15 @@ import {
   MyFlexIconTitle,
   MyInfoBox,
   MyLabelValueRow,
+  MyModalImport,
+  MyPrintContent,
   MyRichTextEditor,
   MySelect,
   MySelectFromAPI,
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-74LBTATC.mjs";
+} from "../chunk-JGU5ZCJ6.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import {
   MyModalDelete
@@ -46,6 +48,8 @@ export {
   MyInfoBox,
   MyLabelValueRow,
   MyModalDelete,
+  MyModalImport,
+  MyPrintContent,
   MyRichTextEditor,
   MySelect,
   MySelectFromAPI,

package/dist/modules-features/index.mjs

@@ -15,7 +15,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-74LBTATC.mjs";
+} from "../chunk-JGU5ZCJ6.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.mjs";

package/package.json

@@ -46,7 +46,7 @@
       "types": "./dist/coreService/index.d.mts"
     }
   },
-  "version": "0.1.566",
+  "version": "0.1.568",
   "private": false,
   "files": [
     "dist"