aq-fe-framework 0.1.178 → 0.1.180

package/dist/components/Layouts/HeaderMegaMenu/css.module.css

@@ -1,50 +1,50 @@
-.header {
-  position: sticky; /* Giúp header dính trên cùng */
-  top: 0;
-  z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
-  height: 60px;
-  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
-  padding-left: var(--mantine-spacing-md);
-  padding-right: var(--mantine-spacing-md);
-  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-}
-
-.link {
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding-left: var(--mantine-spacing-md);
-  padding-right: var(--mantine-spacing-md);
-  text-decoration: none;
-  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
-  font-weight: 500;
-  font-size: var(--mantine-font-size-sm);
-
-  @media (max-width: $mantine-breakpoint-sm) {
-    height: 42px;
-    width: 100%;
-  }
-
-  @mixin hover {
-    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
-  }
-}
-
-.subLink {
-  width: 100%;
-  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
-  border-radius: var(--mantine-radius-md);
-
-  @mixin hover {
-    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
-  }
-}
-
-.dropdownFooter {
-  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
-  margin: calc(var(--mantine-spacing-md) * -1);
-  margin-top: var(--mantine-spacing-sm);
-  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
-  padding-bottom: var(--mantine-spacing-xl);
-  border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
-}
+.header {
+  position: sticky; /* Giúp header dính trên cùng */
+  top: 0;
+  z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
+  height: 60px;
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+}
+
+.link {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  text-decoration: none;
+  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+  font-weight: 500;
+  font-size: var(--mantine-font-size-sm);
+
+  @media (max-width: $mantine-breakpoint-sm) {
+    height: 42px;
+    width: 100%;
+  }
+
+  @mixin hover {
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+  }
+}
+
+.subLink {
+  width: 100%;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  border-radius: var(--mantine-radius-md);
+
+  @mixin hover {
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
+  }
+}
+
+.dropdownFooter {
+  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
+  margin: calc(var(--mantine-spacing-md) * -1);
+  margin-top: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
+  padding-bottom: var(--mantine-spacing-xl);
+  border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
+}

package/dist/components/index.mjs

@@ -66,8 +66,8 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-RDXGS3O7.mjs";
-import "../chunk-Z6OQG54Q.mjs";
+} from "../chunk-SD2FZPOC.mjs";
+import "../chunk-PPIWRJB2.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-7ZCOFATU.mjs";

package/dist/hooks/index.mjs

@@ -1,11 +1,8 @@
 import {
   useQ_AQ_GetAQModule
-} from "../chunk-Z6OQG54Q.mjs";
+} from "../chunk-PPIWRJB2.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
-
-// src/hooks/custom-hooks/useC_MutationAction.tsx
-import { useQueryClient } from "@tanstack/react-query";
 export {
   useQ_AQ_GetAQModule
 };

package/dist/modules-features/authenticate/{F_Authenticate_Login → F_authenticate_Login}/css.module.css

@@ -1,4 +1,4 @@
-.title {
-  font-family: Greycliff CF, var(--mantine-font-family);
-  font-weight: 900;
-}
+.title {
+  font-family: Greycliff CF, var(--mantine-font-family);
+  font-weight: 900;
+}

package/dist/modules-features/index.css

@@ -93,7 +93,7 @@
   border-top: 1px solid var(--mantine-color-dark-5);
 }
 
-/* src/modules-features/authenticate/F_Authenticate_Login/css.module.css */
+/* src/modules-features/authenticate/F_authenticate_Login/css.module.css */
 .title {
   font-family: Greycliff CF, var(--mantine-font-family);
   font-weight: 900;

package/dist/modules-features/index.mjs

@@ -22,13 +22,14 @@ import {
   MyTextInput,
   OBJECT_COlORS,
   groupToTwoLevels,
+  useS_BasicAppShell,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-RDXGS3O7.mjs";
+} from "../chunk-SD2FZPOC.mjs";
 import {
   baseAxios_default,
   useQ_AQ_GetAQModule
-} from "../chunk-Z6OQG54Q.mjs";
+} from "../chunk-PPIWRJB2.mjs";
 import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
