@fctc/sme-widget-ui 1.9.7 → 1.9.8

package/dist/widgets.mjs

@@ -8667,33 +8667,78 @@ var DownloadIcon = () => {
 };
 
 // src/icons/excel-icon.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var ExcelIcon = () => {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs5(
     "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__ */ jsx17(
-        "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__ */ jsx17(
+          "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__ */ jsx17(
+          "path",
+          {
+            d: "M18 6H22.5L16.5 0V4.5C16.5 5.325 17.175 6 18 6Z",
+            fill: "#C6C6C6"
+          }
+        ),
+        /* @__PURE__ */ jsx17("path", { d: "M22.5 10.5L18 6H22.5V10.5Z", fill: "#DCDCDC" }),
+        /* @__PURE__ */ jsx17(
+          "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__ */ jsx17(
+          "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__ */ jsx17(
+          "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__ */ jsx17(
+          "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__ */ jsx17(
+          "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 jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 
 // src/icons/eye-icon.tsx
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
-var EyeIcon = () => /* @__PURE__ */ jsxs6(
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+var EyeIcon = () => /* @__PURE__ */ jsxs7(
   "svg",
   {
     width: "20",
@@ -8744,9 +8789,9 @@ var FilterIcon = ({ className }) => {
 };
 
 // src/icons/groupby-icon.tsx
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 var GroupByIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8769,15 +8814,15 @@ var GroupByIcon = ({ className }) => {
 };
 
 // src/icons/kanban-icon.tsx
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/icons/list-icon.tsx
-import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 
 // src/icons/more-icon.tsx
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var MoreIcon = () => {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       width: "24px",
@@ -8822,23 +8867,68 @@ var MoreIcon = () => {
 };
 
 // src/icons/pdf-icon.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var PdfIcon = () => {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs12(
     "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__ */ jsx25(
-        "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__ */ jsx25(
+          "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__ */ jsx25(
+          "path",
+          {
+            d: "M18.1992 6H22.6992L16.6992 0V4.5C16.6992 5.325 17.3742 6 18.1992 6Z",
+            fill: "#C6C6C6"
+          }
+        ),
+        /* @__PURE__ */ jsx25("path", { d: "M22.6992 10.5L18.1992 6H22.6992V10.5Z", fill: "#DCDCDC" }),
+        /* @__PURE__ */ jsx25(
+          "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__ */ jsx25(
+          "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__ */ jsx25(
+          "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__ */ jsx25(
+          "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__ */ jsx25(
+          "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"
+          }
+        )
+      ]
     }
   );
 };
@@ -8866,7 +8956,7 @@ var PlayIcon = () => {
 };
 
 // src/icons/reset-icon.tsx
-import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/icons/search-icon.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
@@ -8891,7 +8981,7 @@ var SearchIcon = () => {
 };
 
 // src/icons/setting-icon.tsx
-import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // src/icons/star-filled-icon.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
@@ -8937,12 +9027,12 @@ var TriangleIcon = (props) => /* @__PURE__ */ jsx31(
 import { jsx as jsx32 } from "react/jsx-runtime";
 
 // src/icons/vector-icon.tsx
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
 
 // src/icons/zip-icon.tsx
-import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 var ZipIcon = () => {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "svg",
     {
       width: "40",
@@ -8951,8 +9041,8 @@ var ZipIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs14("g", { clipPath: "url(#clip0_3042_66427)", children: [
-          /* @__PURE__ */ jsxs14("g", { filter: "url(#filter0_di_3042_66427)", children: [
+        /* @__PURE__ */ jsxs16("g", { clipPath: "url(#clip0_3042_66427)", children: [
+          /* @__PURE__ */ jsxs16("g", { filter: "url(#filter0_di_3042_66427)", children: [
             /* @__PURE__ */ jsx34(
               "path",
               {
@@ -8977,7 +9067,7 @@ var ZipIcon = () => {
               strokeWidth: "1.5"
             }
           ),
-          /* @__PURE__ */ jsxs14("g", { filter: "url(#filter1_i_3042_66427)", children: [
+          /* @__PURE__ */ jsxs16("g", { filter: "url(#filter1_i_3042_66427)", children: [
             /* @__PURE__ */ jsx34("mask", { id: "path-4-inside-1_3042_66427", fill: "white", children: /* @__PURE__ */ jsx34("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__ */ jsx34(
               "path",
@@ -9004,8 +9094,8 @@ var ZipIcon = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("defs", { children: [
-          /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs16("defs", { children: [
+          /* @__PURE__ */ jsxs16(
             "filter",
             {
               id: "filter0_di_3042_66427",
@@ -9083,7 +9173,7 @@ var ZipIcon = () => {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsxs16(
             "filter",
             {
               id: "filter1_i_3042_66427",
@@ -9142,7 +9232,7 @@ var ZipIcon = () => {
 };
 
 // src/icons/loading-icon.tsx
-import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 var LoadingIcon = ({
   width = 15,
   height = 15,
@@ -9163,7 +9253,7 @@ var LoadingIcon = ({
         background: "transparent"
       },
       ...props,
-      children: /* @__PURE__ */ jsxs15("g", { children: [
+      children: /* @__PURE__ */ jsxs17("g", { children: [
         /* @__PURE__ */ jsx35(
           "circle",
           {
@@ -9194,8 +9284,8 @@ var LoadingIcon = ({
 };
 
 // src/icons/paid-icon.tsx
-import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
-var PaidIcon = () => /* @__PURE__ */ jsxs16(
+import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+var PaidIcon = () => /* @__PURE__ */ jsxs18(
   "svg",
   {
     width: "208",
@@ -9204,7 +9294,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs16(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsxs16("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
+      /* @__PURE__ */ jsxs18("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
         /* @__PURE__ */ jsx36(
           "path",
           {
@@ -9280,8 +9370,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs16(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("defs", { children: [
-        /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs18("defs", { children: [
+        /* @__PURE__ */ jsxs18(
           "filter",
           {
             id: "filter0_d_615_26793",
@@ -9378,13 +9468,13 @@ var PlaceHolderIcon = () => {
 };
 
 // src/icons/google-icon.tsx
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var GoogleIcon = ({
   width = 20,
   height = 20,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9429,9 +9519,9 @@ var GoogleIcon = ({
 };
 
 // src/icons/eye-closed-icon.tsx
-import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var EyeClosedIcon = () => {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     "svg",
     {
       width: "20",
@@ -9496,13 +9586,13 @@ var DeleteIconDanger = () => {
 };
 
 // src/icons/image-icon.tsx
-import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/icons/video-icon.tsx
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 
 // 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 {
@@ -9552,8 +9642,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,
@@ -9566,13 +9656,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,
                         {
@@ -9659,7 +9749,7 @@ var TableGroup = (props) => {
 
 // src/widgets/advanced/table/table-row.tsx
 import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2 } 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,
@@ -9730,7 +9820,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",
           {
@@ -10131,7 +10221,7 @@ function useFileInfo(source, options2) {
 }
 
 // src/widgets/advanced/table/table-filter.tsx
-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);
@@ -10163,7 +10253,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       window.removeEventListener("resize", updatePosition);
     };
   }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: filterRef,
@@ -10180,7 +10270,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
             onClick: () => {
               setOpenTableFilter(!openTableFilter);
             },
-            children: /* @__PURE__ */ jsxs23(
+            children: /* @__PURE__ */ jsxs25(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10248,7 +10338,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",
                     {
@@ -10279,14 +10369,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",
@@ -10296,7 +10386,7 @@ var TableFooter = ({ onAddRow, rows }) => {
           },
           className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
           children: [
-            /* @__PURE__ */ jsxs24(
+            /* @__PURE__ */ jsxs26(
               "svg",
               {
                 style: {
@@ -12136,7 +12226,7 @@ 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 { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
     handleCheckBoxAll,
@@ -12146,7 +12236,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: {
@@ -12178,9 +12268,9 @@ var TableHead = (props) => {
             "th",
             {
               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: [
+                col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
                   /* @__PURE__ */ jsx48(
                     M,
                     {
@@ -12242,9 +12332,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",
@@ -12253,7 +12343,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",
@@ -12573,12 +12663,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") })
     ] })
@@ -14421,7 +14511,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,
@@ -14435,12 +14525,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}`,
@@ -14477,7 +14567,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,
@@ -14503,8 +14593,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",
         {
@@ -14532,7 +14622,7 @@ var loginSchema = z2.object({
 });
 
 // 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,
@@ -14552,15 +14642,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,
               {
@@ -14609,7 +14699,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" })
     ] })
@@ -14617,10 +14707,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",
@@ -14642,22 +14732,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,
       {
@@ -14682,7 +14772,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,
@@ -14703,13 +14793,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") })
               ] }),
@@ -14721,7 +14811,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)]"}`,
@@ -14757,15 +14847,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: () => {
@@ -14809,7 +14899,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,
@@ -14820,16 +14910,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"),
                     " "
@@ -14866,15 +14956,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: [
                         " ",
                         "> ",
                         " "
@@ -14912,7 +15002,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,
@@ -14934,7 +15024,7 @@ var SearchList = ({
           if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
             return;
         }
-        return /* @__PURE__ */ jsxs36(
+        return /* @__PURE__ */ jsxs38(
           "button",
           {
             onClick: () => {
@@ -14981,7 +15071,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,
@@ -15098,14 +15188,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,
             {
@@ -15138,8 +15228,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`,
@@ -15193,7 +15283,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,
@@ -15211,10 +15301,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`,
@@ -15240,7 +15330,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,
@@ -15254,7 +15344,7 @@ var ModalConfirm = ({
   const renderButtonAction = (name3) => {
     switch (name3) {
       case "duplicate":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15268,7 +15358,7 @@ var ModalConfirm = ({
           }
         );
       case "archive":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15282,7 +15372,7 @@ var ModalConfirm = ({
           }
         );
       case "unarchive":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15296,7 +15386,7 @@ var ModalConfirm = ({
           }
         );
       case "delete":
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -15313,12 +15403,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",
         {
@@ -15336,7 +15426,7 @@ 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 { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
   title,
@@ -15359,11 +15449,11 @@ var ModalDetail = ({
     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: [
+    /* @__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",
@@ -15398,7 +15488,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);
@@ -15408,7 +15498,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",
       {
@@ -15626,7 +15716,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,
@@ -15730,8 +15820,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",
@@ -15760,7 +15850,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);
@@ -15787,7 +15877,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",
       {
@@ -15806,7 +15896,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,
@@ -15830,7 +15920,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,
       {
@@ -15872,7 +15962,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,
@@ -15910,7 +16000,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",
                 {
@@ -15943,7 +16033,7 @@ var BinaryField = (props) => {
                   children: /* @__PURE__ */ jsx72(DeleteIcon, {})
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs45(
+            ] }) : /* @__PURE__ */ jsxs47(
               "label",
               {
                 htmlFor: inputId,
@@ -16086,7 +16176,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,
@@ -16106,7 +16196,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ jsxs46(
+  ) : /* @__PURE__ */ jsxs48(
     "button",
     {
       type,
@@ -16123,7 +16213,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 {
@@ -16207,7 +16297,7 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ jsxs47(Fragment17, { children: [
+        return /* @__PURE__ */ jsxs49(Fragment17, { children: [
           /* @__PURE__ */ jsx75(
             "input",
             {
@@ -16351,7 +16441,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,
@@ -16378,7 +16468,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",
       {
@@ -16402,7 +16492,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",
       {
@@ -16459,7 +16549,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,
@@ -16498,8 +16588,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,
@@ -20502,7 +20592,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
@@ -20900,7 +20990,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,
@@ -30316,7 +30406,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,
@@ -30344,7 +30434,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",
         {
@@ -30387,7 +30477,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,
               {
@@ -30454,7 +30544,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs51(
+                }) => /* @__PURE__ */ jsxs53(
                   "div",
                   {
                     style: {
@@ -30547,11 +30637,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",
@@ -30566,7 +30656,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,
@@ -30578,8 +30668,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,
@@ -30614,7 +30704,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,
@@ -30628,14 +30718,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}`,
@@ -30671,7 +30761,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();
@@ -30682,23 +30772,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,
                   ":"
                 ] }),
@@ -30710,22 +30800,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"),
         ":"
       ] }),
@@ -30736,7 +30826,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,
@@ -30752,9 +30842,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",
         {
@@ -30767,7 +30857,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",
         {
@@ -30837,7 +30927,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,
             {
@@ -30878,7 +30968,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,
@@ -31003,7 +31093,7 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs57(Fragment25, { children: [
+        return /* @__PURE__ */ jsxs59(Fragment25, { children: [
           /* @__PURE__ */ jsx89(
             "input",
             {
@@ -31033,7 +31123,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,
@@ -31113,7 +31203,7 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs58(Fragment26, { children: [
+        return /* @__PURE__ */ jsxs60(Fragment26, { children: [
           /* @__PURE__ */ jsx90(
             "input",
             {
@@ -31223,7 +31313,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) {
@@ -31239,7 +31329,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,
       {
@@ -31255,7 +31345,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;
@@ -31264,7 +31354,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,
       {
@@ -31296,9 +31386,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",
@@ -31388,7 +31478,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,
             {
@@ -31502,7 +31592,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 {
@@ -31522,8 +31612,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,
         ":"
       ] }),
@@ -31560,7 +31650,7 @@ var MonetaryField = (props) => {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ jsxs61(Fragment28, { children: [
+        return /* @__PURE__ */ jsxs63(Fragment28, { children: [
           /* @__PURE__ */ jsx95(
             "input",
             {
@@ -31614,7 +31704,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,
@@ -31659,7 +31749,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",
             {
@@ -31739,7 +31829,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,
@@ -31763,7 +31853,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",
           {
@@ -31791,7 +31881,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,
@@ -31802,7 +31892,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",
@@ -31822,7 +31912,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 {
@@ -31873,7 +31963,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,
               {
@@ -31985,7 +32075,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,
@@ -32000,7 +32090,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",
           {
@@ -32054,7 +32144,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,
@@ -32153,7 +32243,7 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs67(Fragment30, { children: [
+        return /* @__PURE__ */ jsxs69(Fragment30, { children: [
           /* @__PURE__ */ jsx104(
             "input",
             {
@@ -32197,7 +32287,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,
@@ -32209,7 +32299,7 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       ref: buttonRef,
@@ -32225,14 +32315,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",
                     {
@@ -32254,7 +32344,7 @@ var StatusDropdownField = (props) => {
 // src/widgets/basic/many2many-field/many2many.tsx
 import { createPortal as createPortal5 } 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 {
@@ -32328,7 +32418,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return createPortal5(
-    /* @__PURE__ */ jsxs69(
+    /* @__PURE__ */ jsxs71(
       "div",
       {
         style: {
@@ -32337,7 +32427,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: {
@@ -32345,11 +32435,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,
                     {
@@ -32409,7 +32499,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 `,
@@ -32485,7 +32575,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",
                     {
@@ -32534,15 +32624,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",
@@ -32585,7 +32675,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,
@@ -32603,7 +32693,7 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs70(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs72(Fragment31, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
@@ -32641,7 +32731,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,
                   {
@@ -32746,7 +32836,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,
@@ -32760,10 +32850,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),
@@ -32798,7 +32888,7 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ jsxs71(
+        ) && /* @__PURE__ */ jsxs73(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
@@ -32836,7 +32926,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]);
@@ -32852,8 +32942,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: {
@@ -32972,7 +33062,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,
@@ -32988,7 +33078,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