aq-fe-framework 0.1.1091 → 0.1.1093

package/dist/{MyDataTable-DX9ChspA.d.mts → MyDataTable-D02NxkDu.d.mts}

@@ -5,7 +5,7 @@ import { MRT_RowData, MRT_TableOptions, MRT_ColumnDef } from 'mantine-react-tabl
 interface MyDataTableInternalProps<TData extends MRT_RowData> extends Omit<MyDataTableProps<TData>, "columns" | "data"> {
 }
 interface MyColumnDef<TData extends MRT_RowData> extends MRT_ColumnDef<TData> {
-    type?: 'currency' | "currencyWithSuffix" | 'ddMMyyyy' | 'MMyyyy' | 'squareCheck' | "list" | "gender" | "roundedTo2" | "round" | "viewFile";
+    type?: 'currency' | "currencyWithSuffix" | 'ddMMyyyy' | 'MMyyyy' | 'squareCheck' | "list" | "gender" | "roundedTo2" | "round" | "viewFile" | "html";
 }
 interface PaginationState {
     pageIndex: number;

package/dist/{chunk-UXIDRZFG.mjs → chunk-BSJ5HJB2.mjs}

@@ -665,6 +665,7 @@ function MyButtonCreateUpdate({
     })
   }));
   useEffect3(() => {
+    if (!initValues) return;
     if (disclosure[0]) {
       if (isUpdate && initValues) form.setValues(initValues);
       else form.reset();
@@ -2142,6 +2143,28 @@ function MyCenterFull({ children }) {
   return /* @__PURE__ */ jsx34(Center3, { w: "100%", children: /* @__PURE__ */ jsx34(Group8, { children }) });
 }
 
+// src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
+import { Typography } from "@mantine/core";
+import pako from "pako";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function MyHtmlWrapper(_a) {
+  var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
+  const extractHtmlFromZip = () => {
+    const binaryString = Buffer.from(html, "base64");
+    const decompressedData = pako.inflate(binaryString, { to: "string" });
+    const cleanedHtml = decompressedData == null ? void 0 : decompressedData.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
+    return cleanedHtml.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
+  };
+  return /* @__PURE__ */ jsx35(Typography, { children: /* @__PURE__ */ jsx35(
+    "div",
+    {
+      dangerouslySetInnerHTML: {
+        __html: zip ? extractHtmlFromZip() : html
+      }
+    }
+  ) });
+}
+
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
 import { Alert, Center as Center4, Group as Group9, List, Portal, Text as Text6 } from "@mantine/core";
 import { IconBug } from "@tabler/icons-react";
@@ -2151,7 +2174,7 @@ import {
 } from "mantine-react-table";
 import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
 import { useEffect as useEffect6, useMemo as useMemo3 } from "react";
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyDataTable(_a) {
   var _b = _a, {
     rowActionSize,
@@ -2218,7 +2241,7 @@ function MyDataTable(_a) {
         case "squareCheck":
           col.Cell = ({ cell }) => {
             const value = cell.getValue();
-            return /* @__PURE__ */ jsx35(MyCenterFull, { children: /* @__PURE__ */ jsx35(CustomThemeIconSquareCheck, { checked: value }) });
+            return /* @__PURE__ */ jsx36(MyCenterFull, { children: /* @__PURE__ */ jsx36(CustomThemeIconSquareCheck, { checked: value }) });
           };
           col.size = 100;
           break;
@@ -2233,7 +2256,7 @@ function MyDataTable(_a) {
           col.Cell = ({ cell }) => {
             const value = cell.getValue();
             if (value.length == 0) return;
-            return /* @__PURE__ */ jsx35(List, { children: value.map((item, idx) => /* @__PURE__ */ jsx35(List.Item, { children: item }, idx)) });
+            return /* @__PURE__ */ jsx36(List, { children: value.map((item, idx) => /* @__PURE__ */ jsx36(List.Item, { children: item }, idx)) });
           };
           col.size = 300;
           break;
@@ -2254,14 +2277,21 @@ function MyDataTable(_a) {
         case "viewFile":
           col.Cell = ({ cell }) => {
             const value = cell.getValue();
-            return /* @__PURE__ */ jsx35(MyButtonViewFileAPI, { filePath: value });
+            return /* @__PURE__ */ jsx36(MyButtonViewFileAPI, { filePath: value });
+          };
+          col.size = 80;
+          break;
+        case "html":
+          col.Cell = ({ cell }) => {
+            const value = cell.getValue();
+            return /* @__PURE__ */ jsx36(MyHtmlWrapper, { html: value });
           };
           col.size = 80;
           break;
         default:
           col.Cell = ({ cell }) => {
             var _a3;
-            return /* @__PURE__ */ jsx35("span", { children: (_a3 = cell.getValue()) != null ? _a3 : "" });
+            return /* @__PURE__ */ jsx36("span", { children: (_a3 = cell.getValue()) != null ? _a3 : "" });
           };
       }
       return col;
@@ -2295,7 +2325,7 @@ function MyDataTable(_a) {
     positionActionsColumn: "last",
     enableColumnResizing: true,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsx35(Group9, { children: renderTopToolbarCustomActions == null ? void 0 : renderTopToolbarCustomActions({ table: table2 }) });
+      return /* @__PURE__ */ jsx36(Group9, { children: renderTopToolbarCustomActions == null ? void 0 : renderTopToolbarCustomActions({ table: table2 }) });
     },
     layoutMode: "semantic",
     displayColumnDefOptions: {
@@ -2323,9 +2353,9 @@ function MyDataTable(_a) {
       }
     },
     localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx35(Alert, { icon: /* @__PURE__ */ jsx35(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsxs18(Center4, { p: "md", children: [
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx36(Alert, { icon: /* @__PURE__ */ jsx36(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsxs18(Center4, { p: "md", children: [
       " ",
-      /* @__PURE__ */ jsx35(Text6, { c: "gray", fw: "600", size: "15px", fs: "italic", children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!" })
+      /* @__PURE__ */ jsx36(Text6, { c: "gray", fw: "600", size: "15px", fs: "italic", children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!" })
     ] }),
     mantineTableContainerProps: { style: { maxHeight: "65vh" } },
     enableStickyHeader: true
@@ -2355,13 +2385,13 @@ function MyDataTable(_a) {
   useEffect6(() => {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
-  return /* @__PURE__ */ jsx35("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx35(Portal, { children: /* @__PURE__ */ jsx35(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx35(MantineReactTable, { table }) });
+  return /* @__PURE__ */ jsx36("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx36(Portal, { children: /* @__PURE__ */ jsx36(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx36(MantineReactTable, { table }) });
 }
 
 // src/components/Button/ButtonImport/SelectFileModal.tsx
 import { Button as Button8, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal8, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
@@ -2372,7 +2402,7 @@ function SelectFileModal({ onExportStructure, stack }) {
       fullScreen: true
     }, stack.register("select-file-page")), {
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           FileInput2,
           {
             value: store.state.file,
@@ -2383,7 +2413,7 @@ function SelectFileModal({ onExportStructure, stack }) {
           }
         ),
         /* @__PURE__ */ jsxs19(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             NumberInput,
             {
               label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -2391,7 +2421,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startTitleIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             NumberInput,
             {
               label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -2399,7 +2429,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startDataIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Select2,
             {
               readOnly: true,
@@ -2408,7 +2438,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               defaultValue: "100.000"
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Select2,
             {
               readOnly: true,
@@ -2418,7 +2448,7 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx36(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx37(
           MyDataTable,
           {
             columns: store.columns,
@@ -2426,7 +2456,7 @@ function SelectFileModal({ onExportStructure, stack }) {
           }
         ) }),
         /* @__PURE__ */ jsxs19(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button8,
             {
               color: "teal.8",
@@ -2434,21 +2464,21 @@ function SelectFileModal({ onExportStructure, stack }) {
               children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button8,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx36(IconArrowBigRight2, {}),
+              leftSection: /* @__PURE__ */ jsx37(IconArrowBigRight2, {}),
               onClick: () => stack.open("select-field-page"),
               children: "Ti\u1EBFp t\u1EE5c"
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button8,
             {
               color: "red.6",
-              leftSection: /* @__PURE__ */ jsx36(IconSquareRoundedX2, {}),
+              leftSection: /* @__PURE__ */ jsx37(IconSquareRoundedX2, {}),
               onClick: stack.closeAll,
               children: "\u0110\xF3ng"
             }
@@ -2460,7 +2490,7 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment10, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonImport({
   onExportStructure,
   onImport
@@ -2468,10 +2498,10 @@ function MyButtonImport({
   const stack = useModalsStack3(["select-file-page", "select-field-page", "implement-page"]);
   const store = useS_ButtonImport();
   return /* @__PURE__ */ jsxs20(Fragment10, { children: [
-    /* @__PURE__ */ jsx37(Button9, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx37(IconFileImport3, {}), title: "Import", children: "Import" }),
+    /* @__PURE__ */ jsx38(Button9, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx38(IconFileImport3, {}), title: "Import", children: "Import" }),
     /* @__PURE__ */ jsxs20(Modal9.Stack, { children: [
-      /* @__PURE__ */ jsx37(SelectFileModal, { stack, onExportStructure }),
-      /* @__PURE__ */ jsx37(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
+      /* @__PURE__ */ jsx38(SelectFileModal, { stack, onExportStructure }),
+      /* @__PURE__ */ jsx38(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
   ] });
 }
@@ -2479,7 +2509,7 @@ function MyButtonImport({
 // src/components/Button/ButtonModal/AQSelectTableByOpenModal.tsx
 import { Button as Button10, Fieldset as Fieldset3, Modal as Modal10 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
-import { Fragment as Fragment11, jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -2508,7 +2538,7 @@ function AQSelectTableByOpenModal(_a) {
   ]);
   const disclosure = useDisclosure11(false);
   return /* @__PURE__ */ jsxs21(Fragment11, { children: [
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       Button10,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
@@ -2516,7 +2546,7 @@ function AQSelectTableByOpenModal(_a) {
         children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
       })
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       Modal10,
       {
         fullScreen,
@@ -2524,11 +2554,11 @@ function AQSelectTableByOpenModal(_a) {
         title,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx38(MyFlexColumn, { children: /* @__PURE__ */ jsx38(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx39(MyFlexColumn, { children: /* @__PURE__ */ jsx39(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx39(
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx38(Button10, { onClick: () => {
+              return /* @__PURE__ */ jsx39(Button10, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -2548,7 +2578,7 @@ import { Button as Button11 } from "@mantine/core";
 import { IconPrinter as IconPrinter5 } from "@tabler/icons-react";
 import { useRef as useRef3 } from "react";
 import { useReactToPrint as useReactToPrint2 } from "react-to-print";
-import { Fragment as Fragment12, jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
 function MyButtonPrintPDF2(_a) {
   var _b = _a, { contentToPrint, children, autoPadding = true } = _b, rest = __objRest(_b, ["contentToPrint", "children", "autoPadding"]);
   const printRef = useRef3(null);
@@ -2563,39 +2593,17 @@ function MyButtonPrintPDF2(_a) {
     handlePrint();
   }
   return /* @__PURE__ */ jsxs22(Fragment12, { children: [
-    /* @__PURE__ */ jsx39("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx39("div", { ref: printRef, style: { padding: autoPadding ? "2cm 2cm 2cm 3cm" : void 0, fontFamily: '"Times New Roman", Times, serif' }, children: contentToPrint }) }),
-    /* @__PURE__ */ jsx39(Button11, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx39(IconPrinter5, {}) }, rest), { children }))
+    /* @__PURE__ */ jsx40("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx40("div", { ref: printRef, style: { padding: autoPadding ? "2cm 2cm 2cm 3cm" : void 0, fontFamily: '"Times New Roman", Times, serif' }, children: contentToPrint }) }),
+    /* @__PURE__ */ jsx40(Button11, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx40(IconPrinter5, {}) }, rest), { children }))
   ] });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox } from "@mantine/core";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(Checkbox, __spreadValues({}, rest));
-}
-
-// src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
-import { Typography } from "@mantine/core";
-import pako from "pako";
-import { jsx as jsx41 } from "react/jsx-runtime";
-function MyHtmlWrapper(_a) {
-  var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
-  const extractHtmlFromZip = () => {
-    const binaryString = Buffer.from(html, "base64");
-    const decompressedData = pako.inflate(binaryString, { to: "string" });
-    const cleanedHtml = decompressedData == null ? void 0 : decompressedData.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
-    return cleanedHtml.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
-  };
-  return /* @__PURE__ */ jsx41(Typography, { children: /* @__PURE__ */ jsx41(
-    "div",
-    {
-      dangerouslySetInnerHTML: {
-        __html: zip ? extractHtmlFromZip() : html
-      }
-    }
-  ) });
+  return /* @__PURE__ */ jsx41(Checkbox, __spreadValues({}, rest));
 }
 
 // src/components/Button/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
@@ -8344,6 +8352,13 @@ function RenderNavLinks({ items }) {
   return /* @__PURE__ */ jsx60(Fragment15, { children: items.map((item, index) => /* @__PURE__ */ jsx60(
     NavLink,
     {
+      style: {
+        marginBottom: 4,
+        borderRadius: 8,
+        background: "var(--mantine-color-body)",
+        boxShadow: "0 2px 6px rgba(0, 0, 0, 0.1)",
+        transition: "all 0.2s ease-in-out"
+      },
       active: normalizePath(extractPathName) === normalizePath(item.link),
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       label: /* @__PURE__ */ jsxs33(MyFlexRow, { justify: "space-between", children: [
@@ -17325,27 +17340,32 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
   ] }) });
   const renderNavbar = () => {
     var _a, _b;
-    return /* @__PURE__ */ jsxs123(AppShell.Navbar, { children: [
-      /* @__PURE__ */ jsx211(MyAppSpotlight, { menu: filteredMenu }),
-      /* @__PURE__ */ jsx211(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, type: "auto", children: /* @__PURE__ */ jsx211(RenderNavLinks, { items: filteredMenu }) }),
-      /* @__PURE__ */ jsxs123(AppShell.Section, { className: "rounded-tr-2xl shadow-[0_-4px_6px_rgba(0,0,0,0.1)]", style: {
-        border: `1px solid ${colorScheme === "dark" ? "var(--mantine-color-dark-4)" : "var(--mantine-color-gray-3)"}`
-      }, children: [
-        /* @__PURE__ */ jsx211(User_SessionUserInfo, {}),
-        /* @__PURE__ */ jsx211(Space10, { m: 4 }),
-        /* @__PURE__ */ jsx211(Feat_Authenticate_Logout, { redirectURL: logoutRedirect }),
-        /* @__PURE__ */ jsx211(Box6, { px: "md", children: /* @__PURE__ */ jsx211(
-          Image4,
-          {
-            fit: "contain",
-            h: "80px",
-            alt: "Main logo",
-            fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
-            src: process.env.NEXT_PUBLIC_APP_PROTOTYPE === "1" ? `/imgs/mainLogo.png` : `data:image/${(_a = appShellStore.state.logoFileDetail) == null ? void 0 : _a.fileExtension};base64,${(_b = appShellStore.state.logoFileDetail) == null ? void 0 : _b.fileBase64String}`
-          }
-        ) })
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxs123(
+      AppShell.Navbar,
+      {
+        children: [
+          /* @__PURE__ */ jsx211(MyAppSpotlight, { menu: filteredMenu }),
+          /* @__PURE__ */ jsx211(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, type: "auto", children: /* @__PURE__ */ jsx211(RenderNavLinks, { items: filteredMenu }) }),
+          /* @__PURE__ */ jsxs123(AppShell.Section, { className: "rounded-tr-2xl shadow-[0_-4px_6px_rgba(0,0,0,0.1)]", style: {
+            border: `1px solid ${colorScheme === "dark" ? "var(--mantine-color-dark-4)" : "var(--mantine-color-gray-3)"}`
+          }, children: [
+            /* @__PURE__ */ jsx211(User_SessionUserInfo, {}),
+            /* @__PURE__ */ jsx211(Space10, { m: 4 }),
+            /* @__PURE__ */ jsx211(Feat_Authenticate_Logout, { redirectURL: logoutRedirect }),
+            /* @__PURE__ */ jsx211(Box6, { px: "md", children: /* @__PURE__ */ jsx211(
+              Image4,
+              {
+                fit: "contain",
+                h: "80px",
+                alt: "Main logo",
+                fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
+                src: process.env.NEXT_PUBLIC_APP_PROTOTYPE === "1" ? `/imgs/mainLogo.png` : `data:image/${(_a = appShellStore.state.logoFileDetail) == null ? void 0 : _a.fileExtension};base64,${(_b = appShellStore.state.logoFileDetail) == null ? void 0 : _b.fileBase64String}`
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
   };
   const renderMain = () => /* @__PURE__ */ jsx211(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children: isLoadingPermission ? /* @__PURE__ */ jsx211("div", { style: { padding: "2rem", textAlign: "center" }, children: /* @__PURE__ */ jsx211(Text22, { fw: 600, size: "md", children: "\u0110ang t\u1EA3i quy\u1EC1n truy c\u1EADp..." }) }) : canAccess ? children : /* @__PURE__ */ jsxs123("div", { style: { padding: "2rem", textAlign: "center" }, children: [
     /* @__PURE__ */ jsx211("h1", { children: "404 - Kh\xF4ng t\xECm th\u1EA5y trang" }),
@@ -18792,6 +18812,7 @@ export {
   MyButtonCreateUpdate,
   CustomThemeIconSquareCheck,
   MyCenterFull,
+  MyHtmlWrapper,
   MyDataTable,
   MyDataTableSelectOne,
   MyDataTableStagedChanges,
@@ -18832,7 +18853,6 @@ export {
   AQSelectTableByOpenModal,
   MyButtonPrintPDF2,
   MyCheckbox,
-  MyHtmlWrapper,
   MyButtonPrintTablePDF,
   MyButtonRouterBack,
   MyButtonViewPDF,

package/dist/components/index.d.mts

@@ -11,7 +11,7 @@ import { I as I_BasicAppShell_LinkItem, B as BasicAppShellProps } from '../types
 export { g as MyButtonDeleteList, c as MyButtonDeleteListProps } from '../MyButtonDeleteList-BcW55zHU.mjs';
 import { I as IExcelColumnConfig } from '../utils_excel-CuudSzBR.mjs';
 import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance } from 'mantine-react-table';
-export { M as MyColumnDef, c as MyDataTable, b as MyDataTableInternalProps, a as MyDataTableProps, P as PaginationState } from '../MyDataTable-DX9ChspA.mjs';
+export { M as MyColumnDef, c as MyDataTable, b as MyDataTableInternalProps, a as MyDataTableProps, P as PaginationState } from '../MyDataTable-D02NxkDu.mjs';
 import { DateInputProps } from '@mantine/dates';
 import { RichTextEditorProps } from '@mantine/tiptap';
 import { EditorOptions } from '@tiptap/react';

package/dist/components/index.mjs

@@ -69,7 +69,7 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   useStore_BasicAppShell
-} from "../chunk-UXIDRZFG.mjs";
+} from "../chunk-BSJ5HJB2.mjs";
 import "../chunk-WW55EZ4B.mjs";
 import "../chunk-KGBXMHKR.mjs";
 import "../chunk-7ZI7IOEP.mjs";

package/dist/core/index.d.mts

@@ -11,7 +11,7 @@ import { M as MyApiResponse, a as MyReactMutationProps } from '../useMyReactMuta
 import { AxiosResponse } from 'axios';
 import { UseQueryResult, QueryKey, UseQueryOptions } from '@tanstack/react-query';
 import { MRT_RowData, MRT_ColumnDef, MRT_TableInstance } from 'mantine-react-table';
-import { a as MyDataTableProps } from '../MyDataTable-DX9ChspA.mjs';
+import { a as MyDataTableProps } from '../MyDataTable-D02NxkDu.mjs';
 import { TablerIcon } from '@tabler/icons-react';
 import { RichTextEditorProps, RichTextEditorToolbarProps, RichTextEditorContentProps } from '@mantine/tiptap';
 import { UseEditorOptions } from '@tiptap/react';

package/dist/core/index.mjs

@@ -34,7 +34,7 @@ import {
   MyStatsCard,
   MyTextInput2 as MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-UXIDRZFG.mjs";
+} from "../chunk-BSJ5HJB2.mjs";
 import "../chunk-WW55EZ4B.mjs";
 import "../chunk-KGBXMHKR.mjs";
 import "../chunk-7ZI7IOEP.mjs";

package/dist/modules-features/index.mjs

@@ -97,7 +97,7 @@ import {
   MailTemplateDeleteButton,
   useS_moduleConfig,
   useStore_Authenticate
-} from "../chunk-UXIDRZFG.mjs";
+} from "../chunk-BSJ5HJB2.mjs";
 import "../chunk-WW55EZ4B.mjs";
 import "../chunk-KGBXMHKR.mjs";
 import "../chunk-7ZI7IOEP.mjs";

package/dist/shared/index.mjs

@@ -1,6 +1,6 @@
 import {
   MySelect
-} from "../chunk-UXIDRZFG.mjs";
+} from "../chunk-BSJ5HJB2.mjs";
 import "../chunk-WW55EZ4B.mjs";
 import "../chunk-KGBXMHKR.mjs";
 import {

package/dist/utils-v2/index.d.mts

@@ -1,7 +1,7 @@
 import { ComboboxData } from '@mantine/core';
 export { I as IExcelColumnConfig, n as normalizeDate, u as utils_excel } from '../utils_excel-CuudSzBR.mjs';
 import { MRT_RowData } from 'mantine-react-table';
-import { M as MyColumnDef } from '../MyDataTable-DX9ChspA.mjs';
+import { M as MyColumnDef } from '../MyDataTable-D02NxkDu.mjs';
 import 'exceljs';
 import 'react/jsx-runtime';
 import '@tanstack/react-table';

package/package.json

@@ -58,7 +58,7 @@
       "types": "./dist/zod-schemas/index.d.mts"
     }
   },
-  "version": "0.1.1091",
+  "version": "0.1.1093",
   "private": false,
   "files": [
     "dist"