@@ -2071,7 +2072,7 @@ function F_core47643() {
 import { useEffect as useEffect5 } from "react";
 
 // src/modules-features/admin/core/core60524/F_core60524_Form.tsx
-import { Grid as Grid3, Paper as Paper6 } from "@mantine/core";
+import { Center, Grid as Grid3, Image, Paper as Paper6 } from "@mantine/core";
 import { useForm as useForm14 } from "@mantine/form";
 import { useEffect as useEffect4 } from "react";
 
@@ -2135,6 +2136,7 @@ function F_core60524_Save({
 // src/modules-features/admin/core/core60524/F_core60524_Form.tsx
 import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
 function F_core60524_Form() {
+  var _a, _b, _c, _d;
   const query = useQ_AQ_GetAQModule();
   const form = useForm14({
     mode: "uncontrolled",
@@ -2143,8 +2145,9 @@ function F_core60524_Form() {
       logoFileDetail: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng"
     }
   });
+  const basicAppShell_store = useS_BasicAppShell();
   useEffect4(() => {
-    var _a, _b;
+    var _a2, _b2;
     if (!query.data) return;
     const values = {
       code: query.data.code || "",
@@ -2156,8 +2159,8 @@ function F_core60524_Form() {
       limiteDate: new Date(query.data.limiteDate) || /* @__PURE__ */ new Date(),
       faviconPath: query.data.faviconPath || "",
       logoPath: query.data.logoPath || "",
-      faviconFile: new File([], (_a = query.data.faviconFileDetail) == null ? void 0 : _a.fileName),
-      logoFile: new File([], (_b = query.data.logoFileDetail) == null ? void 0 : _b.fileName),
+      faviconFile: new File([], (_a2 = query.data.faviconFileDetail) == null ? void 0 : _a2.fileName),
+      logoFile: new File([], (_b2 = query.data.logoFileDetail) == null ? void 0 : _b2.fileName),
       faviconFileDetail: query.data.faviconFileDetail,
       logoFileDetail: query.data.logoFileDetail
     };
@@ -2187,30 +2190,58 @@ function F_core60524_Form() {
           label: "Ng\xE0y h\u1EBFt h\u1EA1n"
         }
       ) }),
-      /* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx41(
-        MyFileInput,
-        {
-          accept: "image/png,image/jpeg",
-          label: "Favicon (16px x 16px)",
-          value: form.getValues().faviconFile,
-          onChange: async (e) => {
-            form.setFieldValue("faviconFile", e);
-            form.setFieldValue("faviconFileDetail", await utils_file_fileToAQDocumentType(e));
+      /* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs28(MyFlexColumn, { children: [
+        /* @__PURE__ */ jsx41(
+          MyFileInput,
+          {
+            accept: "image/png,image/jpeg",
+            label: "Favicon (16px x 16px)",
+            value: form.getValues().faviconFile,
+            onChange: async (e) => {
+              form.setFieldValue("faviconFile", e);
+              form.setFieldValue("faviconFileDetail", await utils_file_fileToAQDocumentType(e));
+            }
           }
-        }
-      ) }),
-      /* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx41(
-        MyFileInput,
-        {
-          accept: "image/png,image/jpeg",
-          label: "Logo (330px x 115px)",
-          value: form.getValues().logoFile,
-          onChange: async (e) => {
-            form.setFieldValue("logoFile", e);
-            form.setFieldValue("logoFileDetail", await utils_file_fileToAQDocumentType(e));
+        ),
+        /* @__PURE__ */ jsx41(Paper6, { w: "100%", children: /* @__PURE__ */ jsx41(Center, { children: /* @__PURE__ */ jsx41(
+          Image,
+          {
+            fit: "contain",
+            src: `data:image/${(_a = basicAppShell_store.state.faviconFileDetail) == null ? void 0 : _a.fileExtension};base64,
+                            ${(_b = basicAppShell_store.state.faviconFileDetail) == null ? void 0 : _b.fileBase64String}`,
+            h: "115px",
+            fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
+            alt: "Main logo",
+            w: "330px"
           }
-        }
-      ) })
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs28(MyFlexColumn, { children: [
+        /* @__PURE__ */ jsx41(
+          MyFileInput,
+          {
+            accept: "image/png,image/jpeg",
+            label: "Logo (330px x 115px)",
+            value: form.getValues().logoFile,
+            onChange: async (e) => {
+              form.setFieldValue("logoFile", e);
+              form.setFieldValue("logoFileDetail", await utils_file_fileToAQDocumentType(e));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx41(Paper6, { children: /* @__PURE__ */ jsx41(Center, { children: /* @__PURE__ */ jsx41(
+          Image,
+          {
+            fit: "contain",
+            src: `data:image/${(_c = basicAppShell_store.state.logoFileDetail) == null ? void 0 : _c.fileExtension};base64,
+                                ${(_d = basicAppShell_store.state.logoFileDetail) == null ? void 0 : _d.fileBase64String}`,
+            h: "115px",
+            fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
+            alt: "Main logo",
+            w: "330px"
+          }
+        ) }) })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsx41(MyFlexEnd, { children: /* @__PURE__ */ jsx41(F_core60524_Save, { form }) })
   ] });
@@ -3303,7 +3334,7 @@ import { Group as Group13, Paper as Paper17, Text as Text12 } from "@mantine/cor
 import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
 
 // src/modules-features/admin/core/MainDashboard/ViewDiscountStat.tsx
-import { Center, Progress, Space as Space5, Text as Text13 } from "@mantine/core";
+import { Center as Center2, Progress, Space as Space5, Text as Text13 } from "@mantine/core";
 import { PieChart } from "@mantine/charts";
 import { useMemo as useMemo14 } from "react";
 import { Fragment as Fragment9, jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -3499,7 +3530,7 @@ function PieChart_DiscountUsedPercentage() {
         header: "%",
         accessorKey: "used",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsx72(Center, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
+          return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
             (originalRow.used / totalDisountCode * 100).toFixed(0),
             "%"
           ] }) }) });
@@ -3515,7 +3546,7 @@ function PieChart_DiscountUsedPercentage() {
         },
         Cell: ({ row }) => {
           return /* @__PURE__ */ jsxs50(Fragment9, { children: [
-            /* @__PURE__ */ jsx72(Center, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
+            /* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
               "\u0110\xE3 s\u1EED d\u1EE5ng: ",
               /* @__PURE__ */ jsxs50("strong", { children: [
                 row.original.used,
@@ -3537,7 +3568,7 @@ function PieChart_DiscountUsedPercentage() {
   );
   return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsxs50(MyFlexColumn, { children: [
     /* @__PURE__ */ jsx72(Text13, { mb: "20", children: "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng chi\u1EBFt kh\u1EA5u h\u1ECDc vi\xEAn trong 60 ng\xE0y qua" }),
-    /* @__PURE__ */ jsx72(Center, { children: /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsx72(
       PieChart,
       {
         startAngle: 90,
@@ -3566,7 +3597,7 @@ function PieChart_DiscountUsedPercentage() {
 }
 
 // src/modules-features/admin/core/MainDashboard/ViewVoucherStat.tsx
-import { Center as Center2, Progress as Progress2, Space as Space6, Text as Text14 } from "@mantine/core";
+import { Center as Center3, Progress as Progress2, Space as Space6, Text as Text14 } from "@mantine/core";
 import { PieChart as PieChart2 } from "@mantine/charts";
 import { useMemo as useMemo15 } from "react";
 import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs51 } from "react/jsx-runtime";
@@ -3762,7 +3793,7 @@ function PieChart_VoucherUsedPercentage() {
         header: "%",
         accessorKey: "used",
         accessorFn(originalRow) {
-          return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsx73(Center2, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
+          return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
             (originalRow.used / totalVoucherCode * 100).toFixed(0),
             "%"
           ] }) }) });
@@ -3778,7 +3809,7 @@ function PieChart_VoucherUsedPercentage() {
         },
         Cell: ({ row }) => {
           return /* @__PURE__ */ jsxs51(Fragment10, { children: [
-            /* @__PURE__ */ jsx73(Center2, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
+            /* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
               "\u0110\xE3 s\u1EED d\u1EE5ng: ",
               /* @__PURE__ */ jsxs51("strong", { children: [
                 row.original.used,
@@ -3800,7 +3831,7 @@ function PieChart_VoucherUsedPercentage() {
   );
   return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsxs51(MyFlexColumn, { children: [
     /* @__PURE__ */ jsx73(Text14, { mb: "20", children: "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng m\xE3 gi\u1EA3m gi\xE1 h\u1ECDc vi\xEAn trong 60 ng\xE0y qua" }),
-    /* @__PURE__ */ jsx73(Center2, { children: /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsx73(
       PieChart2,
       {
         startAngle: 90,
@@ -3845,12 +3876,12 @@ function F_authenticate_SplashPage() {
   return /* @__PURE__ */ jsx74(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
 }
 
-// src/modules-features/authenticate/F_Authenticate_Login/F_authenticate_Login.tsx
+// src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
 import {
   Anchor,
   BackgroundImage,
   Button as Button3,
-  Center as Center3,
+  Center as Center4,
   Checkbox as Checkbox3,
   Flex as Flex3,
   Group as Group14,
@@ -3867,10 +3898,10 @@ import Link from "next/link";
 import { useRouter as useRouter3 } from "next/navigation";
 import { useState as useState9 } from "react";
 
-// src/modules-features/authenticate/F_Authenticate_Login/css.module.css
+// src/modules-features/authenticate/F_authenticate_Login/css.module.css
 var css_default = {};
 
-// src/modules-features/authenticate/F_Authenticate_Login/F_authenticate_Login.tsx
+// src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
 import { jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
 function F_authenticate_Login({
   loginInfo,
@@ -3929,7 +3960,7 @@ function F_authenticate_Login({
     {
       src: backgroundImage,
       h: "100vh",
-      children: /* @__PURE__ */ jsx75(Center3, { h: "100vh", children: /* @__PURE__ */ jsxs52(Paper18, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
+      children: /* @__PURE__ */ jsx75(Center4, { h: "100vh", children: /* @__PURE__ */ jsxs52(Paper18, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
         /* @__PURE__ */ jsxs52(Flex3, { direction: "column", mb: "md", children: [
           /* @__PURE__ */ jsx75(Title, { ta: "center", className: css_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
           /* @__PURE__ */ jsxs52(Text15, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [

package/dist/providers/mantine.module.css

@@ -1,21 +1,21 @@
-.input {
-  &[data-variant="underline"] {
-    border: 2px solid transparent;
-    border-radius: 5px;
-    padding-left: 8px;
-    padding-right: 8px;
-    background-color: white;
-
-    &:focus,
-    &:focus-visible {
-      border-color: var(--mantine-color-gray-5);
-      outline: none;
-    }
-
-    &:active {
-      border-color: var(--mantine-color-gray-5);
-    }
-
-    transition: border-color 0.2s ease-in-out;
-  }
-}
+.input {
+  &[data-variant="underline"] {
+    border: 2px solid transparent;
+    border-radius: 5px;
+    padding-left: 8px;
+    padding-right: 8px;
+    background-color: white;
+
+    &:focus,
+    &:focus-visible {
+      border-color: var(--mantine-color-gray-5);
+      outline: none;
+    }
+
+    &:active {
+      border-color: var(--mantine-color-gray-5);
+    }
+
+    transition: border-color 0.2s ease-in-out;
+  }
+}