@fctc/sme-widget-ui 1.9.6 → 1.9.7

package/dist/widgets.mjs

@@ -8667,213 +8667,33 @@ var DownloadIcon = () => {
 };
 
 // src/icons/excel-icon.tsx
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var ExcelIcon = () => {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx17(
     "svg",
     {
-      width: "40",
-      height: "40",
-      viewBox: "0 0 40 40",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsxs5("g", { clipPath: "url(#clip0_3263_110998)", children: [
-          /* @__PURE__ */ jsxs5("g", { filter: "url(#filter0_di_3263_110998)", children: [
-            /* @__PURE__ */ jsx17(
-              "path",
-              {
-                d: "M30 40H10C6.68629 40 4 37.3137 4 34V6C4 2.68629 6.68629 0 10 0H20.5147C22.106 0 23.6321 0.632142 24.7574 1.75736L34.2426 11.2426C35.3679 12.3679 36 13.894 36 15.4853V34C36 37.3137 33.3137 40 30 40Z",
-                fill: "white"
-              }
-            ),
-            /* @__PURE__ */ jsx17(
-              "path",
-              {
-                d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
-                stroke: "#E5E5E5",
-                strokeWidth: "1.5"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx17(
-            "path",
-            {
-              d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
-              stroke: "#E5E5E5",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ jsxs5("g", { filter: "url(#filter1_i_3263_110998)", children: [
-            /* @__PURE__ */ jsx17("mask", { id: "path-4-inside-1_3263_110998", fill: "white", children: /* @__PURE__ */ jsx17("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
-            /* @__PURE__ */ jsx17(
-              "path",
-              {
-                d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z",
-                fill: "#11A52B"
-              }
-            ),
-            /* @__PURE__ */ jsx17(
-              "path",
-              {
-                d: "M-1 22C-1 19.2386 1.23858 17 4 17H29C31.7614 17 34 19.2386 34 22H32C32 20.3431 30.6569 19 29 19H4C2.34315 19 1 20.3431 1 22H-1ZM33 34H0H33ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM29 17C31.7614 17 34 19.2386 34 22V29C34 31.7614 31.7614 34 29 34C30.6569 34 32 32.2091 32 30V22C32 20.3431 30.6569 19 29 19V17Z",
-                fill: "black",
-                fillOpacity: "0.08",
-                mask: "url(#path-4-inside-1_3263_110998)"
-              }
-            ),
-            /* @__PURE__ */ jsx17(
-              "path",
-              {
-                d: "M4.81818 22.7273L6.41974 25.3906H6.47656L8.08523 22.7273H9.58736L7.34659 26.3636L9.62287 30H8.09588L6.47656 27.3544H6.41974L4.80043 30H3.28054L5.57812 26.3636L3.30895 22.7273H4.81818ZM10.8216 30V22.7273H12.1391V28.8956H15.3422V30H10.8216ZM20.6381 24.7266C20.605 24.4164 20.4653 24.175 20.2191 24.0021C19.9752 23.8293 19.658 23.7429 19.2674 23.7429C18.9927 23.7429 18.7572 23.7843 18.5607 23.8672C18.3642 23.95 18.2139 24.0625 18.1097 24.2045C18.0055 24.3466 17.9523 24.5088 17.9499 24.6911C17.9499 24.8426 17.9842 24.974 18.0529 25.0852C18.1239 25.1965 18.2198 25.2912 18.3405 25.3693C18.4613 25.4451 18.595 25.509 18.7418 25.5611C18.8886 25.6132 19.0365 25.657 19.1857 25.6925L19.8675 25.8629C20.1421 25.9268 20.4061 26.0133 20.6594 26.1222C20.9151 26.2311 21.1435 26.3684 21.3448 26.5341C21.5484 26.6998 21.7094 26.8999 21.8277 27.1342C21.9461 27.3686 22.0053 27.6432 22.0053 27.9581C22.0053 28.3842 21.8964 28.7595 21.6786 29.0838C21.4608 29.4058 21.1459 29.6579 20.734 29.8402C20.3244 30.0201 19.8284 30.1101 19.2461 30.1101C18.6802 30.1101 18.189 30.0225 17.7723 29.8473C17.358 29.6721 17.0337 29.4164 16.7993 29.0803C16.5673 28.7441 16.4418 28.3345 16.4229 27.8516H17.7191C17.738 28.1049 17.8161 28.3156 17.9534 28.4837C18.0908 28.6518 18.2695 28.7772 18.4897 28.8601C18.7122 28.9429 18.9608 28.9844 19.2354 28.9844C19.5219 28.9844 19.7728 28.9418 19.9882 28.8565C20.206 28.7689 20.3765 28.6482 20.4996 28.4943C20.6227 28.3381 20.6855 28.1558 20.6878 27.9474C20.6855 27.758 20.6298 27.6018 20.5209 27.4787C20.412 27.3532 20.2593 27.2491 20.0628 27.1662C19.8687 27.081 19.6414 27.0052 19.381 26.9389L18.5536 26.7259C17.9546 26.572 17.4811 26.3388 17.1331 26.0263C16.7875 25.7114 16.6147 25.2936 16.6147 24.7727C16.6147 24.3442 16.7307 23.969 16.9627 23.647C17.1971 23.325 17.5155 23.0753 17.9179 22.8977C18.3204 22.7178 18.7761 22.6278 19.2851 22.6278C19.8012 22.6278 20.2534 22.7178 20.6417 22.8977C21.0323 23.0753 21.3389 23.3227 21.5614 23.6399C21.7839 23.9548 21.8988 24.317 21.9059 24.7266H20.6381ZM24.4807 22.7273L26.0822 25.3906H26.1391L27.7477 22.7273H29.2499L27.0091 26.3636L29.2854 30H27.7584L26.1391 27.3544H26.0822L24.4629 30H22.943L25.2406 26.3636L22.9714 22.7273H24.4807Z",
-                fill: "white"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs5("defs", { children: [
-          /* @__PURE__ */ jsxs5(
-            "filter",
-            {
-              id: "filter0_di_3263_110998",
-              x: "2",
-              y: "-4",
-              width: "36",
-              height: "47",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ jsx17("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx17("feOffset", { dy: "1" }),
-                /* @__PURE__ */ jsx17("feGaussianBlur", { stdDeviation: "1" }),
-                /* @__PURE__ */ jsx17("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_3263_110998"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect1_dropShadow_3263_110998",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx17("feOffset", { dy: "-4" }),
-                /* @__PURE__ */ jsx17("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ jsx17("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect2_innerShadow_3263_110998"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs5(
-            "filter",
-            {
-              id: "filter1_i_3263_110998",
-              x: "0",
-              y: "18",
-              width: "33",
-              height: "20",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ jsx17("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx17(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "BackgroundImageFix",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx17("feOffset", { dy: "4" }),
-                /* @__PURE__ */ jsx17("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ jsx17("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx17(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx17(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect1_innerShadow_3263_110998"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx17("clipPath", { id: "clip0_3263_110998", children: /* @__PURE__ */ jsx17("rect", { width: "40", height: "40", fill: "white" }) })
-        ] })
-      ]
+      width: "19",
+      height: "10",
+      viewBox: "0 0 19 10",
+      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"
+        }
+      )
     }
   );
 };
 
 // src/icons/export-icon.tsx
-import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/icons/eye-icon.tsx
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
-var EyeIcon = () => /* @__PURE__ */ jsxs7(
+import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+var EyeIcon = () => /* @__PURE__ */ jsxs6(
   "svg",
   {
     width: "20",
@@ -8924,9 +8744,9 @@ var FilterIcon = ({ className }) => {
 };
 
 // src/icons/groupby-icon.tsx
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
 var GroupByIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8949,15 +8769,15 @@ var GroupByIcon = ({ className }) => {
 };
 
 // src/icons/kanban-icon.tsx
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
 
 // src/icons/list-icon.tsx
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/icons/more-icon.tsx
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 var MoreIcon = () => {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "24px",
@@ -9002,203 +8822,23 @@ var MoreIcon = () => {
 };
 
 // src/icons/pdf-icon.tsx
-import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var PdfIcon = () => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx25(
     "svg",
     {
-      width: "40",
-      height: "40",
-      viewBox: "0 0 40 40",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsxs12("g", { clipPath: "url(#clip0_2648_1158)", children: [
-          /* @__PURE__ */ jsxs12("g", { filter: "url(#filter0_di_2648_1158)", children: [
-            /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M30 40H10C6.68629 40 4 37.3137 4 34V6C4 2.68629 6.68629 0 10 0H20.5147C22.106 0 23.6321 0.632142 24.7574 1.75736L34.2426 11.2426C35.3679 12.3679 36 13.894 36 15.4853V34C36 37.3137 33.3137 40 30 40Z",
-                fill: "white"
-              }
-            ),
-            /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
-                stroke: "#CDD0D5",
-                strokeWidth: "1.5"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx25(
-            "path",
-            {
-              d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
-              stroke: "#CDD0D5",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ jsxs12("g", { filter: "url(#filter1_i_2648_1158)", children: [
-            /* @__PURE__ */ jsx25("mask", { id: "path-4-inside-1_2648_1158", fill: "white", children: /* @__PURE__ */ jsx25("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
-            /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z",
-                fill: "#DF1C41"
-              }
-            ),
-            /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M-1 22C-1 19.2386 1.23858 17 4 17H24C26.7614 17 29 19.2386 29 22H27C27 20.3431 25.6569 19 24 19H4C2.34315 19 1 20.3431 1 22H-1ZM28 34H0H28ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM24 17C26.7614 17 29 19.2386 29 22V29C29 31.7614 26.7614 34 24 34C25.6569 34 27 32.2091 27 30V22C27 20.3431 25.6569 19 24 19V17Z",
-                fill: "black",
-                fillOpacity: "0.08",
-                mask: "url(#path-4-inside-1_2648_1158)"
-              }
-            ),
-            /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M3.78906 30V22H6.78906C7.40365 22 7.91927 22.1146 8.33594 22.3437C8.75521 22.5729 9.07161 22.888 9.28516 23.2891C9.5013 23.6875 9.60938 24.1406 9.60938 24.6484C9.60938 25.1615 9.5013 25.6172 9.28516 26.0156C9.06901 26.4141 8.75 26.7279 8.32812 26.957C7.90625 27.1836 7.38672 27.2969 6.76953 27.2969H4.78125V26.1055H6.57422C6.93359 26.1055 7.22786 26.043 7.45703 25.918C7.6862 25.793 7.85547 25.6211 7.96484 25.4023C8.07682 25.1836 8.13281 24.9323 8.13281 24.6484C8.13281 24.3646 8.07682 24.1146 7.96484 23.8984C7.85547 23.6823 7.6849 23.5143 7.45313 23.3945C7.22396 23.2721 6.92839 23.2109 6.56641 23.2109H5.23828V30H3.78906ZM13.7991 30H11.0882V22H13.8538C14.6481 22 15.3304 22.1602 15.9007 22.4805C16.4736 22.7982 16.9137 23.2552 17.221 23.8516C17.5283 24.4479 17.6819 25.1615 17.6819 25.9922C17.6819 26.8255 17.527 27.5417 17.2171 28.1406C16.9098 28.7396 16.4658 29.1992 15.885 29.5195C15.3069 29.8398 14.6116 30 13.7991 30ZM12.5374 28.7461H13.7288C14.2861 28.7461 14.7509 28.6445 15.1233 28.4414C15.4957 28.2357 15.7757 27.9297 15.9632 27.5234C16.1507 27.1146 16.2444 26.6042 16.2444 25.9922C16.2444 25.3802 16.1507 24.8724 15.9632 24.4687C15.7757 24.0625 15.4983 23.7591 15.1311 23.5586C14.7665 23.3555 14.3134 23.2539 13.7718 23.2539H12.5374V28.7461ZM19.2789 30V22H24.4039V23.2148H20.7281V25.3867H24.0523V26.6016H20.7281V30H19.2789Z",
-                fill: "white"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs12("defs", { children: [
-          /* @__PURE__ */ jsxs12(
-            "filter",
-            {
-              id: "filter0_di_2648_1158",
-              x: "2",
-              y: "-4",
-              width: "36",
-              height: "47",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ jsx25("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx25("feOffset", { dy: "1" }),
-                /* @__PURE__ */ jsx25("feGaussianBlur", { stdDeviation: "1" }),
-                /* @__PURE__ */ jsx25("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_2648_1158"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect1_dropShadow_2648_1158",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx25("feOffset", { dy: "-4" }),
-                /* @__PURE__ */ jsx25("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ jsx25("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect2_innerShadow_2648_1158"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs12(
-            "filter",
-            {
-              id: "filter1_i_2648_1158",
-              x: "0",
-              y: "18",
-              width: "28",
-              height: "20",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ jsx25("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx25(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "BackgroundImageFix",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ jsx25("feOffset", { dy: "4" }),
-                /* @__PURE__ */ jsx25("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ jsx25("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx25(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx25(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect1_innerShadow_2648_1158"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx25("clipPath", { id: "clip0_2648_1158", children: /* @__PURE__ */ jsx25("rect", { width: "40", height: "40", fill: "white" }) })
-        ] })
-      ]
+      width: "19",
+      height: "10",
+      viewBox: "0 0 19 10",
+      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"
+        }
+      )
     }
   );
 };
@@ -9226,7 +8866,7 @@ var PlayIcon = () => {
 };
 
 // src/icons/reset-icon.tsx
-import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
 
 // src/icons/search-icon.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
@@ -9251,7 +8891,7 @@ var SearchIcon = () => {
 };
 
 // src/icons/setting-icon.tsx
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
 
 // src/icons/star-filled-icon.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
@@ -9297,12 +8937,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 jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/icons/zip-icon.tsx
-import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
 var ZipIcon = () => {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs14(
     "svg",
     {
       width: "40",
@@ -9311,8 +8951,8 @@ var ZipIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs16("g", { clipPath: "url(#clip0_3042_66427)", children: [
-          /* @__PURE__ */ jsxs16("g", { filter: "url(#filter0_di_3042_66427)", children: [
+        /* @__PURE__ */ jsxs14("g", { clipPath: "url(#clip0_3042_66427)", children: [
+          /* @__PURE__ */ jsxs14("g", { filter: "url(#filter0_di_3042_66427)", children: [
             /* @__PURE__ */ jsx34(
               "path",
               {
@@ -9337,7 +8977,7 @@ var ZipIcon = () => {
               strokeWidth: "1.5"
             }
           ),
-          /* @__PURE__ */ jsxs16("g", { filter: "url(#filter1_i_3042_66427)", children: [
+          /* @__PURE__ */ jsxs14("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",
@@ -9364,8 +9004,8 @@ var ZipIcon = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("defs", { children: [
-          /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs14("defs", { children: [
+          /* @__PURE__ */ jsxs14(
             "filter",
             {
               id: "filter0_di_3042_66427",
@@ -9443,7 +9083,7 @@ var ZipIcon = () => {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs14(
             "filter",
             {
               id: "filter1_i_3042_66427",
@@ -9502,7 +9142,7 @@ var ZipIcon = () => {
 };
 
 // src/icons/loading-icon.tsx
-import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
 var LoadingIcon = ({
   width = 15,
   height = 15,
@@ -9523,7 +9163,7 @@ var LoadingIcon = ({
         background: "transparent"
       },
       ...props,
-      children: /* @__PURE__ */ jsxs17("g", { children: [
+      children: /* @__PURE__ */ jsxs15("g", { children: [
         /* @__PURE__ */ jsx35(
           "circle",
           {
@@ -9554,8 +9194,8 @@ var LoadingIcon = ({
 };
 
 // src/icons/paid-icon.tsx
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
-var PaidIcon = () => /* @__PURE__ */ jsxs18(
+import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+var PaidIcon = () => /* @__PURE__ */ jsxs16(
   "svg",
   {
     width: "208",
@@ -9564,7 +9204,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs18(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsxs18("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
+      /* @__PURE__ */ jsxs16("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
         /* @__PURE__ */ jsx36(
           "path",
           {
@@ -9640,8 +9280,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs18(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("defs", { children: [
-        /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsxs16("defs", { children: [
+        /* @__PURE__ */ jsxs16(
           "filter",
           {
             id: "filter0_d_615_26793",
@@ -9738,13 +9378,13 @@ var PlaceHolderIcon = () => {
 };
 
 // src/icons/google-icon.tsx
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
 var GoogleIcon = ({
   width = 20,
   height = 20,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9789,9 +9429,9 @@ var GoogleIcon = ({
 };
 
 // src/icons/eye-closed-icon.tsx
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
 var EyeClosedIcon = () => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs18(
     "svg",
     {
       width: "20",
@@ -9856,13 +9496,13 @@ var DeleteIconDanger = () => {
 };
 
 // src/icons/image-icon.tsx
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/icons/video-icon.tsx
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
 
 // src/widgets/advanced/table/table-group.tsx
-import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
 var TableGroup = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -9912,8 +9552,8 @@ var TableGroup = (props) => {
     setSelectedRowKeys
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
+    /* @__PURE__ */ jsxs21(
       "tr",
       {
         draggable: true,
@@ -9926,13 +9566,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__ */ jsxs23(
+              children: /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   style: { paddingLeft: leftPadding },
                   className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
                   children: [
-                    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ jsx43(
                         TriangleIcon,
                         {
@@ -10019,7 +9659,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 jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
 var Row = (props) => {
   const {
     row,
@@ -10090,7 +9730,7 @@ var Row = (props) => {
     {
       "data-row-id": row?.id,
       className: `border-b border-[#e8e8e8] cursor-pointer`,
-      children: /* @__PURE__ */ jsxs24(Fragment3, { children: [
+      children: /* @__PURE__ */ jsxs22(Fragment3, { children: [
         isDisplayCheckbox && /* @__PURE__ */ jsx44(
           "td",
           {
@@ -10491,7 +10131,7 @@ function useFileInfo(source, options2) {
 }
 
 // src/widgets/advanced/table/table-filter.tsx
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
 var TableFilter = ({ columns, onToggleColumnOptional }) => {
   const [openTableFilter, setOpenTableFilter] = useState4();
   const [filterPosition, setFilterPosition] = useState4(null);
@@ -10523,7 +10163,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       window.removeEventListener("resize", updatePosition);
     };
   }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ref: filterRef,
@@ -10540,7 +10180,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
             onClick: () => {
               setOpenTableFilter(!openTableFilter);
             },
-            children: /* @__PURE__ */ jsxs25(
+            children: /* @__PURE__ */ jsxs23(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10608,7 +10248,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__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+                return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx46(
                     "input",
                     {
@@ -10639,14 +10279,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
 };
 
 // src/widgets/advanced/table/table-footer.tsx
-import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs24 } 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__ */ jsxs26(
+      children: /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -10656,7 +10296,7 @@ var TableFooter = ({ onAddRow, rows }) => {
           },
           className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
           children: [
-            /* @__PURE__ */ jsxs26(
+            /* @__PURE__ */ jsxs24(
               "svg",
               {
                 style: {
@@ -12496,7 +12136,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 jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
     handleCheckBoxAll,
@@ -12506,7 +12146,7 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsx48("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs25(
     "tr",
     {
       style: {
@@ -12538,9 +12178,9 @@ var TableHead = (props) => {
             "th",
             {
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
-              children: /* @__PURE__ */ jsxs27("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
+              children: /* @__PURE__ */ jsxs25("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
-                col?.field?.help && /* @__PURE__ */ jsxs27(Fragment4, { children: [
+                col?.field?.help && /* @__PURE__ */ jsxs25(Fragment4, { children: [
                   /* @__PURE__ */ jsx48(
                     M,
                     {
@@ -12602,9 +12242,9 @@ var TableHead = (props) => {
 };
 
 // src/icons/empty-table-icon.tsx
-import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 var IcEmptyTable = () => {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs26(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -12613,7 +12253,7 @@ var IcEmptyTable = () => {
       viewBox: "0 0 216 140",
       fill: "none",
       children: [
-        /* @__PURE__ */ jsxs28("g", { clipPath: "url(#clip0_2454_28950)", children: [
+        /* @__PURE__ */ jsxs26("g", { clipPath: "url(#clip0_2454_28950)", children: [
           /* @__PURE__ */ jsx49("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
           /* @__PURE__ */ jsx49(
             "path",
@@ -12933,12 +12573,12 @@ var IcEmptyTable = () => {
 };
 
 // src/widgets/advanced/table/empty-table.tsx
-import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
 var EmptyTable = () => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs29("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
+  return /* @__PURE__ */ jsxs27("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
     /* @__PURE__ */ jsx50(IcEmptyTable, {}),
-    /* @__PURE__ */ jsxs29("div", { children: [
+    /* @__PURE__ */ jsxs27("div", { children: [
       /* @__PURE__ */ jsx50("p", {}),
       /* @__PURE__ */ jsx50("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
     ] })
@@ -14781,7 +14421,7 @@ Button.displayName = "Button";
 
 // src/widgets/advanced/login/shared/text-input.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
 function TextInput(props) {
   const {
     className,
@@ -14795,12 +14435,12 @@ function TextInput(props) {
     required
   } = props;
   const [showPassword, setShowPassword] = useState5(false);
-  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: [
+  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: [
       label,
       required ? /* @__PURE__ */ jsx52("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
     ] }),
-    /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsxs28(
       "div",
       {
         className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
@@ -14837,7 +14477,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 jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
   forgotPasswordUrl,
@@ -14863,8 +14503,8 @@ function FormOptions({
   useEffect7(() => {
     localStorage.setItem(STAY_LOGIN_IN, "false");
   }, []);
-  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: [
+  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: [
       /* @__PURE__ */ jsx53(
         "input",
         {
@@ -14892,7 +14532,7 @@ var loginSchema = z2.object({
 });
 
 // src/widgets/advanced/login/provider/credential/index.tsx
-import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
 var CredentialLogin = (props) => {
   const {
     shouldRenderDivider,
@@ -14912,15 +14552,15 @@ var CredentialLogin = (props) => {
     mode: "onChange",
     resolver: s3(loginSchema)
   });
-  return /* @__PURE__ */ jsxs32(Fragment5, { children: [
-    /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs30(Fragment5, { children: [
+    /* @__PURE__ */ jsxs30(
       "form",
       {
         onSubmit: handleSubmit(onSubmit ?? (() => {
         })),
         className: `flex w-full h-fit flex-col gap-10`,
         children: [
-          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-6", children: [
             /* @__PURE__ */ jsx54(
               TextInput,
               {
@@ -14969,7 +14609,7 @@ var CredentialLogin = (props) => {
         ]
       }
     ),
-    shouldRenderDivider && /* @__PURE__ */ jsxs32("div", { className: "flex justify-center relative", children: [
+    shouldRenderDivider && /* @__PURE__ */ jsxs30("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" })
     ] })
@@ -14977,10 +14617,10 @@ var CredentialLogin = (props) => {
 };
 
 // src/widgets/advanced/login/provider/google/google-btn/index.tsx
-import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 function GoogleButton(props) {
   const { onLoginGoogle, db } = props;
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs31(
     "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",
@@ -15002,22 +14642,22 @@ function SocialRedirect(props) {
 }
 
 // src/widgets/advanced/login/provider/google/index.tsx
-import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
 var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
-  return /* @__PURE__ */ jsxs34(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment7, { children: [
     /* @__PURE__ */ jsx57(GoogleButton, { db, onLoginGoogle }),
     /* @__PURE__ */ jsx57(SocialRedirect, { db, onLoginSocial })
   ] });
 };
 
 // src/widgets/advanced/login/index.tsx
-import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
 var LoginProviderMapping = {
   google: GoogleLogin
 };
 var Login = (props) => {
   const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
-  return /* @__PURE__ */ jsxs35("div", { className: "w-full space-y-8", children: [
+  return /* @__PURE__ */ jsxs33("div", { className: "w-full space-y-8", children: [
     /* @__PURE__ */ jsx58(
       CredentialLogin,
       {
@@ -15042,7 +14682,7 @@ var Login = (props) => {
 };
 
 // src/widgets/advanced/search/popup-filter/index.tsx
-import { jsx as jsx59, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
 var PopupFilter = ({
   handleAddTagSearch,
   removeSearchItems,
@@ -15063,13 +14703,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__ */ jsxs36(
+      children: /* @__PURE__ */ jsxs34(
         "div",
         {
           className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-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: [
+            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: [
                 /* @__PURE__ */ jsx59(FilterIcon, { className: "filter-by-icon text-primary" }),
                 /* @__PURE__ */ jsx59("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
               ] }),
@@ -15081,7 +14721,7 @@ var PopupFilter = ({
                   acc.push(/* @__PURE__ */ jsx59("hr", { className: "my-2" }, "separator-" + index4));
                 }
                 acc.push(
-                  /* @__PURE__ */ jsxs36(
+                  /* @__PURE__ */ jsxs34(
                     "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)]"}`,
@@ -15117,15 +14757,15 @@ var PopupFilter = ({
               }, [])
             ] }),
             filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx59("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-            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: [
+            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: [
                 /* @__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__ */ jsxs36(
+                return /* @__PURE__ */ jsxs34(
                   "button",
                   {
                     onClick: () => {
@@ -15169,7 +14809,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 jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
 var TagSearch = ({
   removeSearchItems,
   selectedTags,
@@ -15180,16 +14820,16 @@ var TagSearch = ({
   return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
     if (tag?.values?.length > 0) {
       if (tag?.type !== "group_by") {
-        return /* @__PURE__ */ jsxs37(
+        return /* @__PURE__ */ jsxs35(
           "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__ */ jsxs37(Fragment8, { children: [
+                return /* @__PURE__ */ jsxs35(Fragment8, { children: [
                   /* @__PURE__ */ jsx60("span", { children: value }),
-                  idx < tag.values.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+                  idx < tag.values.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                     " ",
                     instance.t("or"),
                     " "
@@ -15226,15 +14866,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__ */ jsxs37(
+              (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ jsxs35(
                 "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__ */ jsxs37(Fragment9, { children: [
+                    value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs35(Fragment9, { children: [
                       /* @__PURE__ */ jsx60("span", { children: string }),
-                      idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs37("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+                      idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs35("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                         " ",
                         "> ",
                         " "
@@ -15272,7 +14912,7 @@ var TagSearch = ({
 };
 
 // src/widgets/advanced/search/search-list/index.tsx
-import { jsx as jsx61, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
 var SearchList = ({
   handleAddTagSearch,
   handleMouseEnter,
@@ -15294,7 +14934,7 @@ var SearchList = ({
           if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
             return;
         }
-        return /* @__PURE__ */ jsxs38(
+        return /* @__PURE__ */ jsxs36(
           "button",
           {
             onClick: () => {
@@ -15341,7 +14981,7 @@ var SearchList = ({
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
-import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
 var Search = ({
   removeSearchItems,
   selectedTags,
@@ -15458,14 +15098,14 @@ var Search = ({
     setDidInit(true);
     setIsReadyFormatDomain(true);
   }, [aid, filterBy, fieldsList]);
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs37(
     "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__ */ jsxs39("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
+        /* @__PURE__ */ jsxs37("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
           /* @__PURE__ */ jsx62(
             TagSearch,
             {
@@ -15498,8 +15138,8 @@ var Search = ({
             }
           )
         ] }),
-        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs39(Fragment10, { children: [
-          /* @__PURE__ */ jsxs39(
+        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs37(Fragment10, { children: [
+          /* @__PURE__ */ jsxs37(
             "div",
             {
               className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -15553,7 +15193,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 jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
 var ModalLayer = ({
   isOpen,
   onClose,
@@ -15571,10 +15211,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__ */ jsxs40("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__ */ jsxs38("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__ */ 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(
+        /* @__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(
             "div",
             {
               className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
@@ -15600,7 +15240,7 @@ var ModalLayer = ({
 };
 
 // src/widgets/common/modal-confirm.tsx
-import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
 var ModalConfirm = ({
   name: name2,
   isShowModal,
@@ -15614,7 +15254,7 @@ var ModalConfirm = ({
   const renderButtonAction = (name3) => {
     switch (name3) {
       case "duplicate":
-        return /* @__PURE__ */ jsxs41(
+        return /* @__PURE__ */ jsxs39(
           "button",
           {
             type: "button",
@@ -15628,7 +15268,7 @@ var ModalConfirm = ({
           }
         );
       case "archive":
-        return /* @__PURE__ */ jsxs41(
+        return /* @__PURE__ */ jsxs39(
           "button",
           {
             type: "button",
@@ -15642,7 +15282,7 @@ var ModalConfirm = ({
           }
         );
       case "unarchive":
-        return /* @__PURE__ */ jsxs41(
+        return /* @__PURE__ */ jsxs39(
           "button",
           {
             type: "button",
@@ -15656,7 +15296,7 @@ var ModalConfirm = ({
           }
         );
       case "delete":
-        return /* @__PURE__ */ jsxs41(
+        return /* @__PURE__ */ jsxs39(
           "button",
           {
             type: "button",
@@ -15673,12 +15313,12 @@ var ModalConfirm = ({
         break;
     }
   };
-  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: [
+  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: [
       /* @__PURE__ */ jsx65("div", { className: "text-[18px] font-bold", children: title }),
       /* @__PURE__ */ jsx65("p", { className: "text-[16px]", children: content })
     ] }),
-    /* @__PURE__ */ jsxs41("div", { className: "flex justify-center items-center gap-2 w-full", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex justify-center items-center gap-2 w-full", children: [
       /* @__PURE__ */ jsx65(
         "button",
         {
@@ -15696,7 +15336,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 jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
   title,
@@ -15719,11 +15359,11 @@ var ModalDetail = ({
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
   return createPortal2(
-    /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs42("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
+    /* @__PURE__ */ jsx66(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs40("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__ */ 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(
+      /* @__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(
             "div",
             {
               id: "modal-detail",
@@ -15758,7 +15398,7 @@ var ModalDetail = ({
 
 // src/widgets/common/loading-normal.tsx
 import { useEffect as useEffect9, useState as useState8 } from "react";
-import { jsx as jsx67, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
 var LayerLoading = () => {
   const { t: t3 } = useI18n();
   const [activeIndex, setActiveIndex] = useState8(0);
@@ -15768,7 +15408,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__ */ jsxs43("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__ */ jsxs41("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",
       {
@@ -15986,7 +15626,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 jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs42 } from "react/jsx-runtime";
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -16090,8 +15730,8 @@ var ButtonSelectFiles = ({
       await handleUpload(formData, serivce, xNode);
     }
   };
-  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(
+  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(
       "button",
       {
         type: "button",
@@ -16120,7 +15760,7 @@ var ButtonSelectFiles = ({
 
 // src/widgets/common/video-player.tsx
 import { useRef as useRef6, useState as useState10 } from "react";
-import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
 var VideoPlayer = ({ src }) => {
   const [isPlaying, setIsPlaying] = useState10(false);
   const videoRef = useRef6(null);
@@ -16147,7 +15787,7 @@ var VideoPlayer = ({ src }) => {
       }
     }
   };
-  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: [
+  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: [
     /* @__PURE__ */ jsx70(
       "video",
       {
@@ -16166,7 +15806,7 @@ var VideoPlayer = ({ src }) => {
 };
 
 // src/widgets/basic/avatar-field/avatar.tsx
-import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
 var AvatarField = (props) => {
   const {
     isForm = false,
@@ -16190,7 +15830,7 @@ var AvatarField = (props) => {
     color: textColor,
     fontSize: `${size4 / 2.5}px`
   };
-  return /* @__PURE__ */ jsxs46(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs44(Fragment15, { children: [
     isForm && allowShowDetail && /* @__PURE__ */ jsx71(
       ModalDetail,
       {
@@ -16232,7 +15872,7 @@ var AvatarField = (props) => {
 };
 
 // src/widgets/basic/binary-field/binary.tsx
-import { jsx as jsx72, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
     name: name2,
@@ -16270,7 +15910,7 @@ var BinaryField = (props) => {
           {
             ref: binaryRef,
             className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
-            children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
+            children: renderImage ? /* @__PURE__ */ jsxs45("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx72(
                 "img",
                 {
@@ -16303,7 +15943,7 @@ var BinaryField = (props) => {
                   children: /* @__PURE__ */ jsx72(DeleteIcon, {})
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs47(
+            ] }) : /* @__PURE__ */ jsxs45(
               "label",
               {
                 htmlFor: inputId,
@@ -16446,7 +16086,7 @@ var ButtonBadgeField = (props) => {
 };
 
 // src/widgets/basic/button-field/button.tsx
-import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
 var ButtonField = (props) => {
   const {
     func,
@@ -16466,7 +16106,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ jsxs48(
+  ) : /* @__PURE__ */ jsxs46(
     "button",
     {
       type,
@@ -16483,7 +16123,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 jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
@@ -16567,7 +16207,7 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ jsxs49(Fragment17, { children: [
+        return /* @__PURE__ */ jsxs47(Fragment17, { children: [
           /* @__PURE__ */ jsx75(
             "input",
             {
@@ -16711,7 +16351,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 jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const {
     colors: colors2,
@@ -16738,7 +16378,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__ */ jsxs50("div", { children: [
+  return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs48("div", { children: [
     /* @__PURE__ */ jsx77(
       "button",
       {
@@ -16762,7 +16402,7 @@ var ColorWrapper = (props) => {
         content: i18n_default.t(color?.name)
       }
     )
-  ] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment18, { children: [
+  ] }, color?.id)) }) : /* @__PURE__ */ jsxs48(Fragment18, { children: [
     /* @__PURE__ */ jsx77(
       "button",
       {
@@ -16819,7 +16459,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 jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -16858,8 +16498,8 @@ var CopyLinkButtonField = (props) => {
             clearErrors(name2);
           }
         }, [value]);
-        return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs51(
+        return /* @__PURE__ */ jsxs49("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs49(
             "div",
             {
               "aria-disabled": readonly,
@@ -20862,7 +20502,7 @@ function useEffectEvent(callback) {
 }
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-import { jsx as jsx80, jsxs as jsxs52, Fragment as Fragment19 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs50, 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
@@ -21260,7 +20900,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
     bottom: isCustomShape ? "" : "rotate(180deg)",
     right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
   }[side];
-  return /* @__PURE__ */ jsxs52("svg", {
+  return /* @__PURE__ */ jsxs50("svg", {
     ...rest,
     "aria-hidden": true,
     ref,
@@ -30676,7 +30316,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 jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs51 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
     name: name2,
@@ -30704,7 +30344,7 @@ var DateField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   const InputDateCustom = forwardRef6(
-    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
+    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs51("label", { className: `flex ${className}`, children: [
       /* @__PURE__ */ jsx83(
         "input",
         {
@@ -30747,7 +30387,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__ */ jsxs53(Fragment23, { children: [
+          return /* @__PURE__ */ jsxs51(Fragment23, { children: [
             /* @__PURE__ */ jsx83(
               DatePicker,
               {
@@ -30814,7 +30454,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs53(
+                }) => /* @__PURE__ */ jsxs51(
                   "div",
                   {
                     style: {
@@ -30907,11 +30547,11 @@ var DateField = (props) => {
 };
 
 // src/widgets/basic/download-binary-field/download-binary.tsx
-import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs52 } from "react/jsx-runtime";
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs52(
     "button",
     {
       type: "button",
@@ -30926,7 +30566,7 @@ var DownLoadBinaryField = (props) => {
 };
 
 // src/widgets/basic/download-file-field/download-file.tsx
-import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs53 } from "react/jsx-runtime";
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -30938,8 +30578,8 @@ var DownloadFileField = (props) => {
     handleFileChange,
     handleFileDownload
   } = props;
-  return /* @__PURE__ */ jsxs55("div", { className: "", children: [
-    /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs53("div", { className: "", children: [
+    /* @__PURE__ */ jsxs53(
       "label",
       {
         htmlFor: inputId,
@@ -30974,7 +30614,7 @@ var DownloadFileField = (props) => {
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
 import { useState as useState16 } from "react";
-import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs54 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -30988,14 +30628,14 @@ var DropdownField = (props) => {
   } = props;
   const [open, setOpen] = useState16(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs54(
     "div",
     {
       ref: dropdownRef,
       className: `relative ${className}`,
       onClick: () => setOpen(!open),
       children: [
-        /* @__PURE__ */ jsxs56(
+        /* @__PURE__ */ jsxs54(
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
@@ -31031,7 +30671,7 @@ var DropdownField = (props) => {
 };
 
 // src/widgets/basic/fee-field/fee.tsx
-import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs55 } from "react/jsx-runtime";
 var FeeField = (props) => {
   const { value, formValues } = props;
   const { t: t3 } = useI18n();
@@ -31042,23 +30682,23 @@ var FeeField = (props) => {
     )
   ) + " VND";
   const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
-  return /* @__PURE__ */ jsxs57(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs55(Fragment24, { children: [
     value?.subtotals?.map((sub) => {
       if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
-        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: [
+        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: [
               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__ */ jsxs57(
+          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs55(
             "div",
             {
               className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
               children: [
-                /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
+                /* @__PURE__ */ jsxs55("div", { className: "text-[14px] leading-[21px] text-right", children: [
                   group?.group_name,
                   ":"
                 ] }),
@@ -31070,22 +30710,22 @@ var FeeField = (props) => {
         ] });
       }
     }),
-    /* @__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: [
+    /* @__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: [
         t3("total"),
         ":"
       ] }),
       /* @__PURE__ */ jsx87("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
     ] }),
-    /* @__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: [
+    /* @__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: [
         t3("paid_amount"),
         ":"
       ] }),
       /* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
     ] }),
-    /* @__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: [
+    /* @__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: [
         t3("remanining_amount"),
         ":"
       ] }),
@@ -31096,7 +30736,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 jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs56 } from "react/jsx-runtime";
 var RenderFile = ({
   file,
   onDelete,
@@ -31112,9 +30752,9 @@ var RenderFile = ({
     "application/vnd.ms-excel": /* @__PURE__ */ jsx88(ExcelIcon, {}),
     "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx88(ExcelIcon, {})
   };
-  return /* @__PURE__ */ jsxs58("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
+  return /* @__PURE__ */ jsxs56("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__ */ jsxs58("div", { children: [
+    /* @__PURE__ */ jsxs56("div", { children: [
       /* @__PURE__ */ jsx88(
         "div",
         {
@@ -31127,7 +30767,7 @@ var RenderFile = ({
       ),
       /* @__PURE__ */ jsx88("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
     ] }),
-    /* @__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__ */ 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__ */ jsx88(
         "span",
         {
@@ -31197,7 +30837,7 @@ var FileUploadField = (props) => {
             );
           }
         }, [selectedFiles]);
-        return /* @__PURE__ */ jsxs58("div", { children: [
+        return /* @__PURE__ */ jsxs56("div", { children: [
           selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx88(
             RenderFile,
             {
@@ -31238,7 +30878,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 jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs57 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
     name: name2,
@@ -31363,7 +31003,7 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs59(Fragment25, { children: [
+        return /* @__PURE__ */ jsxs57(Fragment25, { children: [
           /* @__PURE__ */ jsx89(
             "input",
             {
@@ -31393,7 +31033,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 jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs58 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -31473,7 +31113,7 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs60(Fragment26, { children: [
+        return /* @__PURE__ */ jsxs58(Fragment26, { children: [
           /* @__PURE__ */ jsx90(
             "input",
             {
@@ -31583,7 +31223,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 jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
@@ -31599,7 +31239,7 @@ var InfomationField = (props) => {
       stringToColor
     },
     item.id
-  )) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
+  )) : /* @__PURE__ */ jsxs59("div", { className: "flex gap-2 items-center w-max", children: [
     /* @__PURE__ */ jsx93(
       AvatarField,
       {
@@ -31615,7 +31255,7 @@ var InfomationField = (props) => {
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs60 } from "react/jsx-runtime";
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -31624,7 +31264,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
     /* @__PURE__ */ jsx94(
       AvatarField,
       {
@@ -31656,9 +31296,9 @@ var CustomMenuList = (props) => {
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const { t: t3 } = useI18n();
   const limitedChildren = React16.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs62(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs60(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs62(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs60(
       "button",
       {
         type: "button",
@@ -31748,7 +31388,7 @@ var Many2ManyTagField = (props) => {
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
+        return /* @__PURE__ */ jsxs60("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ jsx94(
             StateManagedSelect$1,
             {
@@ -31862,7 +31502,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 jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -31882,8 +31522,8 @@ var MonetaryField = (props) => {
     isEditTable
   } = props;
   if (isForm && name2 === "amount_residual") {
-    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: [
+    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: [
         string,
         ":"
       ] }),
@@ -31920,7 +31560,7 @@ var MonetaryField = (props) => {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ jsxs63(Fragment28, { children: [
+        return /* @__PURE__ */ jsxs61(Fragment28, { children: [
           /* @__PURE__ */ jsx95(
             "input",
             {
@@ -31974,7 +31614,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 jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs62 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
     label,
@@ -32019,7 +31659,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__ */ jsxs64(React17.Fragment, { children: [
+        return /* @__PURE__ */ jsxs62(React17.Fragment, { children: [
           /* @__PURE__ */ jsx97(
             "div",
             {
@@ -32099,7 +31739,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 jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -32123,7 +31763,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__ */ jsxs65("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__ */ jsxs63("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx99(
           "input",
           {
@@ -32151,7 +31791,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 jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs64 } from "react/jsx-runtime";
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -32162,7 +31802,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__ */ jsxs66("div", { className: isForm ? "mb-4" : "", children: [
+  return /* @__PURE__ */ jsxs64("div", { className: isForm ? "mb-4" : "", children: [
     /* @__PURE__ */ jsx100(M, { id: `remainingDays_${value}`, place: "top", content: string }),
     /* @__PURE__ */ jsx100(
       "div",
@@ -32182,7 +31822,7 @@ var RemainingDaysField = (props) => {
 };
 
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs65 } from "react/jsx-runtime";
 var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32233,7 +31873,7 @@ var SelectDropdownField = (props) => {
             value: defaultValue || null,
             required: !invisible && required
           };
-          return /* @__PURE__ */ jsxs67(Fragment29, { children: [
+          return /* @__PURE__ */ jsxs65(Fragment29, { children: [
             /* @__PURE__ */ jsx101("div", { className: "group", children: /* @__PURE__ */ jsx101(
               StateManagedSelect$1,
               {
@@ -32345,7 +31985,7 @@ var TextAreaField = (props) => {
 };
 
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-import { jsx as jsx103, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs66 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -32360,7 +32000,7 @@ var ToggleButtonField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      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: [
+      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: [
         /* @__PURE__ */ jsx103(
           "input",
           {
@@ -32414,7 +32054,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 jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs67 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -32513,7 +32153,7 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs69(Fragment30, { children: [
+        return /* @__PURE__ */ jsxs67(Fragment30, { children: [
           /* @__PURE__ */ jsx104(
             "input",
             {
@@ -32557,7 +32197,7 @@ var IntegerField = (props) => {
 };
 
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs68 } from "react/jsx-runtime";
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -32569,7 +32209,7 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs68(
     "div",
     {
       ref: buttonRef,
@@ -32585,14 +32225,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__ */ jsxs70(
+          return /* @__PURE__ */ jsxs68(
             "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__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx105(
                     "div",
                     {
@@ -32614,7 +32254,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 jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs69 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32688,7 +32328,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return createPortal5(
-    /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsxs69(
       "div",
       {
         style: {
@@ -32697,7 +32337,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__ */ jsxs71(
+          /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs69(
             "div",
             {
               style: {
@@ -32705,11 +32345,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__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+                /* @__PURE__ */ jsxs69("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__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ jsxs69("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,
                     {
@@ -32769,7 +32409,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__ */ jsxs71(
+                        children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs69(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
@@ -32845,7 +32485,7 @@ var Many2ManyField = (props) => {
                     ) }) })
                   }
                 ) }) }) : /* @__PURE__ */ jsx106(LayerLoading, {}),
-                /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
+                /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-2 mt-auto", children: [
                   isDisplayCheckbox && /* @__PURE__ */ jsx106(
                     "button",
                     {
@@ -32894,15 +32534,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 jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs70 } 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__ */ jsxs72(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs70(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs72(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs70(
       "button",
       {
         type: "button",
@@ -32945,7 +32585,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__ */ jsxs72(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs70(Fragment31, { children: [
       allowShowDetail && renderDetail({
         idToolTip: String(name2) + Number(index4),
         model: options2?.model ?? relation,
@@ -32963,7 +32603,7 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs72(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs70(Fragment31, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
@@ -33001,7 +32641,7 @@ var Many2OneField = (props) => {
                   methods?.clearErrors(name2);
                 }
               }, [selectedOption]);
-              return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
+              return /* @__PURE__ */ jsxs70("div", { className: "h-full", children: [
                 /* @__PURE__ */ jsx107(
                   StateManagedSelect$1,
                   {
@@ -33106,7 +32746,7 @@ var Many2OneField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -33120,10 +32760,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__ */ jsxs73("div", { className: "flex items-center gap-[24px]", children: [
+      children: /* @__PURE__ */ jsxs71("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__ */ jsxs73(
+          return /* @__PURE__ */ jsxs71(
             "label",
             {
               onClick: () => !disabled && handleClick(option.id),
@@ -33158,7 +32798,7 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ jsxs73(
+        ) && /* @__PURE__ */ jsxs71(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
@@ -33196,7 +32836,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 jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs72 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
   const memoizedStatusOptions = useMemo11(() => selection, [selection]);
@@ -33212,8 +32852,8 @@ var StatusBarOptionField = (props) => {
         flexWrap: "wrap"
       },
       children: memoizedStatusOptions?.map((option, index4) => {
-        return /* @__PURE__ */ jsxs74(Fragment32, { children: [
-          /* @__PURE__ */ jsxs74(
+        return /* @__PURE__ */ jsxs72(Fragment32, { children: [
+          /* @__PURE__ */ jsxs72(
             "div",
             {
               style: {
@@ -33332,7 +32972,7 @@ var ICCheck = () => {
 };
 
 // src/widgets/basic/date-option-field/date-option.tsx
-import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs73 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -33348,7 +32988,7 @@ var DateOptionField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsxs75(
+      render: ({ field }) => /* @__PURE__ */ jsxs73(
         "label",
         {
           className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm