npm - @fctc/sme-widget-ui - Versions diffs - 1.9.7 → 1.9.9 - Mend

@fctc/sme-widget-ui 1.9.7 → 1.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.mjs CHANGED Viewed

@@ -5527,31 +5527,76 @@ var DownloadIcon = () => {
 };
 // src/icons/excel-icon.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var ExcelIcon = () => {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs4(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "19",
-      height: "10",
-      viewBox: "0 0 19 10",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
       fill: "none",
-      children: /* @__PURE__ */ jsx14(
-        "path",
-        {
-          d: "M18.5 8.5C18.5 8.9125 18.1625 9.25 17.75 9.25H1.25C0.8375 9.25 0.5 8.9125 0.5 8.5V1C0.5 0.5875 0.8375 0.25 1.25 0.25H17.75C18.1625 0.25 18.5 0.5875 18.5 1V8.5Z",
-          fill: "#47A800"
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M6 0C5.175 0 4.5 0.675 4.5 1.5V22.5C4.5 23.325 5.175 24 6 24H21C21.825 24 22.5 23.325 22.5 22.5V6L16.5 0H6Z",
+            fill: "#ECECEC"
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M18 6H22.5L16.5 0V4.5C16.5 5.325 17.175 6 18 6Z",
+            fill: "#C6C6C6"
+          }
+        ),
+        /* @__PURE__ */ jsx14("path", { d: "M22.5 10.5L18 6H22.5V10.5Z", fill: "#DCDCDC" }),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M19.5 19.5C19.5 19.9125 19.1625 20.25 18.75 20.25H2.25C1.8375 20.25 1.5 19.9125 1.5 19.5V12C1.5 11.5875 1.8375 11.25 2.25 11.25H18.75C19.1625 11.25 19.5 11.5875 19.5 12V19.5Z",
+            fill: "#47A800"
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M6.76622 15.2898L7.80947 13.9826C8.12147 13.5746 8.72747 14.0958 8.38547 14.4859C8.02622 14.9118 7.64822 15.3738 7.28822 15.8471L8.51147 17.3703C8.84147 17.8204 8.18222 18.2516 7.85822 17.8076L6.75422 16.3923L5.66897 17.8384C5.36297 18.2756 4.68497 17.7844 5.02697 17.3764L6.23222 15.8471C5.85422 15.3731 5.48822 14.9118 5.12297 14.4859C4.74572 14.0359 5.44697 13.5746 5.72297 13.9953L6.76622 15.2898Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M9.2517 14.2098C9.2517 14.0118 9.4197 13.8438 9.6297 13.8438C9.8217 13.8438 9.9837 14.0126 9.9837 14.2098V17.2143H11.6149C12.2022 17.2143 12.2149 17.9996 11.6149 17.9996H9.63045C9.42045 17.9996 9.25245 17.8503 9.25245 17.6343L9.2517 14.2098Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M12.752 14.7498C12.89 13.5858 14.6465 13.3766 15.4745 14.0126C15.8825 14.3418 15.4505 14.8638 15.0905 14.5998C14.6465 14.3186 13.6392 14.1866 13.5132 14.8091C13.3512 15.7931 15.9597 15.2298 15.9177 16.8251C15.8757 18.3483 13.6692 18.3836 12.8412 17.7003C12.6425 17.5383 12.6492 17.2751 12.7572 17.1123C12.9132 16.9571 13.0865 16.9031 13.2912 17.0711C13.7825 17.4063 15.0485 17.6583 15.1377 16.8063C15.0605 15.9198 12.566 16.4531 12.752 14.7498Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          "path",
+          {
+            d: "M18.75 20.25H4.5V21H18.75C19.1625 21 19.5 20.6625 19.5 20.25V19.5C19.5 19.9125 19.1625 20.25 18.75 20.25Z",
+            fill: "#DCDCDC"
+          }
+        )
+      ]
     }
   );
 };
 // src/icons/export-icon.tsx
-import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var ExportIcon = () => {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5587,8 +5632,8 @@ var ExportIcon = () => {
 };
 // src/icons/eye-icon.tsx
-import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
-var EyeIcon = () => /* @__PURE__ */ jsxs5(
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+var EyeIcon = () => /* @__PURE__ */ jsxs6(
   "svg",
   {
     width: "20",
@@ -5639,9 +5684,9 @@ var FilterIcon = ({ className }) => {
 };
 // src/icons/groupby-icon.tsx
-import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 var GroupByIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5664,9 +5709,9 @@ var GroupByIcon = ({ className }) => {
 };
 // src/icons/kanban-icon.tsx
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 var KanbanIcon = () => {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5695,9 +5740,9 @@ var KanbanIcon = () => {
 };
 // src/icons/list-icon.tsx
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 var ListIcon = () => {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5740,9 +5785,9 @@ var ListIcon = () => {
 };
 // src/icons/more-icon.tsx
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var MoreIcon = () => {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "24px",
@@ -5787,23 +5832,68 @@ var MoreIcon = () => {
 };
 // src/icons/pdf-icon.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var PdfIcon = () => {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "19",
-      height: "10",
-      viewBox: "0 0 19 10",
+      width: "25",
+      height: "24",
+      viewBox: "0 0 25 24",
       fill: "none",
-      children: /* @__PURE__ */ jsx22(
-        "path",
-        {
-          d: "M18.6992 8.5C18.6992 8.9125 18.3617 9.25 17.9492 9.25H1.44922C1.03672 9.25 0.699219 8.9125 0.699219 8.5V1C0.699219 0.5875 1.03672 0.25 1.44922 0.25H17.9492C18.3617 0.25 18.6992 0.5875 18.6992 1V8.5Z",
-          fill: "#FF4B34"
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M6.19922 0C5.37422 0 4.69922 0.675 4.69922 1.5V22.5C4.69922 23.325 5.37422 24 6.19922 24H21.1992C22.0242 24 22.6992 23.325 22.6992 22.5V6L16.6992 0H6.19922Z",
+            fill: "#ECECEC"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M18.1992 6H22.6992L16.6992 0V4.5C16.6992 5.325 17.3742 6 18.1992 6Z",
+            fill: "#C6C6C6"
+          }
+        ),
+        /* @__PURE__ */ jsx22("path", { d: "M22.6992 10.5L18.1992 6H22.6992V10.5Z", fill: "#DCDCDC" }),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M19.6992 19.5C19.6992 19.9125 19.3617 20.25 18.9492 20.25H2.44922C2.03672 20.25 1.69922 19.9125 1.69922 19.5V12C1.69922 11.5875 2.03672 11.25 2.44922 11.25H18.9492C19.3617 11.25 19.6992 11.5875 19.6992 12V19.5Z",
+            fill: "#FF4B34"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M4.96855 14.2096C4.96855 14.0116 5.12455 13.7956 5.3758 13.7956H6.76105C7.54105 13.7956 8.24305 14.3176 8.24305 15.3181C8.24305 16.2661 7.54105 16.7941 6.76105 16.7941H5.7598V17.5861C5.7598 17.8501 5.5918 17.9994 5.3758 17.9994C5.1778 17.9994 4.96855 17.8501 4.96855 17.5861V14.2096ZM5.7598 14.5509V16.0449H6.76105C7.16305 16.0449 7.48105 15.6901 7.48105 15.3181C7.48105 14.8989 7.16305 14.5509 6.76105 14.5509H5.7598Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M9.41755 17.9994C9.21955 17.9994 9.00355 17.8914 9.00355 17.6281V14.2216C9.00355 14.0064 9.21955 13.8496 9.41755 13.8496H10.7908C13.5313 13.8496 13.4713 17.9994 10.8448 17.9994H9.41755ZM9.79555 14.5816V17.2681H10.7908C12.4101 17.2681 12.4821 14.5816 10.7908 14.5816H9.79555Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M14.4433 14.6296V15.5829H15.9726C16.1886 15.5829 16.4046 15.7989 16.4046 16.0081C16.4046 16.2061 16.1886 16.3681 15.9726 16.3681H14.4433V17.6274C14.4433 17.8374 14.2941 17.9986 14.0841 17.9986C13.8201 17.9986 13.6588 17.8374 13.6588 17.6274V14.2209C13.6588 14.0056 13.8208 13.8489 14.0841 13.8489H16.1893C16.4533 13.8489 16.6093 14.0056 16.6093 14.2209C16.6093 14.4129 16.4533 14.6289 16.1893 14.6289L14.4433 14.6296Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M18.9492 20.25H4.69922V21H18.9492C19.3617 21 19.6992 20.6625 19.6992 20.25V19.5C19.6992 19.9125 19.3617 20.25 18.9492 20.25Z",
+            fill: "#DCDCDC"
+          }
+        )
+      ]
     }
   );
 };
@@ -5831,9 +5921,9 @@ var PlayIcon = () => {
 };
 // src/icons/reset-icon.tsx
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var ResetIcon = () => {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "svg",
     {
       width: "16",
@@ -5891,9 +5981,9 @@ var SearchIcon = () => {
 };
 // src/icons/setting-icon.tsx
-import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var SettingIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       width: "16",
@@ -5985,9 +6075,9 @@ var UnArchiveIcon = () => {
 };
 // src/icons/vector-icon.tsx
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
 var VectorIcon = () => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6016,19 +6106,19 @@ var VectorIcon = () => {
 };
 // src/icons/zip-icon.tsx
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
 var ZipIcon = () => {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
-      width: "40",
-      height: "40",
+      width: "30",
+      height: "30",
       viewBox: "0 0 40 40",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs13("g", { clipPath: "url(#clip0_3042_66427)", children: [
-          /* @__PURE__ */ jsxs13("g", { filter: "url(#filter0_di_3042_66427)", children: [
+        /* @__PURE__ */ jsxs15("g", { clipPath: "url(#clip0_3042_66427)", children: [
+          /* @__PURE__ */ jsxs15("g", { filter: "url(#filter0_di_3042_66427)", children: [
             /* @__PURE__ */ jsx31(
               "path",
               {
@@ -6053,7 +6143,7 @@ var ZipIcon = () => {
               strokeWidth: "1.5"
             }
           ),
-          /* @__PURE__ */ jsxs13("g", { filter: "url(#filter1_i_3042_66427)", children: [
+          /* @__PURE__ */ jsxs15("g", { filter: "url(#filter1_i_3042_66427)", children: [
             /* @__PURE__ */ jsx31("mask", { id: "path-4-inside-1_3042_66427", fill: "white", children: /* @__PURE__ */ jsx31("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H20C22.2091 18 24 19.7909 24 22V30C24 32.2091 22.2091 34 20 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
             /* @__PURE__ */ jsx31(
               "path",
@@ -6080,8 +6170,8 @@ var ZipIcon = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("defs", { children: [
-          /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs15("defs", { children: [
+          /* @__PURE__ */ jsxs15(
             "filter",
             {
               id: "filter0_di_3042_66427",
@@ -6159,7 +6249,7 @@ var ZipIcon = () => {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsxs15(
             "filter",
             {
               id: "filter1_i_3042_66427",
@@ -6218,7 +6308,7 @@ var ZipIcon = () => {
 };
 // src/icons/loading-icon.tsx
-import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 var LoadingIcon = ({
   width = 15,
   height = 15,
@@ -6239,7 +6329,7 @@ var LoadingIcon = ({
         background: "transparent"
       },
       ...props,
-      children: /* @__PURE__ */ jsxs14("g", { children: [
+      children: /* @__PURE__ */ jsxs16("g", { children: [
         /* @__PURE__ */ jsx32(
           "circle",
           {
@@ -6270,8 +6360,8 @@ var LoadingIcon = ({
 };
 // src/icons/paid-icon.tsx
-import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
-var PaidIcon = () => /* @__PURE__ */ jsxs15(
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+var PaidIcon = () => /* @__PURE__ */ jsxs17(
   "svg",
   {
     width: "208",
@@ -6280,7 +6370,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs15(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsxs15("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
+      /* @__PURE__ */ jsxs17("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
         /* @__PURE__ */ jsx33(
           "path",
           {
@@ -6356,8 +6446,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs15(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs15("defs", { children: [
-        /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs17("defs", { children: [
+        /* @__PURE__ */ jsxs17(
           "filter",
           {
             id: "filter0_d_615_26793",
@@ -6454,13 +6544,13 @@ var PlaceHolderIcon = () => {
 };
 // src/icons/google-icon.tsx
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
 var GoogleIcon = ({
   width = 20,
   height = 20,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6505,9 +6595,9 @@ var GoogleIcon = ({
 };
 // src/icons/eye-closed-icon.tsx
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 var EyeClosedIcon = () => {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       width: "20",
@@ -6572,9 +6662,9 @@ var DeleteIconDanger = () => {
 };
 // src/icons/image-icon.tsx
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 var ImageIcon = () => {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6617,35 +6707,91 @@ var ImageIcon = () => {
 };
 // src/icons/video-icon.tsx
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 var VideoIcon = () => {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "22",
-      height: "20",
-      viewBox: "0 0 22 20",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
       fill: "none",
       children: [
         /* @__PURE__ */ jsx39(
           "path",
           {
-            d: "M22.0001 1.60859L22.0001 18.3914C22.0001 19.2798 21.2799 20 20.3915 20H1.61054C0.722142 20 0.00195312 19.2798 0.00195312 18.3914V1.60859C0.00195312 0.720189 0.722143 0 1.61054 0H20.3915C21.2799 0 22.0001 0.720189 22.0001 1.60859Z",
+            d: "M22.9996 3.60859L22.9995 20.3914C22.9995 21.2798 22.2794 22 21.391 22H2.61004C1.72164 22 1.00145 21.2798 1.00145 20.3914V3.60859C1.00145 2.72019 1.72164 2 2.61004 2H21.391C22.2794 2 22.9996 2.72019 22.9996 3.60859Z",
             fill: "#435E88"
           }
         ),
         /* @__PURE__ */ jsx39(
           "path",
           {
-            d: "M21.9974 1.60515L21.9981 18.3914C21.9981 19.2782 21.2797 20 20.3895 20H1.60863C0.721846 20 0 19.2782 0 18.3914L20.3888 0C21.2791 0 21.9974 0.718322 21.9974 1.60515Z",
+            d: "M22.9974 3.60553L22.9981 20.3918C22.9981 21.2786 22.2797 22.0004 21.3895 22.0004H2.60863C1.72185 22.0004 1 21.2786 1 20.3918L21.3888 2.00039C22.2791 2.00039 22.9974 2.71871 22.9974 3.60553Z",
             fill: "#33527D"
           }
         ),
         /* @__PURE__ */ jsx39(
           "path",
           {
-            d: "M3.96875 14.3779C4.15191 14.3782 4.30078 14.5267 4.30078 14.71V16.623C4.30078 16.8063 4.15191 16.9549 3.96875 16.9551H2.05469C1.87133 16.9551 1.72266 16.8064 1.72266 16.623V14.71C1.72266 14.5266 1.87133 14.3779 2.05469 14.3779H3.96875ZM19.9492 14.3779C20.1326 14.3779 20.2812 14.5266 20.2812 14.71V16.623C20.2812 16.8064 20.1326 16.9551 19.9492 16.9551H18.0361C17.8528 16.9551 17.7041 16.8064 17.7041 16.623V14.71C17.7041 14.5266 17.8528 14.3779 18.0361 14.3779H19.9492ZM8.59473 7.05566C8.59499 6.5953 9.10791 6.32103 9.49121 6.57617L14.1484 9.67578C14.4914 9.90408 14.4914 10.4084 14.1484 10.6367L9.49121 13.7363C9.10788 13.9915 8.59493 13.7173 8.59473 13.2568V7.05566ZM3.96875 10.1592C4.15175 10.1594 4.30052 10.3072 4.30078 10.4902V12.4043C4.30078 12.5875 4.15191 12.7361 3.96875 12.7363H2.05469C1.87133 12.7363 1.72266 12.5877 1.72266 12.4043V10.4902C1.72292 10.3071 1.87149 10.1592 2.05469 10.1592H3.96875ZM19.9492 10.1592C20.1324 10.1592 20.281 10.3071 20.2812 10.4902V12.4043C20.2812 12.5877 20.1326 12.7363 19.9492 12.7363H18.0361C17.8528 12.7363 17.7041 12.5877 17.7041 12.4043V10.4902C17.7044 10.3071 17.8529 10.1592 18.0361 10.1592H19.9492ZM3.96875 5.9375C4.15177 5.93773 4.30055 6.08651 4.30078 6.26953V8.18359C4.30078 8.36681 4.15191 8.5154 3.96875 8.51562H2.05469C1.87133 8.51562 1.72266 8.36695 1.72266 8.18359V6.26953C1.72289 6.08637 1.87147 5.9375 2.05469 5.9375H3.96875ZM19.9492 5.9375C20.1324 5.9375 20.281 6.08637 20.2812 6.26953V8.18359C20.2812 8.36695 20.1326 8.51562 19.9492 8.51562H18.0361C17.8528 8.51562 17.7041 8.36695 17.7041 8.18359V6.26953C17.7043 6.08637 17.8529 5.9375 18.0361 5.9375H19.9492ZM3.96875 1.71875C4.15181 1.71898 4.3006 1.86771 4.30078 2.05078V3.96484C4.30078 4.14806 4.15191 4.29665 3.96875 4.29688H2.05469C1.87133 4.29688 1.72266 4.1482 1.72266 3.96484V2.05078C1.72283 1.86757 1.87144 1.71875 2.05469 1.71875H3.96875ZM19.9492 1.71875C20.1325 1.71875 20.2811 1.86757 20.2812 2.05078V3.96484C20.2812 4.1482 20.1326 4.29688 19.9492 4.29688H18.0361C17.8528 4.29688 17.7041 4.1482 17.7041 3.96484V2.05078C17.7043 1.86757 17.8529 1.71875 18.0361 1.71875H19.9492Z",
+            d: "M4.96732 16.3783C5.15049 16.3785 5.29935 16.5271 5.29935 16.7103V18.6234C5.29935 18.8067 5.15049 18.9552 4.96732 18.9555H3.05326C2.8699 18.9555 2.72123 18.8068 2.72123 18.6234V16.7103C2.72123 16.527 2.8699 16.3783 3.05326 16.3783H4.96732Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M20.9478 16.3783C21.1311 16.3783 21.2798 16.527 21.2798 16.7103V18.6234C21.2798 18.8068 21.1311 18.9555 20.9478 18.9555H19.0347C18.8513 18.9555 18.7027 18.8068 18.7027 18.6234V16.7103C18.7027 16.527 18.8513 16.3783 19.0347 16.3783H20.9478Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M9.5933 9.05605C9.59356 8.59569 10.1065 8.32141 10.4898 8.57656L15.147 11.6762C15.49 11.9045 15.49 12.4088 15.147 12.6371L10.4898 15.7367C10.1065 15.9919 9.5935 15.7176 9.5933 15.2572V9.05605Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M4.96732 12.1596C5.15033 12.1598 5.29909 12.3076 5.29935 12.4906V14.4047C5.29935 14.5879 5.15049 14.7365 4.96732 14.7367H3.05326C2.8699 14.7367 2.72123 14.588 2.72123 14.4047V12.4906C2.72149 12.3075 2.87006 12.1596 3.05326 12.1596H4.96732Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M20.9478 12.1596C21.131 12.1596 21.2796 12.3075 21.2798 12.4906V14.4047C21.2798 14.588 21.1311 14.7367 20.9478 14.7367H19.0347C18.8513 14.7367 18.7027 14.588 18.7027 14.4047V12.4906C18.7029 12.3075 18.8515 12.1596 19.0347 12.1596H20.9478Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M4.96732 7.93789C5.15034 7.93811 5.29912 8.0869 5.29935 8.26992V10.184C5.29935 10.3672 5.15049 10.5158 4.96732 10.516H3.05326C2.8699 10.516 2.72123 10.3673 2.72123 10.184V8.26992C2.72146 8.08676 2.87005 7.93789 3.05326 7.93789H4.96732Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M20.9478 7.93789C21.131 7.93789 21.2796 8.08676 21.2798 8.26992V10.184C21.2798 10.3673 21.1311 10.516 20.9478 10.516H19.0347C18.8513 10.516 18.7027 10.3673 18.7027 10.184V8.26992C18.7029 8.08676 18.8515 7.93789 19.0347 7.93789H20.9478Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M4.96732 3.71914C5.15038 3.71936 5.29918 3.8681 5.29935 4.05117V5.96523C5.29935 6.14845 5.15049 6.29703 4.96732 6.29726H3.05326C2.8699 6.29726 2.72123 6.14859 2.72123 5.96523V4.05117C2.72141 3.86796 2.87001 3.71914 3.05326 3.71914H4.96732Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx39(
+          "path",
+          {
+            d: "M20.9478 3.71914C21.131 3.71914 21.2796 3.86796 21.2798 4.05117V5.96523C21.2798 6.14859 21.1311 6.29726 20.9478 6.29726H19.0347C18.8513 6.29726 18.7027 6.14859 18.7027 5.96523V4.05117C18.7029 3.86796 18.8515 3.71914 19.0347 3.71914H20.9478Z",
             fill: "white"
           }
         )
@@ -9680,8 +9826,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -10304,7 +10450,7 @@ import { jsx as jsx41 } from "react/jsx-runtime";
 var IcArrow = () => /* @__PURE__ */ jsx41("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx41("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
 // src/widgets/advanced/pagination/pagination-view.tsx
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 var PaginationView = (props) => {
   const {
     displayPageNumberDots,
@@ -10337,8 +10483,8 @@ var PaginationView = (props) => {
   let lastPage = paginationRange[paginationRange.length - 1];
   const startPage = currentPage * pageSize + 1;
   const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
-  return /* @__PURE__ */ jsxs20("ul", { className: `pagination-container rounded-lg ${className}`, children: [
-    !displayPageNumberDots && /* @__PURE__ */ jsxs20("li", { className: "pagination-item px-0", children: [
+  return /* @__PURE__ */ jsxs22("ul", { className: `pagination-container rounded-lg ${className}`, children: [
+    !displayPageNumberDots && /* @__PURE__ */ jsxs22("li", { className: "pagination-item px-0", children: [
       startPage,
       " - ",
       endPage,
@@ -10389,7 +10535,7 @@ var PaginationView = (props) => {
 import { useState as useState3 } from "react";
 // src/widgets/advanced/table/table-group.tsx
-import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var TableGroup = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -10439,8 +10585,8 @@ var TableGroup = (props) => {
     setSelectedRowKeys
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
+    /* @__PURE__ */ jsxs23(
       "tr",
       {
         draggable: true,
@@ -10453,13 +10599,13 @@ var TableGroup = (props) => {
               colSpan: colEmptyGroup.fromStart ?? 1,
               style: { display: "table-cell" },
               className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
-              children: /* @__PURE__ */ jsxs21(
+              children: /* @__PURE__ */ jsxs23(
                 "div",
                 {
                   style: { paddingLeft: leftPadding },
                   className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
                   children: [
-                    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ jsx43(
                         TriangleIcon,
                         {
@@ -10546,7 +10692,7 @@ var TableGroup = (props) => {
 // src/widgets/advanced/table/table-row.tsx
 import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4 } from "react";
-import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var Row = (props) => {
   const {
     row,
@@ -10617,7 +10763,7 @@ var Row = (props) => {
     {
       "data-row-id": row?.id,
       className: `border-b border-[#e8e8e8] cursor-pointer`,
-      children: /* @__PURE__ */ jsxs22(Fragment3, { children: [
+      children: /* @__PURE__ */ jsxs24(Fragment3, { children: [
         isDisplayCheckbox && /* @__PURE__ */ jsx44(
           "td",
           {
@@ -10770,7 +10916,7 @@ var TableBody = (props) => {
 // src/widgets/advanced/table/table-filter.tsx
 import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var TableFilter = ({ columns, onToggleColumnOptional }) => {
   const [openTableFilter, setOpenTableFilter] = useState4();
   const [filterPosition, setFilterPosition] = useState4(null);
@@ -10802,7 +10948,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       window.removeEventListener("resize", updatePosition);
     };
   }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: filterRef,
@@ -10819,7 +10965,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
             onClick: () => {
               setOpenTableFilter(!openTableFilter);
             },
-            children: /* @__PURE__ */ jsxs23(
+            children: /* @__PURE__ */ jsxs25(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10887,7 +11033,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
               },
               className: "absolute z-[9999] flex w-[250px] h-auto max-h-[800%] overflow-auto flex-col gap-[16px] rounded-[8px] bg-[#fff] px-[24px] py-[16px] shadow-md",
               children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
-                return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+                return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx46(
                     "input",
                     {
@@ -10918,14 +11064,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
 };
 // src/widgets/advanced/table/table-footer.tsx
-import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 var TableFooter = ({ onAddRow, rows }) => {
   const emptyData = rows?.length <= 0;
   return /* @__PURE__ */ jsx47("tfoot", { children: /* @__PURE__ */ jsx47("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx47(
     "td",
     {
       className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
-      children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs26(
         "button",
         {
           type: "button",
@@ -10935,7 +11081,7 @@ var TableFooter = ({ onAddRow, rows }) => {
           },
           className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
           children: [
-            /* @__PURE__ */ jsxs24(
+            /* @__PURE__ */ jsxs26(
               "svg",
               {
                 style: {
@@ -12775,7 +12921,8 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
 });
 // src/widgets/advanced/table/table-head.tsx
-import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { createPortal as createPortal2 } from "react-dom";
+import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
     handleCheckBoxAll,
@@ -12785,7 +12932,7 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs27(
     "tr",
     {
       style: {
@@ -12816,27 +12963,31 @@ var TableHead = (props) => {
           return /* @__PURE__ */ jsx48(
             "th",
             {
+              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
-              children: /* @__PURE__ */ jsxs25("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
+              children: /* @__PURE__ */ jsxs27("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
-                col?.field?.help && /* @__PURE__ */ jsxs25(Fragment4, { children: [
-                  /* @__PURE__ */ jsx48(
-                    M,
-                    {
-                      style: {
-                        padding: "6px 12px",
-                        fontSize: "12px",
-                        borderRadius: "4px",
-                        maxWidth: "200%",
-                        whiteSpace: "wrap",
-                        fontWeight: 400,
-                        textTransform: "none"
-                      },
-                      id: `field-help-${col?.field?.name}`,
-                      content: col?.field?.help,
-                      place: "top",
-                      className: "z-30"
-                    }
+                col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
+                  createPortal2(
+                    /* @__PURE__ */ jsx48(
+                      M,
+                      {
+                        style: {
+                          padding: "6px 12px",
+                          fontSize: "12px",
+                          borderRadius: "4px",
+                          maxWidth: "200px",
+                          whiteSpace: "wrap",
+                          fontWeight: 400,
+                          textTransform: "none",
+                          zIndex: "9999"
+                        },
+                        id: `field-help-${col?.field?.name}`,
+                        content: col?.field?.help,
+                        place: "top"
+                      }
+                    ),
+                    document.body
                   ),
                   /* @__PURE__ */ jsx48(
                     "span",
@@ -12881,9 +13032,9 @@ var TableHead = (props) => {
 };
 // src/icons/empty-table-icon.tsx
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 var IcEmptyTable = () => {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs28(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -12892,7 +13043,7 @@ var IcEmptyTable = () => {
       viewBox: "0 0 216 140",
       fill: "none",
       children: [
-        /* @__PURE__ */ jsxs26("g", { clipPath: "url(#clip0_2454_28950)", children: [
+        /* @__PURE__ */ jsxs28("g", { clipPath: "url(#clip0_2454_28950)", children: [
           /* @__PURE__ */ jsx49("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
           /* @__PURE__ */ jsx49(
             "path",
@@ -13212,12 +13363,12 @@ var IcEmptyTable = () => {
 };
 // src/widgets/advanced/table/empty-table.tsx
-import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 var EmptyTable = () => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs27("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
+  return /* @__PURE__ */ jsxs29("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
     /* @__PURE__ */ jsx50(IcEmptyTable, {}),
-    /* @__PURE__ */ jsxs27("div", { children: [
+    /* @__PURE__ */ jsxs29("div", { children: [
       /* @__PURE__ */ jsx50("p", {}),
       /* @__PURE__ */ jsx50("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
     ] })
@@ -15060,7 +15211,7 @@ Button.displayName = "Button";
 // src/widgets/advanced/login/shared/text-input.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 function TextInput(props) {
   const {
     className,
@@ -15074,12 +15225,12 @@ function TextInput(props) {
     required
   } = props;
   const [showPassword, setShowPassword] = useState5(false);
-  return /* @__PURE__ */ jsxs28("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
-    label && /* @__PURE__ */ jsxs28("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
+  return /* @__PURE__ */ jsxs30("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
+    label && /* @__PURE__ */ jsxs30("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
       label,
       required ? /* @__PURE__ */ jsx52("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
     ] }),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs30(
       "div",
       {
         className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
@@ -15116,7 +15267,7 @@ function TextInput(props) {
 // src/widgets/advanced/login/provider/credential/form-options/index.tsx
 import { useEffect as useEffect7 } from "react";
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
   forgotPasswordUrl,
@@ -15142,8 +15293,8 @@ function FormOptions({
   useEffect7(() => {
     localStorage.setItem(STAY_LOGIN_IN, "false");
   }, []);
-  return /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
-    /* @__PURE__ */ jsxs29("label", { className: "flex gap-3", children: [
+  return /* @__PURE__ */ jsxs31("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
+    /* @__PURE__ */ jsxs31("label", { className: "flex gap-3", children: [
       /* @__PURE__ */ jsx53(
         "input",
         {
@@ -15160,7 +15311,7 @@ function FormOptions({
 }
 // src/widgets/advanced/login/provider/credential/index.tsx
-import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
 var CredentialLogin = (props) => {
   const {
     shouldRenderDivider,
@@ -15180,15 +15331,15 @@ var CredentialLogin = (props) => {
     mode: "onChange",
     resolver: s3(loginSchema)
   });
-  return /* @__PURE__ */ jsxs30(Fragment5, { children: [
-    /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(Fragment5, { children: [
+    /* @__PURE__ */ jsxs32(
       "form",
       {
         onSubmit: handleSubmit(onSubmit ?? (() => {
         })),
         className: `flex w-full h-fit flex-col gap-10`,
         children: [
-          /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-6", children: [
+          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6", children: [
             /* @__PURE__ */ jsx54(
               TextInput,
               {
@@ -15237,7 +15388,7 @@ var CredentialLogin = (props) => {
         ]
       }
     ),
-    shouldRenderDivider && /* @__PURE__ */ jsxs30("div", { className: "flex justify-center relative", children: [
+    shouldRenderDivider && /* @__PURE__ */ jsxs32("div", { className: "flex justify-center relative", children: [
       /* @__PURE__ */ jsx54("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
       /* @__PURE__ */ jsx54("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
     ] })
@@ -15245,10 +15396,10 @@ var CredentialLogin = (props) => {
 };
 // src/widgets/advanced/login/provider/google/google-btn/index.tsx
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
 function GoogleButton(props) {
   const { onLoginGoogle, db } = props;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs33(
     "button",
     {
       className: "google-wrapper w-full active:scale-[0.97] cursor-pointer hover:bg-gray-100 scale-100 transition-all gap-2 p-4 border border-[#e5e7eb] rounded-[10px] flex items-center justify-center bg-white",
@@ -15270,22 +15421,22 @@ function SocialRedirect(props) {
 }
 // src/widgets/advanced/login/provider/google/index.tsx
-import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
 var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
-  return /* @__PURE__ */ jsxs32(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs34(Fragment7, { children: [
     /* @__PURE__ */ jsx57(GoogleButton, { db, onLoginGoogle }),
     /* @__PURE__ */ jsx57(SocialRedirect, { db, onLoginSocial })
   ] });
 };
 // src/widgets/advanced/login/index.tsx
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
 var LoginProviderMapping = {
   google: GoogleLogin
 };
 var Login = (props) => {
   const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
-  return /* @__PURE__ */ jsxs33("div", { className: "w-full space-y-8", children: [
+  return /* @__PURE__ */ jsxs35("div", { className: "w-full space-y-8", children: [
     /* @__PURE__ */ jsx58(
       CredentialLogin,
       {
@@ -15310,7 +15461,7 @@ var Login = (props) => {
 };
 // src/widgets/advanced/search/popup-filter/index.tsx
-import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs36 } from "react/jsx-runtime";
 var PopupFilter = ({
   handleAddTagSearch,
   removeSearchItems,
@@ -15331,13 +15482,13 @@ var PopupFilter = ({
         zIndex: 33
       },
       className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
-      children: /* @__PURE__ */ jsxs34(
+      children: /* @__PURE__ */ jsxs36(
         "div",
         {
           className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
           children: [
-            filterBy?.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "filter-by w-full px-3", children: [
-              /* @__PURE__ */ jsxs34("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+            filterBy?.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs36("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
                 /* @__PURE__ */ jsx59(FilterIcon, { className: "filter-by-icon text-primary" }),
                 /* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
               ] }),
@@ -15349,7 +15500,7 @@ var PopupFilter = ({
                   acc.push(/* @__PURE__ */ jsx59("hr", { className: "my-2" }, "separator-" + index4));
                 }
                 acc.push(
-                  /* @__PURE__ */ jsxs34(
+                  /* @__PURE__ */ jsxs36(
                     "button",
                     {
                       className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
@@ -15385,15 +15536,15 @@ var PopupFilter = ({
               }, [])
             ] }),
             filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx59("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-            groupBy?.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "group-by w-full px-3", children: [
-              /* @__PURE__ */ jsxs34("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+            groupBy?.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs36("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
                 /* @__PURE__ */ jsx59(GroupByIcon, { className: "group-by-icon text-primary" }),
                 /* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
               ] }),
               groupBy?.map((item, index4) => {
                 const isExist = item?.active;
                 if (!item.string) return;
-                return /* @__PURE__ */ jsxs34(
+                return /* @__PURE__ */ jsxs36(
                   "button",
                   {
                     onClick: () => {
@@ -15437,7 +15588,7 @@ import { useEffect as useEffect8, useState as useState6 } from "react";
 // src/widgets/advanced/search/tag-search/index.tsx
 import { Fragment as Fragment8 } from "react";
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs37 } from "react/jsx-runtime";
 var TagSearch = ({
   removeSearchItems,
   selectedTags,
@@ -15448,16 +15599,16 @@ var TagSearch = ({
   return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
     if (tag?.values?.length > 0) {
       if (tag?.type !== "group_by") {
-        return /* @__PURE__ */ jsxs35(
+        return /* @__PURE__ */ jsxs37(
           "div",
           {
             className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
             children: [
               /* @__PURE__ */ jsx60("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.type === SearchType.SEARCH ? tag?.title : /* @__PURE__ */ jsx60(FilterIcon, {}) }),
               /* @__PURE__ */ jsx60("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
-                return /* @__PURE__ */ jsxs35(Fragment8, { children: [
+                return /* @__PURE__ */ jsxs37(Fragment8, { children: [
                   /* @__PURE__ */ jsx60("span", { children: value }),
-                  idx < tag.values.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+                  idx < tag.values.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                     " ",
                     instance.t("or"),
                     " "
@@ -15494,15 +15645,15 @@ var TagSearch = ({
           {
             className: "flex min-h-full overflow-hidden",
             children: /* @__PURE__ */ jsx60("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
-              (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs35(
+              (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs37(
                 "div",
                 {
                   className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
                   children: [
                     /* @__PURE__ */ jsx60("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ jsx60(GroupByIcon, {}) }),
-                    value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs35(Fragment9, { children: [
+                    value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs37(Fragment9, { children: [
                       /* @__PURE__ */ jsx60("span", { children: string }),
-                      idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+                      idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                         " ",
                         "> ",
                         " "
@@ -15540,7 +15691,7 @@ var TagSearch = ({
 };
 // src/widgets/advanced/search/search-list/index.tsx
-import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs38 } from "react/jsx-runtime";
 var SearchList = ({
   handleAddTagSearch,
   handleMouseEnter,
@@ -15562,7 +15713,7 @@ var SearchList = ({
           if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
             return;
         }
-        return /* @__PURE__ */ jsxs36(
+        return /* @__PURE__ */ jsxs38(
           "button",
           {
             onClick: () => {
@@ -15609,7 +15760,7 @@ var SearchList = ({
 };
 // src/widgets/advanced/search/search-item/index.tsx
-import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs39 } from "react/jsx-runtime";
 var Search = ({
   removeSearchItems,
   selectedTags,
@@ -15726,14 +15877,14 @@ var Search = ({
     setDidInit(true);
     setIsReadyFormatDomain(true);
   }, [aid, filterBy, fieldsList]);
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       ref: popupFilterRef,
       className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
         /* @__PURE__ */ jsx62("div", { className: "size-5", children: /* @__PURE__ */ jsx62(SearchIcon, {}) }),
-        /* @__PURE__ */ jsxs37("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
           /* @__PURE__ */ jsx62(
             TagSearch,
             {
@@ -15766,8 +15917,8 @@ var Search = ({
             }
           )
         ] }),
-        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs37(Fragment10, { children: [
-          /* @__PURE__ */ jsxs37(
+        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs39(Fragment10, { children: [
+          /* @__PURE__ */ jsxs39(
             "div",
             {
               className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -15821,7 +15972,7 @@ var ActiveBadgeField = (props) => {
 // src/widgets/common/modal-layer.tsx
 import { Fragment as Fragment12 } from "react";
 import { Dialog, DialogPanel, Transition } from "@headlessui/react";
-import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs40 } from "react/jsx-runtime";
 var ModalLayer = ({
   isOpen,
   onClose,
@@ -15839,10 +15990,10 @@ var ModalLayer = ({
       leaveFrom: "transform scale-100 opacity-100",
       leaveTo: "transform scale-95 opacity-0",
       as: Fragment12,
-      children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */ jsxs38("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
+      children: /* @__PURE__ */ jsx64(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx64(DialogPanel, { children: /* @__PURE__ */ jsxs40("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
         /* @__PURE__ */ jsx64("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs38("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
-          /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs40("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
+          /* @__PURE__ */ jsxs40(
             "div",
             {
               className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
@@ -15868,7 +16019,7 @@ var ModalLayer = ({
 };
 // src/widgets/common/modal-confirm.tsx
-import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
 var ModalConfirm = ({
   name: name2,
   isShowModal,
@@ -15882,7 +16033,7 @@ var ModalConfirm = ({
   const renderButtonAction = (name3) => {
     switch (name3) {
       case "duplicate":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15896,7 +16047,7 @@ var ModalConfirm = ({
           }
         );
       case "archive":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15910,7 +16061,7 @@ var ModalConfirm = ({
           }
         );
       case "unarchive":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15924,7 +16075,7 @@ var ModalConfirm = ({
           }
         );
       case "delete":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15941,12 +16092,12 @@ var ModalConfirm = ({
         break;
     }
   };
-  return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs39("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
-    /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-[4px] items-center", children: [
+  return /* @__PURE__ */ jsx65(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs41("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-[4px] items-center", children: [
       /* @__PURE__ */ jsx65("div", { className: "text-[18px] font-bold", children: title }),
       /* @__PURE__ */ jsx65("p", { className: "text-[16px]", children: content })
     ] }),
-    /* @__PURE__ */ jsxs39("div", { className: "flex justify-center items-center gap-2 w-full", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "flex justify-center items-center gap-2 w-full", children: [
       /* @__PURE__ */ jsx65(
         "button",
         {
@@ -15963,8 +16114,8 @@ var ModalConfirm = ({
 // src/widgets/common/modal-detail.tsx
 import { useState as useState7 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
+import { createPortal as createPortal3 } from "react-dom";
+import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
   title,
@@ -15986,12 +16137,12 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return createPortal2(
-    /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs40("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
+  return createPortal3(
+    /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs42("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-      /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs40("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
-        /* @__PURE__ */ jsxs40("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-          /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs42("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
+        /* @__PURE__ */ jsxs42("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+          /* @__PURE__ */ jsxs42(
             "div",
             {
               id: "modal-detail",
@@ -16026,7 +16177,7 @@ var ModalDetail = ({
 // src/widgets/common/loading-normal.tsx
 import { useEffect as useEffect9, useState as useState8 } from "react";
-import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs43 } from "react/jsx-runtime";
 var LayerLoading = () => {
   const { t: t3 } = useI18n();
   const [activeIndex, setActiveIndex] = useState8(0);
@@ -16036,7 +16187,7 @@ var LayerLoading = () => {
     }, 200);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ jsx67("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx67("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs41("div", { className: "flex justify-center flex-col items-center gap-12", children: [
+  return /* @__PURE__ */ jsx67("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx67("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs43("div", { className: "flex justify-center flex-col items-center gap-12", children: [
     /* @__PURE__ */ jsx67("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx67(
       "div",
       {
@@ -16254,7 +16405,7 @@ var po = $2(K("zoom"));
 var uo = $2(K("flip"));
 // src/widgets/common/select-files.tsx
-import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -16279,7 +16430,8 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/json"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -16358,8 +16510,8 @@ var ButtonSelectFiles = ({
       await handleUpload(formData, serivce, xNode);
     }
   };
-  return /* @__PURE__ */ jsxs42(Fragment14, { children: [
-    isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs44(Fragment14, { children: [
+    isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs44(
       "button",
       {
         type: "button",
@@ -16380,7 +16532,7 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
@@ -16388,7 +16540,7 @@ var ButtonSelectFiles = ({
 // src/widgets/common/video-player.tsx
 import { useRef as useRef6, useState as useState10 } from "react";
-import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
 var VideoPlayer = ({ src }) => {
   const [isPlaying, setIsPlaying] = useState10(false);
   const videoRef = useRef6(null);
@@ -16415,7 +16567,7 @@ var VideoPlayer = ({ src }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs43("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
+  return /* @__PURE__ */ jsxs45("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
     /* @__PURE__ */ jsx70(
       "video",
       {
@@ -16434,7 +16586,7 @@ var VideoPlayer = ({ src }) => {
 };
 // src/widgets/basic/avatar-field/avatar.tsx
-import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
 var AvatarField = (props) => {
   const {
     isForm = false,
@@ -16458,7 +16610,7 @@ var AvatarField = (props) => {
     color: textColor,
     fontSize: `${size4 / 2.5}px`
   };
-  return /* @__PURE__ */ jsxs44(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment15, { children: [
     isForm && allowShowDetail && /* @__PURE__ */ jsx71(
       ModalDetail,
       {
@@ -16500,7 +16652,7 @@ var AvatarField = (props) => {
 };
 // src/widgets/basic/binary-field/binary.tsx
-import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs47 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
     name: name2,
@@ -16538,7 +16690,7 @@ var BinaryField = (props) => {
           {
             ref: binaryRef,
             className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
-            children: renderImage ? /* @__PURE__ */ jsxs45("div", { className: "relative group", children: [
+            children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx72(
                 "img",
                 {
@@ -16571,7 +16723,7 @@ var BinaryField = (props) => {
                   children: /* @__PURE__ */ jsx72(DeleteIcon, {})
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs45(
+            ] }) : /* @__PURE__ */ jsxs47(
               "label",
               {
                 htmlFor: inputId,
@@ -16714,7 +16866,7 @@ var ButtonBadgeField = (props) => {
 };
 // src/widgets/basic/button-field/button.tsx
-import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
 var ButtonField = (props) => {
   const {
     func,
@@ -16734,7 +16886,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ jsxs46(
+  ) : /* @__PURE__ */ jsxs48(
     "button",
     {
       type,
@@ -16751,7 +16903,7 @@ var ButtonField = (props) => {
 // src/widgets/basic/char-field/char.tsx
 import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
-import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
@@ -16835,7 +16987,7 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ jsxs47(Fragment17, { children: [
+        return /* @__PURE__ */ jsxs49(Fragment17, { children: [
           /* @__PURE__ */ jsx75(
             "input",
             {
@@ -16979,7 +17131,7 @@ var CheckboxField = (props) => {
 // src/widgets/basic/color-field/color-wrapper.tsx
 import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
-import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const {
     colors: colors2,
@@ -17006,7 +17158,7 @@ var ColorWrapper = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs48("div", { children: [
+  return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
     /* @__PURE__ */ jsx77(
       "button",
       {
@@ -17030,7 +17182,7 @@ var ColorWrapper = (props) => {
         content: i18n_default.t(color?.name)
       }
     )
-  ] }, color?.id)) }) : /* @__PURE__ */ jsxs48(Fragment18, { children: [
+  ] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment18, { children: [
     /* @__PURE__ */ jsx77(
       "button",
       {
@@ -17087,7 +17239,7 @@ var ColorField = (props) => {
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
 import { useEffect as useEffect13 } from "react";
-import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -17126,8 +17278,8 @@ var CopyLinkButtonField = (props) => {
             clearErrors(name2);
           }
         }, [value]);
-        return /* @__PURE__ */ jsxs49("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs49(
+        return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs51(
             "div",
             {
               "aria-disabled": readonly,
@@ -21130,7 +21282,7 @@ function useEffectEvent(callback) {
 }
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-import { jsx as jsx80, jsxs as jsxs50, Fragment as Fragment19 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs52, Fragment as Fragment19 } from "react/jsx-runtime";
 import * as ReactDOM2 from "react-dom";
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -21528,7 +21680,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
     bottom: isCustomShape ? "" : "rotate(180deg)",
     right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
   }[side];
-  return /* @__PURE__ */ jsxs50("svg", {
+  return /* @__PURE__ */ jsxs52("svg", {
     ...rest,
     "aria-hidden": true,
     ref,
@@ -27537,7 +27689,7 @@ function _taggedTemplateLiteral(e3, t3) {
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
-import { createPortal as createPortal4 } from "react-dom";
+import { createPortal as createPortal5 } from "react-dom";
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect4 } from "react";
@@ -28040,7 +28192,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ createPortal5(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -30944,7 +31096,7 @@ var StateManagedSelect$1 = StateManagedSelect;
 // src/widgets/basic/date-field/date.tsx
 var import_moment2 = __toESM(require_moment());
-import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
     name: name2,
@@ -30972,7 +31124,7 @@ var DateField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   const InputDateCustom = forwardRef6(
-    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs51("label", { className: `flex ${className}`, children: [
+    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
       /* @__PURE__ */ jsx83(
         "input",
         {
@@ -31015,7 +31167,7 @@ var DateField = (props) => {
             }
           }, [value, clearErrors, name2]);
           const selectedDate = !methods ? value && (0, import_moment2.default)(value, formatDateParse).isValid() ? (0, import_moment2.default)(value, formatDateParse).add(7, "hours").toDate() : null : field?.value && (0, import_moment2.default)(field.value, formatDateParse).isValid() ? (0, import_moment2.default)(field.value, formatDateParse).add(7, "hours").toDate() : null;
-          return /* @__PURE__ */ jsxs51(Fragment23, { children: [
+          return /* @__PURE__ */ jsxs53(Fragment23, { children: [
             /* @__PURE__ */ jsx83(
               DatePicker,
               {
@@ -31082,7 +31234,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs51(
+                }) => /* @__PURE__ */ jsxs53(
                   "div",
                   {
                     style: {
@@ -31175,11 +31327,11 @@ var DateField = (props) => {
 };
 // src/widgets/basic/download-binary-field/download-binary.tsx
-import { jsx as jsx84, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs54(
     "button",
     {
       type: "button",
@@ -31194,7 +31346,7 @@ var DownLoadBinaryField = (props) => {
 };
 // src/widgets/basic/download-file-field/download-file.tsx
-import { jsx as jsx85, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -31206,8 +31358,8 @@ var DownloadFileField = (props) => {
     handleFileChange,
     handleFileDownload
   } = props;
-  return /* @__PURE__ */ jsxs53("div", { className: "", children: [
-    /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs55("div", { className: "", children: [
+    /* @__PURE__ */ jsxs55(
       "label",
       {
         htmlFor: inputId,
@@ -31242,7 +31394,7 @@ var DownloadFileField = (props) => {
 // src/widgets/basic/dropdown-field/dropdown.tsx
 import { useState as useState16 } from "react";
-import { jsx as jsx86, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -31256,14 +31408,14 @@ var DropdownField = (props) => {
   } = props;
   const [open, setOpen] = useState16(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       ref: dropdownRef,
       className: `relative ${className}`,
       onClick: () => setOpen(!open),
       children: [
-        /* @__PURE__ */ jsxs54(
+        /* @__PURE__ */ jsxs56(
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
@@ -31299,7 +31451,7 @@ var DropdownField = (props) => {
 };
 // src/widgets/basic/fee-field/fee.tsx
-import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
 var FeeField = (props) => {
   const { value, formValues } = props;
   const { t: t3 } = useI18n();
@@ -31310,23 +31462,23 @@ var FeeField = (props) => {
     )
   ) + " VND";
   const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
-  return /* @__PURE__ */ jsxs55(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs57(Fragment24, { children: [
     value?.subtotals?.map((sub) => {
       if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
-        return /* @__PURE__ */ jsxs55(Fragment24, { children: [
-          /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
-            /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
+        return /* @__PURE__ */ jsxs57(Fragment24, { children: [
+          /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
+            /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
               sub?.name,
               ":"
             ] }),
             /* @__PURE__ */ jsx87("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
           ] }),
-          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs55(
+          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs57(
             "div",
             {
               className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
               children: [
-                /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
+                /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
                   group?.group_name,
                   ":"
                 ] }),
@@ -31338,22 +31490,22 @@ var FeeField = (props) => {
         ] });
       }
     }),
-    /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
-      /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("total"),
         ":"
       ] }),
       /* @__PURE__ */ jsx87("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
     ] }),
-    /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
-      /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("paid_amount"),
         ":"
       ] }),
       /* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
     ] }),
-    /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
-      /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("remanining_amount"),
         ":"
       ] }),
@@ -31364,7 +31516,7 @@ var FeeField = (props) => {
 // src/widgets/basic/file-upload-field/file-upload.tsx
 import { useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
-import { jsx as jsx88, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
 var RenderFile = ({
   file,
   onDelete,
@@ -31380,9 +31532,9 @@ var RenderFile = ({
     "application/vnd.ms-excel": /* @__PURE__ */ jsx88(ExcelIcon, {}),
     "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx88(ExcelIcon, {})
   };
-  return /* @__PURE__ */ jsxs56("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
+  return /* @__PURE__ */ jsxs58("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
     /* @__PURE__ */ jsx88("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
-    /* @__PURE__ */ jsxs56("div", { children: [
+    /* @__PURE__ */ jsxs58("div", { children: [
       /* @__PURE__ */ jsx88(
         "div",
         {
@@ -31395,7 +31547,7 @@ var RenderFile = ({
       ),
       /* @__PURE__ */ jsx88("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
     ] }),
-    /* @__PURE__ */ jsxs56("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
       /* @__PURE__ */ jsx88(
         "span",
         {
@@ -31465,7 +31617,7 @@ var FileUploadField = (props) => {
             );
           }
         }, [selectedFiles]);
-        return /* @__PURE__ */ jsxs56("div", { children: [
+        return /* @__PURE__ */ jsxs58("div", { children: [
           selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx88(
             RenderFile,
             {
@@ -31506,7 +31658,7 @@ var FileUploadField = (props) => {
 // src/widgets/basic/float-field/float.tsx
 import { useEffect as useEffect19, useRef as useRef16, useState as useState18 } from "react";
-import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
     name: name2,
@@ -31631,7 +31783,7 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs57(Fragment25, { children: [
+        return /* @__PURE__ */ jsxs59(Fragment25, { children: [
           /* @__PURE__ */ jsx89(
             "input",
             {
@@ -31661,7 +31813,7 @@ var FloatField = (props) => {
 // src/widgets/basic/float-time-field/float-time.tsx
 import { useState as useState19 } from "react";
-import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -31741,7 +31893,7 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs58(Fragment26, { children: [
+        return /* @__PURE__ */ jsxs60(Fragment26, { children: [
           /* @__PURE__ */ jsx90(
             "input",
             {
@@ -31851,7 +32003,7 @@ var ImageField = (props) => {
 import React16, { useEffect as useEffect21, useMemo as useMemo10 } from "react";
 // src/widgets/basic/information-field/information.tsx
-import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
@@ -31867,7 +32019,7 @@ var InfomationField = (props) => {
       stringToColor
     },
     item.id
-  )) : /* @__PURE__ */ jsxs59("div", { className: "flex gap-2 items-center w-max", children: [
+  )) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
     /* @__PURE__ */ jsx93(
       AvatarField,
       {
@@ -31883,7 +32035,7 @@ var InfomationField = (props) => {
 };
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import { jsx as jsx94, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -31892,7 +32044,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
     /* @__PURE__ */ jsx94(
       AvatarField,
       {
@@ -31924,9 +32076,9 @@ var CustomMenuList = (props) => {
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const { t: t3 } = useI18n();
   const limitedChildren = React16.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs60(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs62(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs60(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs62(
       "button",
       {
         type: "button",
@@ -32016,7 +32168,7 @@ var Many2ManyTagField = (props) => {
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs60("div", { className: "group h-full overflow-y-auto", children: [
+        return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ jsx94(
             StateManagedSelect$1,
             {
@@ -32130,7 +32282,7 @@ var Many2ManyTagField = (props) => {
 // src/widgets/basic/monetary-field/monetary.tsx
 import { useEffect as useEffect22 } from "react";
-import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32150,8 +32302,8 @@ var MonetaryField = (props) => {
     isEditTable
   } = props;
   if (isForm && name2 === "amount_residual") {
-    return /* @__PURE__ */ jsxs61("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
-      /* @__PURE__ */ jsxs61("span", { className: "font-semibold", children: [
+    return /* @__PURE__ */ jsxs63("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
+      /* @__PURE__ */ jsxs63("span", { className: "font-semibold", children: [
         string,
         ":"
       ] }),
@@ -32188,7 +32340,7 @@ var MonetaryField = (props) => {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ jsxs61(Fragment28, { children: [
+        return /* @__PURE__ */ jsxs63(Fragment28, { children: [
           /* @__PURE__ */ jsx95(
             "input",
             {
@@ -32242,7 +32394,7 @@ var PaidBadgedField = () => {
 // src/widgets/basic/priority-field/rating-star.tsx
 import React17, { useEffect as useEffect23, useState as useState20 } from "react";
-import { jsx as jsx97, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
     label,
@@ -32287,7 +32439,7 @@ var RatingStarField = (props) => {
         const starValue = index4 + 1;
         const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
         const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
-        return /* @__PURE__ */ jsxs62(React17.Fragment, { children: [
+        return /* @__PURE__ */ jsxs64(React17.Fragment, { children: [
           /* @__PURE__ */ jsx97(
             "div",
             {
@@ -32367,7 +32519,7 @@ var PriorityField = (props) => {
 // src/widgets/basic/radio-group-field/radio-group.tsx
 import { useEffect as useEffect24 } from "react";
-import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -32391,7 +32543,7 @@ var RadioGroupField = (props) => {
     {
       name: name2 ?? "",
       control: methods.control,
-      render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-1", children: [
+      render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx99(
           "input",
           {
@@ -32419,7 +32571,7 @@ var RadioGroupField = (props) => {
 // src/widgets/basic/remaining-days-field/remaining-days.tsx
 var import_moment3 = __toESM(require_moment());
-import { jsx as jsx100, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -32430,7 +32582,7 @@ var RemainingDaysField = (props) => {
   if (!value) return null;
   const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
   const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
-  return /* @__PURE__ */ jsxs64("div", { className: isForm ? "mb-4" : "", children: [
+  return /* @__PURE__ */ jsxs66("div", { className: isForm ? "mb-4" : "", children: [
     /* @__PURE__ */ jsx100(M, { id: `remainingDays_${value}`, place: "top", content: string }),
     /* @__PURE__ */ jsx100(
       "div",
@@ -32450,7 +32602,7 @@ var RemainingDaysField = (props) => {
 };
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
 var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32501,7 +32653,7 @@ var SelectDropdownField = (props) => {
             value: defaultValue || null,
             required: !invisible && required
           };
-          return /* @__PURE__ */ jsxs65(Fragment29, { children: [
+          return /* @__PURE__ */ jsxs67(Fragment29, { children: [
             /* @__PURE__ */ jsx101("div", { className: "group", children: /* @__PURE__ */ jsx101(
               StateManagedSelect$1,
               {
@@ -32613,7 +32765,7 @@ var TextAreaField = (props) => {
 };
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-import { jsx as jsx103, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs68 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -32628,7 +32780,7 @@ var ToggleButtonField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs66("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
+      render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
         /* @__PURE__ */ jsx103(
           "input",
           {
@@ -32682,7 +32834,7 @@ var ToggleButtonField = (props) => {
 // src/widgets/basic/integer-field/integer.tsx
 import { useEffect as useEffect25, useRef as useRef18, useState as useState21 } from "react";
-import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -32781,7 +32933,7 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs67(Fragment30, { children: [
+        return /* @__PURE__ */ jsxs69(Fragment30, { children: [
           /* @__PURE__ */ jsx104(
             "input",
             {
@@ -32825,7 +32977,7 @@ var IntegerField = (props) => {
 };
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-import { jsx as jsx105, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -32837,7 +32989,7 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       ref: buttonRef,
@@ -32853,14 +33005,14 @@ var StatusDropdownField = (props) => {
         ),
         isOpen && /* @__PURE__ */ jsx105("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
           const isActive = item[0] == state;
-          return /* @__PURE__ */ jsxs68(
+          return /* @__PURE__ */ jsxs70(
             "div",
             {
               className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
               onClick: () => handleClick(item[0]),
               children: [
                 /* @__PURE__ */ jsx105("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx105(CheckIcon, {}) }),
-                /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx105(
                     "div",
                     {
@@ -32880,9 +33032,9 @@ var StatusDropdownField = (props) => {
 };
 // src/widgets/basic/many2many-field/many2many.tsx
-import { createPortal as createPortal5 } from "react-dom";
+import { createPortal as createPortal6 } from "react-dom";
 import { useEffect as useEffect26 } from "react";
-import { jsx as jsx106, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32955,8 +33107,8 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return createPortal5(
-    /* @__PURE__ */ jsxs69(
+  return createPortal6(
+    /* @__PURE__ */ jsxs71(
       "div",
       {
         style: {
@@ -32965,7 +33117,7 @@ var Many2ManyField = (props) => {
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
           /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-          /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs69(
+          /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
             "div",
             {
               style: {
@@ -32973,11 +33125,11 @@ var Many2ManyField = (props) => {
               },
               className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
               children: [
-                /* @__PURE__ */ jsxs69("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+                /* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
                   /* @__PURE__ */ jsx106("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ jsx106("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx106(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ jsx106("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx106(
                     Search,
                     {
@@ -33037,7 +33189,7 @@ var Many2ManyField = (props) => {
                       "div",
                       {
                         className: `flex w-full items-center h-full overflow-auto `,
-                        children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs69(
+                        children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
@@ -33113,7 +33265,7 @@ var Many2ManyField = (props) => {
                     ) }) })
                   }
                 ) }) }) : /* @__PURE__ */ jsx106(LayerLoading, {}),
-                /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-2 mt-auto", children: [
+                /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
                   isDisplayCheckbox && /* @__PURE__ */ jsx106(
                     "button",
                     {
@@ -33162,15 +33314,15 @@ var Many2ManyField = (props) => {
 // src/widgets/basic/many2one-field/many2one.tsx
 import React18, { useEffect as useEffect27 } from "react";
-import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { t: t3 } = useI18n();
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const limitedChildren = React18.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs70(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs72(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs70(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs72(
       "button",
       {
         type: "button",
@@ -33213,7 +33365,7 @@ var Many2OneField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
-    return /* @__PURE__ */ jsxs70(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs72(Fragment31, { children: [
       allowShowDetail && renderDetail({
         idToolTip: String(name2) + Number(index4),
         model: options2?.model ?? relation,
@@ -33231,7 +33383,7 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs70(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs72(Fragment31, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
@@ -33269,7 +33421,7 @@ var Many2OneField = (props) => {
                   methods?.clearErrors(name2);
                 }
               }, [selectedOption]);
-              return /* @__PURE__ */ jsxs70("div", { className: "h-full", children: [
+              return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
                 /* @__PURE__ */ jsx107(
                   StateManagedSelect$1,
                   {
@@ -33374,7 +33526,7 @@ var Many2OneField = (props) => {
 };
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -33388,10 +33540,10 @@ var StatusbarDurationField = (props) => {
     "div",
     {
       className: `w-full items-center  rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
-      children: /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-[24px]", children: [
+      children: /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-[24px]", children: [
         /* @__PURE__ */ jsx108("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
           const value = option?.id === defaultValue;
-          return /* @__PURE__ */ jsxs71(
+          return /* @__PURE__ */ jsxs73(
             "label",
             {
               onClick: () => !disabled && handleClick(option.id),
@@ -33426,7 +33578,7 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ jsxs71(
+        ) && /* @__PURE__ */ jsxs73(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
@@ -33464,7 +33616,7 @@ var StatusbarDurationField = (props) => {
 // src/widgets/basic/status-bar-field/option/option.tsx
 import { useMemo as useMemo11 } from "react";
-import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
   const memoizedStatusOptions = useMemo11(() => selection, [selection]);
@@ -33480,8 +33632,8 @@ var StatusBarOptionField = (props) => {
         flexWrap: "wrap"
       },
       children: memoizedStatusOptions?.map((option, index4) => {
-        return /* @__PURE__ */ jsxs72(Fragment32, { children: [
-          /* @__PURE__ */ jsxs72(
+        return /* @__PURE__ */ jsxs74(Fragment32, { children: [
+          /* @__PURE__ */ jsxs74(
             "div",
             {
               style: {
@@ -33600,7 +33752,7 @@ var ICCheck = () => {
 };
 // src/widgets/basic/date-option-field/date-option.tsx
-import { jsx as jsx110, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -33616,7 +33768,7 @@ var DateOptionField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsxs73(
+      render: ({ field }) => /* @__PURE__ */ jsxs75(
         "label",
         {
           className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm