@fctc/sme-widget-ui 1.1.7 → 1.1.9

package/dist/index.mjs

@@ -4974,16 +4974,16 @@ var AddIcon = () => {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
       fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "M12 4v16m8-8H4"
+          d: "M8.09961 4.30078V7.90039H11.7002V8.10059H8.09961V11.7012H7.89941V8.10059H4.2998V7.90039H7.89941V4.30078H8.09961Z",
+          fill: "#060606",
+          stroke: "currentColor"
         }
       )
     }
@@ -6379,222 +6379,14 @@ var ZipIcon = () => {
   );
 };
 
-// src/icons/empty-data.tsx
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
-var EmptyData = ({ className }) => {
-  return /* @__PURE__ */ jsxs17(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "120",
-      height: "140",
-      viewBox: "0 0 120 140",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsxs17("g", { clipPath: "url(#clip0_5603_10527)", children: [
-          /* @__PURE__ */ jsx32("g", { filter: "url(#filter0_d_5603_10527)", children: /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M60 134.613C90.9279 134.613 116 109.541 116 78.6133C116 47.6853 90.9279 22.6133 60 22.6133C29.0721 22.6133 4 47.6853 4 78.6133C4 109.541 29.0721 134.613 60 134.613Z",
-              fill: "black"
-            }
-          ) }),
-          /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M60 134.613C90.9279 134.613 116 109.541 116 78.6133C116 47.6853 90.9279 22.6133 60 22.6133C29.0721 22.6133 4 47.6853 4 78.6133C4 109.541 29.0721 134.613 60 134.613Z",
-              fill: className
-            }
-          ),
-          /* @__PURE__ */ jsx32(
-            "mask",
-            {
-              id: "mask0_5603_10527",
-              maskUnits: "userSpaceOnUse",
-              x: "4",
-              y: "12",
-              width: "112",
-              height: "123",
-              children: /* @__PURE__ */ jsx32(
-                "path",
-                {
-                  d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
-                  fill: "white"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs17("g", { mask: "url(#mask0_5603_10527)", children: [
-            /* @__PURE__ */ jsx32(
-              "path",
-              {
-                d: "M26 18.0156H88.3146L104.5 34.557V126.83C104.5 136.219 96.8888 143.83 87.5 143.83H35C25.6112 143.83 18 136.219 18 126.83V26.0156C18 21.5973 21.5817 18.0156 26 18.0156Z",
-                fill: "white"
-              }
-            ),
-            /* @__PURE__ */ jsx32(
-              "path",
-              {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M103.5 34.9648L87.894 19.0156H26C22.134 19.0156 19 22.1496 19 26.0156V126.83C19 135.667 26.1634 142.83 35 142.83H87.5C96.3366 142.83 103.5 135.667 103.5 126.83V34.9648Z",
-                stroke: "#A1ACBA",
-                strokeWidth: "2"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx32(
-            "mask",
-            {
-              id: "mask1_5603_10527",
-              maskUnits: "userSpaceOnUse",
-              x: "4",
-              y: "12",
-              width: "112",
-              height: "123",
-              children: /* @__PURE__ */ jsx32(
-                "path",
-                {
-                  d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
-                  fill: "white"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx32("g", { mask: "url(#mask1_5603_10527)", children: /* @__PURE__ */ jsx32(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M88.5551 21.0492C88.4677 24.6469 88.2887 30.1381 88.4772 30.8534C88.6312 31.4377 88.9325 31.8932 89.6508 32.6114C90.0981 33.0588 90.6275 33.3883 91.2851 33.6303C92.3846 34.0348 93.835 34.2036 96.1219 34.2236C96.8735 34.2302 99.5444 34.1863 101.662 34.1562L88.5551 21.0492Z",
-              stroke: "#A1ACBA",
-              strokeWidth: "2"
-            }
-          ) }),
-          /* @__PURE__ */ jsx32(
-            "mask",
-            {
-              id: "mask2_5603_10527",
-              maskUnits: "userSpaceOnUse",
-              x: "4",
-              y: "12",
-              width: "112",
-              height: "123",
-              children: /* @__PURE__ */ jsx32(
-                "path",
-                {
-                  d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
-                  fill: "white"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx32("g", { mask: "url(#mask2_5603_10527)", children: /* @__PURE__ */ jsxs17("g", { opacity: "0.07", children: [
-            /* @__PURE__ */ jsx32("path", { d: "M73.716 93H27V99.214H73.716V93Z", fill: "black" }),
-            /* @__PURE__ */ jsx32("path", { d: "M95.812 101.699H27V107.913H95.812V101.699Z", fill: "black" }),
-            /* @__PURE__ */ jsx32("path", { d: "M69.297 113.506H27V119.72H69.297V113.506Z", fill: "black" }),
-            /* @__PURE__ */ jsx32("path", { d: "M79.398 124.07H27V130.284H79.398V124.07Z", fill: "black" })
-          ] }) }),
-          /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M17 16L8 7M22 11V2M5 22H14",
-              stroke: "#A1ACBA",
-              strokeWidth: "2",
-              strokeLinecap: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M44 62.998C60.5 71.998 77 62.998 77 62.998",
-              stroke: "#A1ACBA",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M80.5 53.998C82.433 53.998 84 52.431 84 50.498C84 48.5651 82.433 46.998 80.5 46.998C78.567 46.998 77 48.5651 77 50.498C77 52.431 78.567 53.998 80.5 53.998Z",
-              fill: "#A1ACBA"
-            }
-          ),
-          /* @__PURE__ */ jsx32(
-            "path",
-            {
-              d: "M40.5 53.998C42.433 53.998 44 52.431 44 50.498C44 48.5651 42.433 46.998 40.5 46.998C38.567 46.998 37 48.5651 37 50.498C37 52.431 38.567 53.998 40.5 53.998Z",
-              fill: "#A1ACBA"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs17("defs", { children: [
-          /* @__PURE__ */ jsxs17(
-            "filter",
-            {
-              id: "filter0_d_5603_10527",
-              x: "0",
-              y: "20.6133",
-              width: "120",
-              height: "120",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ jsx32("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx32(
-                  "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__ */ jsx32("feOffset", { dy: "2" }),
-                /* @__PURE__ */ jsx32("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ jsx32(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.106063 0"
-                  }
-                ),
-                /* @__PURE__ */ jsx32(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_5603_10527"
-                  }
-                ),
-                /* @__PURE__ */ jsx32(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect1_dropShadow_5603_10527",
-                    result: "shape"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx32("clipPath", { id: "clip0_5603_10527", children: /* @__PURE__ */ jsx32("rect", { width: "120", height: "140", fill: "white" }) })
-        ] })
-      ]
-    }
-  );
-};
-
 // src/icons/loading-icon.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 var LoadingIcon = ({
   width = 15,
   height = 15,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6609,8 +6401,8 @@ var LoadingIcon = ({
         background: "transparent"
       },
       ...props,
-      children: /* @__PURE__ */ jsxs18("g", { children: [
-        /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsxs17("g", { children: [
+        /* @__PURE__ */ jsx32(
           "circle",
           {
             strokeDasharray: "141.37166941154067 49.12388980384689",
@@ -6620,7 +6412,7 @@ var LoadingIcon = ({
             fill: "none",
             cy: "50",
             cx: "50",
-            children: /* @__PURE__ */ jsx33(
+            children: /* @__PURE__ */ jsx32(
               "animateTransform",
               {
                 keyTimes: "0;1",
@@ -6633,15 +6425,15 @@ var LoadingIcon = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx33("g", {})
+        /* @__PURE__ */ jsx32("g", {})
       ] })
     }
   );
 };
 
 // src/icons/paid-icon.tsx
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
-var PaidIcon = () => /* @__PURE__ */ jsxs19(
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var PaidIcon = () => /* @__PURE__ */ jsxs18(
   "svg",
   {
     width: "208",
@@ -6650,15 +6442,15 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsxs19("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
-        /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsxs18("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
+        /* @__PURE__ */ jsx33(
           "path",
           {
             d: "M188.334 85.5C188.334 132.72 150.126 171 102.994 171C55.8622 171 17.6543 132.72 17.6543 85.5C17.6543 38.2797 55.8622 0 102.994 0C150.126 0 188.334 38.2797 188.334 85.5ZM27.8951 85.5C27.8951 127.054 61.5181 160.74 102.994 160.74C144.47 160.74 178.093 127.054 178.093 85.5C178.093 43.9461 144.47 10.26 102.994 10.26C61.5181 10.26 27.8951 43.9461 27.8951 85.5Z",
             fill: "#11A52B"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             d: "M174.679 85.4997C174.679 45.8346 142.585 13.6797 102.994 13.6797C63.4033 13.6797 31.3086 45.8346 31.3086 85.4997C31.3086 125.165 63.4033 157.32 102.994 157.32",
@@ -6666,7 +6458,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             strokeWidth: "0.773087"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             d: "M102.994 35.748C130.416 35.7482 152.651 58.0211 152.651 85.502C152.651 112.983 130.417 135.256 102.994 135.256C75.5717 135.256 53.3359 112.983 53.3359 85.502C53.336 58.021 75.5717 35.748 102.994 35.748Z",
@@ -6674,7 +6466,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             strokeWidth: "3.09235"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             d: "M58.6172 85.0721C58.6172 109.863 78.6764 129.96 103.421 129.96C128.165 129.96 148.224 109.863 148.224 85.0721C148.224 60.2814 128.165 40.1846 103.421 40.1846",
@@ -6682,7 +6474,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             strokeWidth: "0.773087"
           }
         ),
-        /* @__PURE__ */ jsx34("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ jsx33(
           "div",
           {
             style: {
@@ -6693,7 +6485,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             }
           }
         ) }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "rect",
           {
             "data-figma-bg-blur-radius": "15.4617",
@@ -6705,7 +6497,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             fillOpacity: "0.4"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "rect",
           {
             x: "-0.493769",
@@ -6718,7 +6510,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             strokeWidth: "0.773087"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             d: "M42.9378 114.799L38.9753 116.182L37.8626 113.135L41.6873 111.8C42.5194 111.509 43.1724 111.124 43.6462 110.644C44.1231 110.157 44.3931 109.544 44.4562 108.806C44.5224 108.061 44.3613 107.157 43.9728 106.093C43.5844 105.029 43.125 104.234 42.5948 103.708C42.0628 103.177 41.4531 102.875 40.7657 102.8C40.0814 102.719 39.3135 102.827 38.4619 103.124L34.6228 104.464L33.5101 101.417L37.5307 100.013C39.0451 99.4847 40.4571 99.3255 41.7668 99.5359C43.0795 99.7397 44.2356 100.291 45.2349 101.191C46.2326 102.085 47.0118 103.3 47.5725 104.836C48.135 106.376 48.3208 107.804 48.13 109.119C47.944 110.432 47.41 111.577 46.5279 112.552C45.644 113.523 44.4474 114.272 42.9378 114.799ZM35.6365 100.675L41.0364 115.462L37.444 116.717L32.0441 101.929L35.6365 100.675ZM32.948 110.544L32.2256 108.566L39.7515 105.938L40.4739 107.917L32.948 110.544ZM55.5834 110.596C54.8722 110.844 54.1977 110.946 53.5601 110.903C52.9254 110.853 52.3606 110.643 51.8655 110.273C51.3735 109.897 50.9939 109.343 50.7267 108.611C50.5017 107.995 50.4207 107.437 50.4838 106.938C50.5468 106.438 50.7211 105.989 51.0066 105.591C51.2922 105.193 51.6595 104.839 52.1086 104.531C52.556 104.217 53.0539 103.937 53.6024 103.692C54.2151 103.412 54.7036 103.174 55.0678 102.976C55.4303 102.774 55.6766 102.582 55.8069 102.401C55.9402 102.213 55.9655 102.006 55.8829 101.78L55.8697 101.744C55.7344 101.373 55.5016 101.132 55.1713 101.019C54.8411 100.906 54.4582 100.926 54.0228 101.078C53.5535 101.242 53.213 101.475 53.0014 101.777C52.7897 102.078 52.7102 102.421 52.7629 102.804L49.4476 103.831C49.2983 103.124 49.3278 102.435 49.536 101.765C49.7473 101.089 50.1508 100.476 50.7464 99.926C51.3451 99.3697 52.1428 98.9175 53.1395 98.5695C53.8507 98.3212 54.5371 98.1766 55.1986 98.1356C55.8583 98.0898 56.4687 98.1481 57.0298 98.3104C57.5892 98.4679 58.0733 98.7331 58.4822 99.1059C58.896 99.4771 59.2101 99.9563 59.4245 100.544L62.1772 108.082L58.8388 109.247L58.2745 107.702L58.1874 107.733C58.1262 108.177 57.9882 108.584 57.7734 108.952C57.5635 109.318 57.2743 109.639 56.9057 109.914C56.5419 110.188 56.1011 110.415 55.5834 110.596ZM55.8356 107.902C56.2178 107.769 56.5332 107.572 56.7817 107.312C57.0351 107.049 57.2046 106.751 57.29 106.418C57.3736 106.079 57.3496 105.729 57.2177 105.368L56.8328 104.314C56.7505 104.403 56.6447 104.494 56.5154 104.588C56.3909 104.68 56.251 104.775 56.0957 104.873C55.9404 104.97 55.7786 105.065 55.6101 105.156C55.4416 105.248 55.2795 105.334 55.1238 105.415C54.8093 105.585 54.5538 105.766 54.3571 105.96C54.1653 106.152 54.039 106.359 53.9783 106.581C53.9206 106.796 53.9357 107.024 54.0236 107.265C54.1572 107.631 54.3897 107.864 54.7213 107.966C55.0577 108.065 55.4292 108.044 55.8356 107.902ZM50.7826 98.0084L48.9267 98.64C48.5699 97.6628 48.5347 96.842 48.8212 96.1775C49.1077 95.5131 49.5863 95.061 50.2571 94.8214C50.6151 94.6964 50.941 94.6478 51.2348 94.6755C51.5317 94.6967 51.805 94.7505 52.0548 94.837C52.3076 94.9169 52.5398 94.9851 52.7513 95.0416C52.966 95.0915 53.17 95.0826 53.3635 95.0151C53.6376 94.914 53.8039 94.7419 53.8624 94.499C53.9241 94.2495 53.8949 93.953 53.775 93.6096L55.6045 92.9953C55.9433 93.9679 55.9736 94.7904 55.6954 95.4628C55.4155 96.1304 54.9426 96.5832 54.2767 96.8211C53.9107 96.9543 53.5785 97.0079 53.2798 96.9819C52.9812 96.9559 52.7103 96.9012 52.4671 96.8178C52.2288 96.7328 52.0047 96.6645 51.795 96.6129C51.5835 96.5565 51.3761 96.5637 51.1729 96.6347C50.9358 96.7174 50.7799 96.8804 50.705 97.1237C50.6284 97.3621 50.6543 97.657 50.7826 98.0084ZM70.9801 92.5039L71.9293 95.1034L64.8969 97.5585L63.9477 94.9591L70.9801 92.5039ZM64.4507 91.7875L67.9995 90.5486L71.7462 100.809C71.8253 101.026 71.9233 101.19 72.0403 101.301C72.1603 101.405 72.2986 101.463 72.4552 101.473C72.61 101.479 72.7817 101.449 72.9704 101.383C73.1059 101.336 73.2442 101.274 73.3854 101.197C73.5297 101.115 73.637 101.05 73.7074 101.004L75.1752 103.365C75.0234 103.472 74.8059 103.616 74.5226 103.796C74.2442 103.975 73.8956 104.148 73.4769 104.316C72.6587 104.645 71.9099 104.798 71.2305 104.775C70.5541 104.745 69.9681 104.537 69.4726 104.151C68.9819 103.763 68.6043 103.192 68.3397 102.438L64.4507 91.7875ZM78.3194 95.3148L80.6291 101.64L77.0802 102.879L71.6804 88.0912L75.1131 86.8928L77.2066 92.626L77.33 92.5829C77.332 91.8115 77.5481 91.1336 77.9784 90.5492C78.4135 89.9631 79.0472 89.5248 79.8794 89.2342C80.6632 88.9606 81.4086 88.8957 82.1158 89.0396C82.8212 89.1787 83.4478 89.5054 83.9956 90.0197C84.5483 90.5323 84.9752 91.2083 85.2762 92.0476L87.8574 99.1165L84.3086 100.356L81.9804 93.9797C81.7603 93.3619 81.4297 92.9345 80.9886 92.6977C80.5476 92.4609 80.0416 92.4422 79.4707 92.6415C79.0981 92.7716 78.799 92.9683 78.5733 93.2316C78.3507 93.4884 78.2141 93.7939 78.1634 94.1481C78.1175 94.5006 78.1695 94.8895 78.3194 95.3148ZM93.2838 97.4338C92.5725 97.6821 91.8981 97.7846 91.2604 97.7413C90.6258 97.6915 90.0609 97.4816 89.5658 97.1117C89.0738 96.7353 88.6942 96.1813 88.427 95.4496C88.202 94.8334 88.121 94.2755 88.1841 93.7759C88.2471 93.2763 88.4214 92.8274 88.707 92.4292C88.9925 92.031 89.3598 91.6775 89.809 91.3688C90.2563 91.0552 90.7543 90.7755 91.3028 90.5297C91.9155 90.2507 92.4039 90.0123 92.7682 89.8146C93.1306 89.6121 93.3769 89.4203 93.5072 89.2391C93.6405 89.0515 93.6658 88.8445 93.5832 88.6183L93.57 88.5822C93.4347 88.2115 93.2019 87.9698 92.8716 87.8572C92.5414 87.7445 92.1585 87.7642 91.7231 87.9162C91.2538 88.0801 90.9133 88.3129 90.7017 88.6148C90.4901 88.9166 90.4106 89.2591 90.4632 89.6424L87.148 90.6695C86.9986 89.9618 87.0281 89.2731 87.2363 88.6034C87.4476 87.9272 87.8511 87.3142 88.4467 86.7643C89.0455 86.2079 89.8432 85.7557 90.8398 85.4078C91.5511 85.1595 92.2374 85.0148 92.8989 84.9739C93.5586 84.9281 94.169 84.9864 94.7301 85.1487C95.2895 85.3062 95.7737 85.5713 96.1826 85.9442C96.5963 86.3153 96.9104 86.7946 97.1248 87.3818L99.8775 94.9202L96.5391 96.0856L95.9748 94.5404L95.8878 94.5708C95.8265 95.0156 95.6885 95.4219 95.4738 95.79C95.2639 96.1563 94.9746 96.4771 94.606 96.7524C94.2422 97.0259 93.8014 97.2531 93.2838 97.4338ZM93.5359 94.7406C93.9181 94.6072 94.2335 94.4102 94.4821 94.1498C94.7355 93.8876 94.9049 93.5897 94.9903 93.2559C95.074 92.9174 95.0499 92.5676 94.918 92.2065L94.5331 91.1523C94.4508 91.2407 94.345 91.332 94.2157 91.4259C94.0912 91.5183 93.9513 91.6132 93.7961 91.7109C93.6408 91.8085 93.4789 91.903 93.3104 91.9944C93.142 92.0857 92.9799 92.1722 92.8242 92.2537C92.5097 92.4232 92.2541 92.6047 92.0574 92.7982C91.8656 92.99 91.7393 93.1969 91.6786 93.4189C91.6209 93.6344 91.636 93.8625 91.7239 94.1032C91.8575 94.469 92.0901 94.7026 92.4217 94.804C92.7581 94.9036 93.1295 94.8825 93.5359 94.7406ZM103.287 86.5984L105.596 92.9236L102.047 94.1626L97.9976 83.0717L101.372 81.8936L102.116 83.9298L102.239 83.8867C102.238 83.1218 102.465 82.443 102.919 81.8501C103.372 81.2524 104.01 80.81 104.832 80.5229C105.616 80.2492 106.36 80.1876 107.064 80.338C107.771 80.4819 108.399 80.811 108.946 81.3253C109.497 81.8331 109.922 82.5043 110.222 83.3387L112.803 90.4077L109.254 91.6467L106.926 85.2709C106.706 84.653 106.373 84.2265 105.927 83.9914C105.486 83.7546 104.985 83.7342 104.423 83.9301C104.051 84.0602 103.752 84.2569 103.526 84.5202C103.303 84.777 103.169 85.0817 103.123 85.4342C103.082 85.785 103.137 86.1731 103.287 86.5984ZM116.239 82.0764L118.549 88.4017L115 89.6406L109.6 74.8528L113.033 73.6544L115.126 79.3876L115.25 79.3445C115.252 78.5731 115.468 77.8952 115.898 77.3108C116.333 76.7247 116.967 76.2864 117.799 75.9958C118.583 75.7222 119.329 75.6573 120.036 75.8012C120.741 75.9403 121.368 76.267 121.916 76.7813C122.468 77.2939 122.895 77.9699 123.196 78.8092L125.777 85.8781L122.228 87.1171L119.9 80.7413C119.68 80.1234 119.35 79.6961 118.908 79.4593C118.467 79.2225 117.961 79.2038 117.391 79.4031C117.018 79.5332 116.719 79.7299 116.493 79.9932C116.271 80.25 116.134 80.5555 116.083 80.9097C116.037 81.2622 116.089 81.6511 116.239 82.0764ZM134.626 70.2843L135.575 72.8837L128.542 75.3389L127.593 72.7394L134.626 70.2843ZM128.096 69.5679L131.645 68.329L135.392 78.5895C135.471 78.8061 135.569 78.9699 135.686 79.0811C135.806 79.1857 135.944 79.2433 136.101 79.2537C136.255 79.2594 136.427 79.2293 136.616 79.1634C136.751 79.1161 136.89 79.0543 137.031 78.9778C137.175 78.8949 137.283 78.8303 137.353 78.784L138.821 81.1454C138.669 81.2526 138.451 81.3964 138.168 81.5767C137.89 81.7554 137.541 81.9286 137.122 82.0965C136.304 82.4255 135.555 82.5784 134.876 82.5551C134.2 82.5253 133.614 82.3174 133.118 81.9314C132.627 81.5437 132.25 80.9726 131.985 80.2183L128.096 69.5679ZM145.646 79.1776C144.476 79.5864 143.382 79.6994 142.366 79.5168C141.354 79.3276 140.463 78.884 139.696 78.1859C138.931 77.4813 138.341 76.561 137.927 75.425C137.51 74.2841 137.37 73.2067 137.507 72.1928C137.647 71.1724 138.049 70.2778 138.712 69.509C139.378 68.7337 140.297 68.1417 141.467 67.7329C142.638 67.3242 143.73 67.2144 144.743 67.4035C145.759 67.5862 146.649 68.0298 147.414 68.7344C148.181 69.4324 148.773 70.3519 149.19 71.4927C149.605 72.6288 149.742 73.707 149.602 74.7275C149.465 75.7414 149.063 76.636 148.397 77.4113C147.734 78.1801 146.817 78.7688 145.646 79.1776ZM144.695 76.5056C145.121 76.3569 145.434 76.1011 145.634 75.7382C145.835 75.3752 145.928 74.9356 145.914 74.4194C145.905 73.9016 145.789 73.3394 145.568 72.7328C145.343 72.1167 145.066 71.6054 144.738 71.199C144.414 70.791 144.057 70.5085 143.667 70.3516C143.277 70.1947 142.869 70.1905 142.444 70.3392C142.003 70.4929 141.678 70.7529 141.468 71.1193C141.263 71.4839 141.165 71.9252 141.174 72.4431C141.188 72.9592 141.308 73.5254 141.533 74.1416C141.754 74.7481 142.027 75.2554 142.35 75.6635C142.679 76.0698 143.04 76.3506 143.435 76.5059C143.835 76.6594 144.255 76.6593 144.695 76.5056ZM156.231 75.4581C155.52 75.7064 154.845 75.8088 154.207 75.7655C153.573 75.7157 153.008 75.5059 152.513 75.136C152.021 74.7596 151.641 74.2055 151.374 73.4738C151.149 72.8577 151.068 72.2998 151.131 71.8002C151.194 71.3005 151.368 70.8516 151.654 70.4534C151.939 70.0552 152.307 69.7018 152.756 69.393C153.203 69.0794 153.701 68.7998 154.25 68.554C154.862 68.275 155.351 68.0366 155.715 67.8389C156.078 67.6364 156.324 67.4445 156.454 67.2634C156.587 67.0757 156.613 66.8688 156.53 66.6425L156.517 66.6064C156.382 66.2358 156.149 65.9941 155.819 65.8814C155.488 65.7688 155.106 65.7885 154.67 65.9405C154.201 66.1043 153.86 66.3372 153.649 66.639C153.437 66.9408 153.358 67.2834 153.41 67.6666L150.095 68.6938C149.946 67.9861 149.975 67.2974 150.183 66.6277C150.395 65.9514 150.798 65.3384 151.394 64.7885C151.992 64.2322 152.79 63.78 153.787 63.432C154.498 63.1837 155.184 63.0391 155.846 62.9981C156.506 62.9523 157.116 63.0106 157.677 63.1729C158.236 63.3304 158.721 63.5956 159.13 63.9684C159.543 64.3396 159.857 64.8188 160.072 65.4061L162.824 72.9444L159.486 74.1099L158.922 72.5647L158.835 72.5951C158.773 73.0398 158.635 73.4462 158.421 73.8142C158.211 74.1806 157.922 74.5014 157.553 74.7766C157.189 75.0502 156.748 75.2773 156.231 75.4581ZM156.483 72.7649C156.865 72.6314 157.18 72.4345 157.429 72.174C157.682 71.9119 157.852 71.6139 157.937 71.2802C158.021 70.9416 157.997 70.5918 157.865 70.2308L157.48 69.1766C157.398 69.265 157.292 69.3562 157.163 69.4502C157.038 69.5425 156.898 69.6375 156.743 69.7351C156.588 69.8327 156.426 69.9272 156.257 70.0186C156.089 70.11 155.927 70.1964 155.771 70.2779C155.457 70.4474 155.201 70.6289 155.004 70.8224C154.813 71.0142 154.686 71.2211 154.626 71.4431C154.568 71.6587 154.583 71.8868 154.671 72.1275C154.804 72.4933 155.037 72.7269 155.369 72.8282C155.705 72.9279 156.076 72.9068 156.483 72.7649ZM152.222 62.5535L152.499 58.7852L155.642 57.6882L154.639 61.7098L152.222 62.5535ZM166.234 64.6226L168.543 70.9479L164.994 72.1868L160.945 61.096L164.319 59.9178L165.063 61.954L165.186 61.911C165.185 61.1461 165.412 60.4672 165.866 59.8744C166.319 59.2767 166.957 58.8343 167.779 58.5471C168.563 58.2735 169.307 58.2119 170.011 58.3623C170.718 58.5062 171.346 58.8353 171.893 59.3496C172.444 59.8574 172.869 60.5285 173.169 61.363L175.75 68.432L172.201 69.6709L169.873 63.2951C169.653 62.6773 169.32 62.2508 168.874 62.0157C168.433 61.7789 167.932 61.7585 167.37 61.9544C166.998 62.0844 166.699 62.2811 166.473 62.5445C166.25 62.8013 166.116 63.106 166.07 63.4585C166.029 63.8093 166.084 64.1973 166.234 64.6226Z",
@@ -6726,8 +6518,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19("defs", { children: [
-        /* @__PURE__ */ jsxs19(
+      /* @__PURE__ */ jsxs18("defs", { children: [
+        /* @__PURE__ */ jsxs18(
           "filter",
           {
             id: "filter0_d_615_26793",
@@ -6738,8 +6530,8 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             filterUnits: "userSpaceOnUse",
             colorInterpolationFilters: "sRGB",
             children: [
-              /* @__PURE__ */ jsx34("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ jsx33(
                 "feColorMatrix",
                 {
                   in: "SourceAlpha",
@@ -6748,17 +6540,17 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
                   result: "hardAlpha"
                 }
               ),
-              /* @__PURE__ */ jsx34("feOffset", { dy: "4" }),
-              /* @__PURE__ */ jsx34("feGaussianBlur", { stdDeviation: "2" }),
-              /* @__PURE__ */ jsx34("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33("feOffset", { dy: "4" }),
+              /* @__PURE__ */ jsx33("feGaussianBlur", { stdDeviation: "2" }),
+              /* @__PURE__ */ jsx33("feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ jsx33(
                 "feColorMatrix",
                 {
                   type: "matrix",
                   values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
                 }
               ),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33(
                 "feBlend",
                 {
                   mode: "normal",
@@ -6766,7 +6558,7 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
                   result: "effect1_dropShadow_615_26793"
                 }
               ),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33(
                 "feBlend",
                 {
                   mode: "normal",
@@ -6778,12 +6570,12 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
             ]
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "clipPath",
           {
             id: "bgblur_0_615_26793_clip_path",
             transform: "translate(10.1151 -14.174)",
-            children: /* @__PURE__ */ jsx34(
+            children: /* @__PURE__ */ jsx33(
               "rect",
               {
                 width: "193.593",
@@ -6800,9 +6592,9 @@ var PaidIcon = () => /* @__PURE__ */ jsxs19(
 );
 
 // src/icons/placeholder-icon.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var PlaceHolderIcon = () => {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6811,7 +6603,7 @@ var PlaceHolderIcon = () => {
       height: "256.000000pt",
       viewBox: "0 0 256.000000 256.000000",
       preserveAspectRatio: "xMidYMid meet",
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx34(
         "g",
         {
           transform: "translate(0.000000,256.000000) scale(0.100000,-0.100000)",
@@ -6824,13 +6616,13 @@ var PlaceHolderIcon = () => {
 };
 
 // src/icons/google-icon.tsx
-import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var GoogleIcon = ({
   width = 20,
   height = 20,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6841,28 +6633,28 @@ var GoogleIcon = ({
       height,
       ...props,
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35(
           "path",
           {
             fill: "#fbc02d",
             d: "M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35(
           "path",
           {
             fill: "#e53935",
             d: "M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35(
           "path",
           {
             fill: "#4caf50",
             d: "M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35(
           "path",
           {
             fill: "#1565c0",
@@ -6875,9 +6667,9 @@ var GoogleIcon = ({
 };
 
 // src/icons/eye-closed-icon.tsx
-import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 var EyeClosedIcon = () => {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "svg",
     {
       width: "20",
@@ -6886,7 +6678,7 @@ var EyeClosedIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx36(
           "path",
           {
             d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
@@ -6894,7 +6686,7 @@ var EyeClosedIcon = () => {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx36(
           "path",
           {
             d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
@@ -6902,7 +6694,7 @@ var EyeClosedIcon = () => {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx36(
           "line",
           {
             x1: "4",
@@ -7774,11 +7566,11 @@ var usePagination = ({
 };
 
 // src/icons/common.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var IcArrow = () => /* @__PURE__ */ jsx38("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx38("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
+import { jsx as jsx37 } from "react/jsx-runtime";
+var IcArrow = () => /* @__PURE__ */ jsx37("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx37("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
 
 // src/widgets/advanced/pagination/pagination-view.tsx
-import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 var PaginationView = (props) => {
   const {
     displayPageNumberDots,
@@ -7811,25 +7603,25 @@ var PaginationView = (props) => {
   let lastPage = paginationRange[paginationRange.length - 1];
   const startPage = currentPage * pageSize + 1;
   const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
-  return /* @__PURE__ */ jsxs22("ul", { className: `pagination-container rounded-lg ${className}`, children: [
-    !displayPageNumberDots && /* @__PURE__ */ jsxs22("li", { className: "pagination-item px-0", children: [
+  return /* @__PURE__ */ jsxs21("ul", { className: `pagination-container rounded-lg ${className}`, children: [
+    !displayPageNumberDots && /* @__PURE__ */ jsxs21("li", { className: "pagination-item px-0", children: [
       startPage,
       " - ",
       endPage,
       " / ",
       totalCount
     ] }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx38(
       "li",
       {
         className: `pagination-item ${currentPage === 0 && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
         onClick: onPrevious,
-        children: /* @__PURE__ */ jsx39("div", { className: "arrow left", children: /* @__PURE__ */ jsx39(IcArrow, {}) })
+        children: /* @__PURE__ */ jsx38("div", { className: "arrow left", children: /* @__PURE__ */ jsx38(IcArrow, {}) })
       }
     ),
     displayPageNumberDots && paginationRange.map((pageNumber) => {
       if (pageNumber === DOTS) {
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx38(
           "li",
           {
             className: "pagination-item dots",
@@ -7838,7 +7630,7 @@ var PaginationView = (props) => {
           "pagination" + pageNumber
         );
       }
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         "li",
         {
           className: `pagination-item ${pageNumber - 1 === currentPage && "selected"}`,
@@ -7848,12 +7640,12 @@ var PaginationView = (props) => {
         "pagination" + pageNumber
       );
     }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx38(
       "li",
       {
         className: `pagination-item ${currentPage + 1 === lastPage && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
         onClick: onNext,
-        children: /* @__PURE__ */ jsx39("div", { className: "arrow rotate-180", children: /* @__PURE__ */ jsx39(IcArrow, {}) })
+        children: /* @__PURE__ */ jsx38("div", { className: "arrow rotate-180", children: /* @__PURE__ */ jsx38(IcArrow, {}) })
       }
     )
   ] });
@@ -10583,7 +10375,7 @@ var vi_default = {
   cancel: "H\u1EE7y",
   save: "L\u01B0u",
   my_profile: "H\u1ED3 s\u01A1 c\u1EE7a t\xF4i",
-  empty_data: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
+  empty_data: "D\u1EEF li\u1EC7u tr\u1ED1ng",
   Settings: "C\xE0i \u0111\u1EB7t",
   settings: "C\xE0i \u0111\u1EB7t",
   payment_method: "Ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",
@@ -12011,7 +11803,7 @@ instance.use(Browser).use(initReactI18next).init({
 var i18n_default = instance;
 
 // src/widgets/advanced/table/table-group.tsx
-import { Fragment as Fragment2, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 var TableGroup = (props) => {
   const {
     handleExpandChildGroup,
@@ -12042,42 +11834,42 @@ var TableGroup = (props) => {
     pageGroup,
     setPageGroup
   } = props;
-  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+    /* @__PURE__ */ jsxs22(
       "tr",
       {
         draggable: true,
         className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative z-10",
         onClick: handleExpandChildGroup,
         children: [
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx39(
             "td",
             {
               colSpan: colEmptyGroup.fromStart ?? 1,
               style: { display: "table-cell" },
               className: "relative z-20 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__ */ jsxs22(
                 "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__ */ jsx40(
+                    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx39(
                         TriangleIcon,
                         {
                           className: `w-2 h-2  text-button_primary ${isShowGroup && isQueryFetched ? "rotate-180" : "rotate-90"}`
                         }
                       ),
-                      /* @__PURE__ */ jsx40("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
+                      /* @__PURE__ */ jsx39("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
                     ] }),
-                    /* @__PURE__ */ jsx40(
+                    /* @__PURE__ */ jsx39(
                       "div",
                       {
                         onClick: (e3) => {
                           e3.stopPropagation();
                         },
-                        children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ jsx40(
+                        children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ jsx39(
                           PaginationView,
                           {
                             className: "pagination-bar !bg-transparent absolute z-[100] right-0 top-1/2 -translate-y-1/2",
@@ -12097,7 +11889,7 @@ var TableGroup = (props) => {
           ),
           columns?.map((col) => {
             if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
-              return /* @__PURE__ */ jsx40(
+              return /* @__PURE__ */ jsx39(
                 "td",
                 {
                   className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -12115,7 +11907,7 @@ var TableGroup = (props) => {
         ]
       }
     ),
-    isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ jsx40(
+    isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ jsx39(
       TableBodyRow,
       {
         columns: columnsGroup,
@@ -12139,7 +11931,7 @@ var TableGroup = (props) => {
 
 // src/widgets/advanced/table/table-row.tsx
 import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3 } from "react";
-import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var Row = (props) => {
   const {
     row,
@@ -12204,17 +11996,17 @@ var Row = (props) => {
       false;
     }
   }, [checkedAll]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     "tr",
     {
       "data-row-id": row?.id,
       className: `border-b border-[#e8e8e8] cursor-pointer`,
-      children: /* @__PURE__ */ jsxs24(Fragment3, { children: [
-        isDisplayCheckbox && /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsxs23(Fragment3, { children: [
+        isDisplayCheckbox && /* @__PURE__ */ jsx40(
           "td",
           {
             className: `column w-max whitespace-nowrap  p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx40(
               "input",
               {
                 type: "checkbox",
@@ -12227,9 +12019,9 @@ var Row = (props) => {
         ),
         columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
           if (row?.display_type === "line_section" && col.key !== "display_name") {
-            return /* @__PURE__ */ jsx41("td", {});
+            return /* @__PURE__ */ jsx40("td", {});
           }
-          return /* @__PURE__ */ jsx41(
+          return /* @__PURE__ */ jsx40(
             "td",
             {
               colSpan: 1,
@@ -12248,7 +12040,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx41("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ jsx41("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx41(
+        typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx40("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ jsx40("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx40(
           "button",
           {
             type: "button",
@@ -12256,7 +12048,7 @@ var Row = (props) => {
             onClick: () => {
               onRemoveRow(indexRow);
             },
-            children: /* @__PURE__ */ jsx41(DeleteIcon, {})
+            children: /* @__PURE__ */ jsx40(DeleteIcon, {})
           }
         ) }) })
       ] })
@@ -12266,7 +12058,7 @@ var Row = (props) => {
 };
 
 // src/widgets/advanced/table/table-body.tsx
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var TableBodyRow = (props) => {
   const {
     rows,
@@ -12288,8 +12080,6 @@ var TableBodyRow = (props) => {
     onAddRow,
     onRemoveRow,
     checked,
-    isForm,
-    typeCo,
     selectedRowKeys,
     tableGroupController,
     groupByList,
@@ -12297,10 +12087,8 @@ var TableBodyRow = (props) => {
     isAutoSelect,
     isEditTable
   } = props;
-  const rootStyle = getComputedStyle(document.documentElement);
-  const colorPrimary = rootStyle.getPropertyValue("--primary").trim();
-  return rows && rows?.length > 0 ? rows?.map((row, index4) => {
-    return typeTable === "group" ? /* @__PURE__ */ jsx42(
+  return rows && rows?.length > 0 && rows?.map((row, index4) => {
+    return typeTable === "group" ? /* @__PURE__ */ jsx41(
       TableGroup,
       {
         columns,
@@ -12324,7 +12112,7 @@ var TableBodyRow = (props) => {
         selectedRowKeys
       },
       `record-group-${index4}`
-    ) : /* @__PURE__ */ jsx42(
+    ) : /* @__PURE__ */ jsx41(
       Row,
       {
         row,
@@ -12348,20 +12136,11 @@ var TableBodyRow = (props) => {
       },
       `record-${index4}`
     );
-  }) : !isForm && /* @__PURE__ */ jsx42("tr", { children: /* @__PURE__ */ jsx42("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */ jsxs25(
-    "div",
-    {
-      className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
-      children: [
-        /* @__PURE__ */ jsx42(EmptyData, { className: colorPrimary }),
-        /* @__PURE__ */ jsx42("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
-      ]
-    }
-  ) }) });
+  });
 };
 var TableBody = (props) => {
   const [isAutoSelect, setIsAutoSelect] = useState2(false);
-  return /* @__PURE__ */ jsx42("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ jsx41(
     TableBodyRow,
     {
       ...props,
@@ -12374,7 +12153,7 @@ var TableBody = (props) => {
 // src/widgets/advanced/table/table-filter.tsx
 import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 var TableFilter = ({ columns, onToggleColumnOptional }) => {
   const [openTableFilter, setOpenTableFilter] = useState3();
   const [filterPosition, setFilterPosition] = useState3(null);
@@ -12406,7 +12185,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       window.removeEventListener("resize", updatePosition);
     };
   }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       ref: filterRef,
@@ -12415,7 +12194,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       },
       className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-[#eff1f2]",
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
@@ -12423,7 +12202,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
             onClick: () => {
               setOpenTableFilter(!openTableFilter);
             },
-            children: /* @__PURE__ */ jsxs26(
+            children: /* @__PURE__ */ jsxs24(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -12432,42 +12211,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
                 viewBox: "0 0 16 16",
                 fill: "none",
                 children: [
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M14.6665 4.83301H10.6665C10.3932 4.83301 10.1665 4.60634 10.1665 4.33301C10.1665 4.05967 10.3932 3.83301 10.6665 3.83301H14.6665C14.9398 3.83301 15.1665 4.05967 15.1665 4.33301C15.1665 4.60634 14.9398 4.83301 14.6665 4.83301Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M4.00016 4.83301H1.3335C1.06016 4.83301 0.833496 4.60634 0.833496 4.33301C0.833496 4.05967 1.06016 3.83301 1.3335 3.83301H4.00016C4.2735 3.83301 4.50016 4.05967 4.50016 4.33301C4.50016 4.60634 4.2735 4.83301 4.00016 4.83301Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M6.66683 7.16667C5.10683 7.16667 3.8335 5.89333 3.8335 4.33333C3.8335 2.77333 5.10683 1.5 6.66683 1.5C8.22683 1.5 9.50016 2.77333 9.50016 4.33333C9.50016 5.89333 8.22683 7.16667 6.66683 7.16667ZM6.66683 2.5C5.6535 2.5 4.8335 3.32 4.8335 4.33333C4.8335 5.34667 5.6535 6.16667 6.66683 6.16667C7.68016 6.16667 8.50016 5.34667 8.50016 4.33333C8.50016 3.32 7.68016 2.5 6.66683 2.5Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M14.6667 12.167H12C11.7267 12.167 11.5 11.9403 11.5 11.667C11.5 11.3937 11.7267 11.167 12 11.167H14.6667C14.94 11.167 15.1667 11.3937 15.1667 11.667C15.1667 11.9403 14.94 12.167 14.6667 12.167Z",
                       fill: "black"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M5.3335 12.167H1.3335C1.06016 12.167 0.833496 11.9403 0.833496 11.667C0.833496 11.3937 1.06016 11.167 1.3335 11.167H5.3335C5.60683 11.167 5.8335 11.3937 5.8335 11.667C5.8335 11.9403 5.60683 12.167 5.3335 12.167Z",
                       fill: "black"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "path",
                     {
                       d: "M9.33333 14.4997C7.77333 14.4997 6.5 13.2263 6.5 11.6663C6.5 10.1063 7.77333 8.83301 9.33333 8.83301C10.8933 8.83301 12.1667 10.1063 12.1667 11.6663C12.1667 13.2263 10.8933 14.4997 9.33333 14.4997ZM9.33333 9.83301C8.32 9.83301 7.5 10.653 7.5 11.6663C7.5 12.6797 8.32 13.4997 9.33333 13.4997C10.3467 13.4997 11.1667 12.6797 11.1667 11.6663C11.1667 10.653 10.3467 9.83301 9.33333 9.83301Z",
@@ -12480,15 +12259,15 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
           }
         ),
         filterPosition && openTableFilter && createPortal(
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx42(
             "div",
             {
               ref: filterPopupRef,
               style: { top: filterPosition?.top, right: filterPosition?.right },
               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__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx43(
+                return /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx42(
                     "input",
                     {
                       type: "checkbox",
@@ -12498,7 +12277,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
                       className: "cursor-pointer"
                     }
                   ),
-                  /* @__PURE__ */ jsx43(
+                  /* @__PURE__ */ jsx42(
                     "label",
                     {
                       htmlFor: `${item.name}`,
@@ -12518,14 +12297,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
 };
 
 // src/widgets/advanced/table/table-footer.tsx
-import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 var TableFooter = ({ onAddRow, rows }) => {
   const emptyData = rows?.length <= 0;
-  return /* @__PURE__ */ jsx44("tfoot", { children: /* @__PURE__ */ jsx44("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43("tfoot", { children: /* @__PURE__ */ jsx43("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ jsx43(
     "td",
     {
       className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
-      children: /* @__PURE__ */ jsxs27(
+      children: /* @__PURE__ */ jsxs25(
         "button",
         {
           type: "button",
@@ -12535,7 +12314,7 @@ var TableFooter = ({ onAddRow, rows }) => {
           },
           className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
           children: [
-            /* @__PURE__ */ jsxs27(
+            /* @__PURE__ */ jsxs25(
               "svg",
               {
                 style: {
@@ -12548,14 +12327,14 @@ var TableFooter = ({ onAddRow, rows }) => {
                 viewBox: "0 0 20 20",
                 fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
                 children: [
-                  /* @__PURE__ */ jsx44(
+                  /* @__PURE__ */ jsx43(
                     "path",
                     {
                       className: `${!emptyData ? "fill-primary" : "fill-white"} `,
                       d: "M15 10.625H5C4.65833 10.625 4.375 10.3417 4.375 10C4.375 9.65833 4.65833 9.375 5 9.375H15C15.3417 9.375 15.625 9.65833 15.625 10C15.625 10.3417 15.3417 10.625 15 10.625Z"
                     }
                   ),
-                  /* @__PURE__ */ jsx44(
+                  /* @__PURE__ */ jsx43(
                     "path",
                     {
                       className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -12574,7 +12353,7 @@ var TableFooter = ({ onAddRow, rows }) => {
 };
 
 // src/widgets/advanced/table/table-head.tsx
-import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
     handleCheckBoxAll,
@@ -12584,7 +12363,7 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx44("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs26(
     "tr",
     {
       style: {
@@ -12596,11 +12375,11 @@ var TableHead = (props) => {
       },
       className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
-        isDisplayCheckbox && /* @__PURE__ */ jsx45(
+        isDisplayCheckbox && /* @__PURE__ */ jsx44(
           "th",
           {
             className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx44(
               "input",
               {
                 type: "checkbox",
@@ -12612,17 +12391,17 @@ var TableHead = (props) => {
           }
         ),
         columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
-          return /* @__PURE__ */ jsx45(
+          return /* @__PURE__ */ jsx44(
             "th",
             {
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
-              children: /* @__PURE__ */ jsx45("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
+              children: /* @__PURE__ */ jsx44("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
             },
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx45("th", { className: "relative p-2 w-[35px]" }),
-        columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx45(
+        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx44("th", { className: "relative p-2 w-[35px]" }),
+        columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx44(
           "th",
           {
             style: {
@@ -12630,7 +12409,7 @@ var TableHead = (props) => {
               right: 0
             },
             className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-[#eff1f2]`,
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx44(
               TableFilter,
               {
                 columns,
@@ -12644,6 +12423,349 @@ var TableHead = (props) => {
   ) });
 };
 
+// src/icons/empty-table-icon.tsx
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
+var IcEmptyTable = ({ isForm }) => {
+  return isForm ? /* @__PURE__ */ jsxs27(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "216",
+      height: "140",
+      viewBox: "0 0 216 140",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxs27("g", { "clip-path": "url(#clip0_2454_28950)", children: [
+          /* @__PURE__ */ jsx45("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M64.5 0V140",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M151.5 0V140",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M215.5 24H0.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M215.5 50H0.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M215.5 88H0.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M215.5 114H0.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10",
+              "stroke-dasharray": "3 3"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M199.5 0V140",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M16.5 0V140",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M0.5 16H215.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M0.5 124H215.5",
+              stroke: "#EEEFF1",
+              "stroke-width": "0.8",
+              "stroke-miterlimit": "10"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M85.3696 59.4442L85.9782 60.2035C86.1008 60.3564 86.3827 60.1962 86.5084 59.9022L87.8918 56.6641",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M115.636 39.734L94.1971 52.1117C93.5007 52.5139 92.936 53.4918 92.936 54.296V55.0242C92.936 55.8284 93.5007 56.1544 94.1971 55.7523L115.636 43.3745C116.333 42.9724 116.897 41.9944 116.897 41.1902V40.4621C116.897 39.6579 116.333 39.3319 115.636 39.734Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M115.636 52.8395L94.1971 65.2172C93.5007 65.6193 92.936 66.5973 92.936 67.4015V68.1296C92.936 68.9339 93.5007 69.2598 94.1971 68.8577L115.636 56.48C116.333 56.0779 116.897 55.0999 116.897 54.2957V53.5676C116.897 52.7633 116.333 52.4373 115.636 52.8395Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M115.636 65.9449L94.1971 78.3227C93.5007 78.7248 92.936 79.7027 92.936 80.507V81.2351C92.936 82.0393 93.5007 82.3653 94.1971 81.9632L115.636 69.5854C116.333 69.1833 116.897 68.2054 116.897 67.4011V66.673C116.897 65.8688 116.333 65.5428 115.636 65.9449Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M115.636 79.0504L94.1971 91.4281C93.5007 91.8303 92.936 92.8082 92.936 93.6125V94.3406C92.936 95.1448 93.5007 95.4708 94.1971 95.0687L115.636 82.6909C116.333 82.2888 116.897 81.3108 116.897 80.5066V79.7785C116.897 78.9743 116.333 78.6483 115.636 79.0504Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M132.285 26.7744C132.222 26.6683 132.14 26.5872 132.042 26.5334L129.519 25.0772C129.429 25.0276 129.325 25.0013 129.211 25C128.942 24.9971 128.588 25.201 127.882 25.6087L86.5178 49.4905C85.8115 49.8983 85.4583 50.1021 85.1886 50.4166C84.9513 50.6932 84.7584 51.0274 84.6375 51.3712C84.5 51.762 84.5 52.1698 84.5 52.9854V110.942C84.5 111.758 84.5 112.166 84.6375 112.398C84.7003 112.504 84.7827 112.585 84.8806 112.639L87.4028 114.095C87.4932 114.145 87.5969 114.171 87.7108 114.172C87.9806 114.175 88.3337 113.971 89.04 113.563L130.404 89.6817C131.111 89.2739 131.464 89.07 131.734 88.7556C131.971 88.479 132.164 88.1448 132.285 87.801C132.422 87.4102 132.422 87.0023 132.422 86.1868V28.2298C132.422 27.4143 132.422 27.0066 132.285 26.7744Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M85 50.5007L87.7503 52.132M132.081 26.7061C131.991 26.6565 131.887 26.6302 131.773 26.6289C131.503 26.6259 131.15 26.8298 130.444 27.2376L87.7502 52.0455L87.7503 114.001",
+              stroke: "#9FA1A7",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M132.285 26.7744C132.222 26.6683 132.14 26.5872 132.042 26.5334L129.519 25.0772C129.429 25.0276 129.325 25.0013 129.211 25C128.942 24.9971 128.588 25.201 127.882 25.6087L86.5178 49.4905C85.8115 49.8983 85.4583 50.1021 85.1886 50.4166C84.9513 50.6932 84.7584 51.0274 84.6375 51.3712C84.5 51.762 84.5 52.1698 84.5 52.9854V110.942C84.5 111.758 84.5 112.166 84.6375 112.398C84.7003 112.504 84.7827 112.585 84.8806 112.639L87.4028 114.095C87.4932 114.145 87.5969 114.171 87.7108 114.172C87.9806 114.175 88.3337 113.971 89.04 113.563L130.404 89.6817C131.111 89.2739 131.464 89.07 131.734 88.7556C131.971 88.479 132.164 88.1448 132.285 87.801C132.422 87.4102 132.422 87.0023 132.422 86.1868V28.2298C132.422 27.4143 132.422 27.0066 132.285 26.7744Z",
+              stroke: "#5C5E63",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M96.6305 54.2962L96.6305 54.2962C94.541 55.5025 92.8472 58.4364 92.8472 60.8491V60.8491C92.8472 63.2618 94.541 64.2398 96.6305 63.0334L96.6305 63.0334C98.72 61.827 100.414 58.8932 100.414 56.4805V56.4805C100.414 54.0677 98.72 53.0898 96.6305 54.2962Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M95.3696 59.4441L95.9782 60.2034C96.1008 60.3564 96.3827 60.1962 96.5084 59.9021L97.8918 56.6641",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M96.6305 67.4016L96.6305 67.4016C94.541 68.608 92.8472 71.5418 92.8472 73.9545V73.9546C92.8472 76.3673 94.541 77.3452 96.6305 76.1389L96.6305 76.1389C98.72 74.9325 100.414 71.9987 100.414 69.5859V69.5859C100.414 67.1732 98.72 66.1953 96.6305 67.4016Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M96.6305 80.5071L96.6305 80.5071C94.541 81.7135 92.8472 84.6473 92.8472 87.06V87.06C92.8472 89.4727 94.541 90.4507 96.6305 89.2443L96.6305 89.2443C98.72 88.038 100.414 85.1041 100.414 82.6914V82.6914C100.414 80.2787 98.72 79.3007 96.6305 80.5071Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M96.6305 93.6126L96.6305 93.6126C94.541 94.8189 92.8472 97.7528 92.8472 100.165V100.165C92.8472 102.578 94.541 103.556 96.6305 102.35L96.6305 102.35C98.72 101.143 100.414 98.2096 100.414 95.7969V95.7969C100.414 93.3842 98.72 92.4062 96.6305 93.6126Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M125.636 39.734L104.197 52.1117C103.501 52.5139 102.936 53.4918 102.936 54.296V55.0242C102.936 55.8284 103.501 56.1544 104.197 55.7523L125.636 43.3745C126.333 42.9724 126.897 41.9944 126.897 41.1902V40.4621C126.897 39.6579 126.333 39.3319 125.636 39.734Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M125.636 52.8395L104.197 65.2172C103.501 65.6193 102.936 66.5973 102.936 67.4015V68.1296C102.936 68.9339 103.501 69.2598 104.197 68.8577L125.636 56.48C126.333 56.0779 126.897 55.0999 126.897 54.2957V53.5676C126.897 52.7633 126.333 52.4373 125.636 52.8395Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M125.636 65.9449L104.197 78.3227C103.501 78.7248 102.936 79.7027 102.936 80.507V81.2351C102.936 82.0393 103.501 82.3653 104.197 81.9632L125.636 69.5854C126.333 69.1833 126.897 68.2054 126.897 67.4011V66.673C126.897 65.8688 126.333 65.5428 125.636 65.9449Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.6",
+              d: "M125.636 79.0504L104.197 91.4281C103.501 91.8303 102.936 92.8082 102.936 93.6125V94.3406C102.936 95.1448 103.501 95.4708 104.197 95.0687L125.636 82.6909C126.333 82.2888 126.897 81.3108 126.897 80.5066V79.7785C126.897 78.9743 126.333 78.6483 125.636 79.0504Z",
+              stroke: "#5C5E63",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M114.191 31.968C113.467 32.3862 112.814 32.4107 112.354 32.1116C111.929 31.8356 111.669 31.2839 111.669 30.5118C111.669 29.4663 111.287 28.7441 110.676 28.433C110.112 28.1458 109.352 28.209 108.516 28.6915C106.775 29.6968 105.363 32.1417 105.363 34.1523C105.363 35.7608 104.234 37.7167 102.841 38.5209L99.6884 40.3412C97.5989 41.5475 95.905 44.4814 95.905 46.8941C95.905 47.0871 95.9701 47.225 96.0762 47.294L96.1036 47.3098C96.0942 47.3051 96.0851 47.2998 96.0762 47.294L93.5814 45.8536C93.4591 45.7914 93.3828 45.647 93.3828 45.4379C93.3828 43.0252 95.0767 40.0913 97.1661 38.885L100.319 37.0647C101.712 36.2605 102.841 34.3046 102.841 32.6961C102.841 30.6855 104.253 28.2406 105.994 27.2353C106.83 26.7528 107.59 26.6896 108.154 26.9768L110.676 28.433C111.287 28.7441 111.669 29.4663 111.669 30.5118L114.822 28.6915C115.825 28.1125 116.736 28.0367 117.413 28.3813L119.936 29.8374C119.259 29.4928 118.347 29.5687 117.344 30.1477L114.191 31.968Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M105.337 33.9031C105.337 31.8925 106.749 29.4476 108.49 28.4423C110.231 27.437 111.643 28.252 111.643 30.2625C111.643 31.871 112.772 32.523 114.165 31.7188L117.318 29.8985C119.407 28.6921 121.101 29.6701 121.101 32.0828C121.101 32.4849 120.819 32.9739 120.471 33.1749L96.5095 47.0089C96.1612 47.2099 95.8789 47.047 95.8789 46.6448C95.8789 44.2321 97.5728 41.2983 99.6622 40.0919L102.815 38.2717C104.208 37.4674 105.337 35.5115 105.337 33.9031ZM108.49 33.539C109.186 33.1369 109.751 32.1589 109.751 31.3547C109.751 30.5505 109.186 30.2245 108.49 30.6266C107.794 31.0287 107.229 32.0067 107.229 32.8109C107.229 33.6151 107.794 33.9411 108.49 33.539Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M112.328 31.8616C112.788 32.1606 113.441 32.1362 114.165 31.718M114.165 31.718L117.318 29.8977M114.165 31.718C112.772 32.5222 111.643 31.8702 111.643 30.2617M117.318 29.8977C118.321 29.3186 119.233 29.2429 119.91 29.5874L117.387 28.1312C116.71 27.7867 115.799 27.8624 114.796 28.4415L111.643 30.2617M117.318 29.8977C119.407 28.6913 121.101 29.6693 121.101 32.082C121.101 32.4841 120.819 32.9731 120.471 33.1741L96.5097 47.0081C96.1614 47.2091 95.8791 47.0462 95.8791 46.644M111.643 30.2617C111.643 28.2512 110.231 27.4362 108.49 28.4415M95.8791 46.644C95.8791 46.8532 95.9554 46.9976 96.0777 47.0598L93.5555 45.6036C93.4332 45.5414 93.3569 45.397 93.3569 45.1878C93.3569 42.7751 95.0507 39.8413 97.1402 38.6349L100.293 36.8147C101.686 36.0104 102.815 34.0545 102.815 32.4461C102.815 30.4355 104.227 27.9906 105.968 26.9853C106.804 26.5027 107.563 26.4396 108.128 26.7267L110.65 28.183C110.086 27.8958 109.326 27.959 108.49 28.4415M95.8791 46.644C95.8791 44.2313 97.573 41.2975 99.6624 40.0911L102.815 38.2709C104.208 37.4666 105.337 35.5107 105.337 33.9023C105.337 31.8917 106.749 29.4468 108.49 28.4415M109.751 31.3539C109.751 32.1581 109.186 33.1361 108.49 33.5382C107.794 33.9403 107.229 33.6143 107.229 32.8101C107.229 32.0059 107.794 31.0279 108.49 30.6258C109.186 30.2237 109.751 30.5497 109.751 31.3539Z",
+              stroke: "#9FA1A7",
+              "stroke-width": "0.6",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx45("defs", { children: /* @__PURE__ */ jsx45("clipPath", { id: "clip0_2454_28950", children: /* @__PURE__ */ jsx45(
+          "rect",
+          {
+            width: "215",
+            height: "140",
+            fill: "white",
+            transform: "translate(0.5)"
+          }
+        ) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx45("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
+};
+
+// src/widgets/advanced/table/empty-table.tsx
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
+var EmptyTable = ({ isForm }) => {
+  return /* @__PURE__ */ jsxs28("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
+    /* @__PURE__ */ jsx46(IcEmptyTable, { isForm }),
+    /* @__PURE__ */ jsxs28("div", { children: [
+      /* @__PURE__ */ jsx46("p", {}),
+      /* @__PURE__ */ jsx46("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
+    ] })
+  ] });
+};
+
 // node_modules/react-hook-form/dist/index.esm.mjs
 import React from "react";
 var isCheckBoxInput = (element) => element.type === "checkbox";
@@ -14458,10 +14580,10 @@ function s2(o3, s4, t3) {
 
 // src/widgets/advanced/login/shared/button.tsx
 import * as React2 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Button = React2.forwardRef(
   ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       "button",
       {
         className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium 
@@ -14471,7 +14593,7 @@ var Button = React2.forwardRef(
         ref,
         type,
         ...props,
-        children: isLoading ? /* @__PURE__ */ jsx46(LoadingIcon, { width: 20, height: 20 }) : children
+        children: isLoading ? /* @__PURE__ */ jsx47(LoadingIcon, { width: 20, height: 20 }) : children
       }
     );
   }
@@ -14480,7 +14602,7 @@ Button.displayName = "Button";
 
 // src/widgets/advanced/login/shared/text-input.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 function TextInput(props) {
   const {
     className,
@@ -14497,14 +14619,14 @@ function TextInput(props) {
   return /* @__PURE__ */ jsxs29("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
     label && /* @__PURE__ */ jsxs29("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
       label,
-      required ? /* @__PURE__ */ jsx47("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
+      required ? /* @__PURE__ */ jsx48("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
     ] }),
     /* @__PURE__ */ jsxs29(
       "div",
       {
         className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
         children: [
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx48(
             "input",
             {
               className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -14513,18 +14635,18 @@ function TextInput(props) {
               ...register(name2)
             }
           ),
-          type === "password" && /* @__PURE__ */ jsx47(
+          type === "password" && /* @__PURE__ */ jsx48(
             "span",
             {
               onClick: () => setShowPassword(!showPassword),
               className: "focus:outline-none",
-              children: showPassword ? /* @__PURE__ */ jsx47(EyeClosedIcon, {}) : /* @__PURE__ */ jsx47(EyeIcon, {})
+              children: showPassword ? /* @__PURE__ */ jsx48(EyeClosedIcon, {}) : /* @__PURE__ */ jsx48(EyeIcon, {})
             }
           )
         ]
       }
     ),
-    errors?.[name2]?.message && /* @__PURE__ */ jsx47(
+    errors?.[name2]?.message && /* @__PURE__ */ jsx48(
       "p",
       {
         className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -14536,7 +14658,7 @@ function TextInput(props) {
 
 // src/widgets/advanced/login/provider/credential/form-options/index.tsx
 import { useEffect as useEffect5 } from "react";
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
   forgotPasswordUrl,
@@ -14564,7 +14686,7 @@ function FormOptions({
   }, []);
   return /* @__PURE__ */ jsxs30("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
     /* @__PURE__ */ jsxs30("label", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx49(
         "input",
         {
           checked: stayLoginIn,
@@ -14573,14 +14695,14 @@ function FormOptions({
           onChange: handleCheckboxChange
         }
       ),
-      /* @__PURE__ */ jsx48("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
+      /* @__PURE__ */ jsx49("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
     ] }),
-    !hideForgotPassword && /* @__PURE__ */ jsx48("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
+    !hideForgotPassword && /* @__PURE__ */ jsx49("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
   ] });
 }
 
 // src/widgets/advanced/login/provider/credential/index.tsx
-import { Fragment as Fragment4, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
 var CredentialLogin = (props) => {
   const {
     shouldRenderDivider,
@@ -14609,7 +14731,7 @@ var CredentialLogin = (props) => {
         className: `flex w-full h-fit flex-col gap-10`,
         children: [
           /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(
               TextInput,
               {
                 inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14622,7 +14744,7 @@ var CredentialLogin = (props) => {
                 errors
               }
             ),
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(
               TextInput,
               {
                 inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14635,7 +14757,7 @@ var CredentialLogin = (props) => {
                 errors
               }
             ),
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(
               FormOptions,
               {
                 forgotPasswordUrl,
@@ -14645,7 +14767,7 @@ var CredentialLogin = (props) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx49("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsx50(
             Button,
             {
               type: "submit",
@@ -14658,14 +14780,14 @@ var CredentialLogin = (props) => {
       }
     ),
     shouldRenderDivider && /* @__PURE__ */ jsxs31("div", { className: "flex justify-center relative", children: [
-      /* @__PURE__ */ jsx49("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
-      /* @__PURE__ */ jsx49("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
+      /* @__PURE__ */ jsx50("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
+      /* @__PURE__ */ jsx50("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
     ] })
   ] });
 };
 
 // src/widgets/advanced/login/provider/google/google-btn/index.tsx
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
 function GoogleButton(props) {
   const { onLoginGoogle, db } = props;
   return /* @__PURE__ */ jsxs32(
@@ -14674,39 +14796,39 @@ function GoogleButton(props) {
       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",
       onClick: () => onLoginGoogle?.(db),
       children: [
-        /* @__PURE__ */ jsx50(GoogleIcon, { className: "google-icon" }),
-        /* @__PURE__ */ jsx50("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
+        /* @__PURE__ */ jsx51(GoogleIcon, { className: "google-icon" }),
+        /* @__PURE__ */ jsx51("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
       ]
     }
   );
 }
 
 // src/widgets/advanced/login/provider/google/redirect/index.tsx
-import { Fragment as Fragment5, jsx as jsx51 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx52 } from "react/jsx-runtime";
 function SocialRedirect(props) {
   const { db, onLoginSocial } = props;
   onLoginSocial && onLoginSocial(String(db));
-  return /* @__PURE__ */ jsx51(Fragment5, {});
+  return /* @__PURE__ */ jsx52(Fragment5, {});
 }
 
 // src/widgets/advanced/login/provider/google/index.tsx
-import { Fragment as Fragment6, jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
   return /* @__PURE__ */ jsxs33(Fragment6, { children: [
-    /* @__PURE__ */ jsx52(GoogleButton, { db, onLoginGoogle }),
-    /* @__PURE__ */ jsx52(SocialRedirect, { db, onLoginSocial })
+    /* @__PURE__ */ jsx53(GoogleButton, { db, onLoginGoogle }),
+    /* @__PURE__ */ jsx53(SocialRedirect, { db, onLoginSocial })
   ] });
 };
 
 // src/widgets/advanced/login/index.tsx
-import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 var LoginProviderMapping = {
   google: GoogleLogin
 };
 var Login = (props) => {
   const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
   return /* @__PURE__ */ jsxs34("div", { className: "w-full space-y-8", children: [
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       CredentialLogin,
       {
         ...props,
@@ -14716,7 +14838,7 @@ var Login = (props) => {
     ),
     providers.map((provider, index4) => {
       const ProviderComp = LoginProviderMapping[provider];
-      return /* @__PURE__ */ jsx53(
+      return /* @__PURE__ */ jsx54(
         ProviderComp,
         {
           db,
@@ -14730,7 +14852,7 @@ var Login = (props) => {
 };
 
 // src/widgets/advanced/search/popup-filter/index.tsx
-import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
 var PopupFilter = ({
   handleAddTagSearch,
   removeSearchItems,
@@ -14740,7 +14862,7 @@ var PopupFilter = ({
   setGroupBy,
   fields
 }) => {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       style: {
@@ -14757,15 +14879,15 @@ var PopupFilter = ({
           children: [
             filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
               /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
-                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
+                /* @__PURE__ */ jsx55(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ jsx55("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
               ] }),
               filterBy?.reduce((acc, item, index4, array) => {
                 const prevItem = array[index4 - 1];
                 const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
                 const isExist = item?.active;
                 if (isDifferentGroup) {
-                  acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
+                  acc.push(/* @__PURE__ */ jsx55("hr", { className: "my-2" }, "separator-" + index4));
                 }
                 acc.push(
                   /* @__PURE__ */ jsxs35(
@@ -14793,8 +14915,8 @@ var PopupFilter = ({
                         });
                       },
                       children: [
-                        isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                        /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string ?? item?.help })
+                        isExist && /* @__PURE__ */ jsx55(CheckIcon, {}),
+                        /* @__PURE__ */ jsx55("span", { className: "text-sm", children: item?.string ?? item?.help })
                       ]
                     },
                     "filter-" + index4
@@ -14803,11 +14925,11 @@ var PopupFilter = ({
                 return acc;
               }, [])
             ] }),
-            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx55("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
             groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
               /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
-                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
+                /* @__PURE__ */ jsx55(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ jsx55("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
               ] }),
               groupBy?.map((item, index4) => {
                 const isExist = item?.active;
@@ -14836,8 +14958,8 @@ var PopupFilter = ({
                     },
                     className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
                     children: [
-                      isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                      /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string })
+                      isExist && /* @__PURE__ */ jsx55(CheckIcon, {}),
+                      /* @__PURE__ */ jsx55("span", { className: "text-sm", children: item?.string })
                     ]
                   },
                   "groupby-" + index4 + 1
@@ -14856,7 +14978,7 @@ import { useEffect as useEffect6, useState as useState5 } from "react";
 
 // src/widgets/advanced/search/tag-search/index.tsx
 import { Fragment as Fragment7 } from "react";
-import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 var TagSearch = ({
   removeSearchItems,
   selectedTags,
@@ -14871,10 +14993,10 @@ var TagSearch = ({
           {
             className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
             children: [
-              /* @__PURE__ */ jsx55("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__ */ jsx55(FilterIcon, {}) }),
-              /* @__PURE__ */ jsx55("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
+              /* @__PURE__ */ jsx56("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__ */ jsx56(FilterIcon, {}) }),
+              /* @__PURE__ */ jsx56("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
                 return /* @__PURE__ */ jsxs36(Fragment7, { children: [
-                  /* @__PURE__ */ jsx55("span", { children: value }),
+                  /* @__PURE__ */ jsx56("span", { children: value }),
                   idx < tag.values.length - 1 && /* @__PURE__ */ jsxs36("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                     " ",
                     instance.t("or"),
@@ -14882,7 +15004,7 @@ var TagSearch = ({
                   ] })
                 ] }, idx);
               }) }),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "button",
                 {
                   className: "px-2 text-sm font-bold",
@@ -14899,7 +15021,7 @@ var TagSearch = ({
                       );
                     }
                   },
-                  children: /* @__PURE__ */ jsx55(CloseIcon, { className: "size-4 cursor-pointer" })
+                  children: /* @__PURE__ */ jsx56(CloseIcon, { className: "size-4 cursor-pointer" })
                 }
               )
             ]
@@ -14907,26 +15029,26 @@ var TagSearch = ({
           "selected-tag-" + index4
         );
       } else if (tag?.type === "group_by") {
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx56(
           "div",
           {
             className: "flex min-h-full overflow-hidden",
-            children: /* @__PURE__ */ jsx55("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
+            children: /* @__PURE__ */ jsx56("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__ */ jsxs36(
                 "div",
                 {
                   className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
                   children: [
-                    /* @__PURE__ */ jsx55("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ jsx55(GroupByIcon, {}) }),
+                    /* @__PURE__ */ jsx56("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ jsx56(GroupByIcon, {}) }),
                     value?.strings?.map((string, idx) => /* @__PURE__ */ jsxs36(Fragment8, { children: [
-                      /* @__PURE__ */ jsx55("span", { children: string }),
+                      /* @__PURE__ */ jsx56("span", { children: string }),
                       idx < value?.strings.length - 1 && /* @__PURE__ */ jsxs36("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                         " ",
                         "> ",
                         " "
                       ] })
                     ] })),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "button",
                       {
                         className: "pr-2 text-sm font-bold",
@@ -14935,7 +15057,7 @@ var TagSearch = ({
                             typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`);
                           }
                         },
-                        children: /* @__PURE__ */ jsx55(CloseIcon, { className: "size-4 cursor-pointer" })
+                        children: /* @__PURE__ */ jsx56(CloseIcon, { className: "size-4 cursor-pointer" })
                       }
                     )
                   ]
@@ -14952,7 +15074,7 @@ var TagSearch = ({
 };
 
 // src/widgets/advanced/search/search-list/index.tsx
-import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
 var SearchList = ({
   handleAddTagSearch,
   handleMouseEnter,
@@ -14961,7 +15083,7 @@ var SearchList = ({
   searchString,
   hoveredIndexSearchList
 }) => {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
@@ -14992,12 +15114,12 @@ var SearchList = ({
             children: [
               instance.t("search"),
               " ",
-              /* @__PURE__ */ jsx56("span", { className: "font-bold", children: searchItem?.title }),
+              /* @__PURE__ */ jsx57("span", { className: "font-bold", children: searchItem?.title }),
               " ",
               instance.t("for"),
               ":",
               " ",
-              /* @__PURE__ */ jsx56("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
+              /* @__PURE__ */ jsx57("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
             ]
           },
           "header-" + index4 + 1
@@ -15008,7 +15130,7 @@ var SearchList = ({
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
-import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
 var Search = ({
   removeSearchItems,
   selectedTags,
@@ -15111,9 +15233,9 @@ var Search = ({
       ref: popupFilterRef,
       className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !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__ */ jsx57("div", { className: "size-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
+        /* @__PURE__ */ jsx58("div", { className: "size-5", children: /* @__PURE__ */ jsx58(SearchIcon, {}) }),
         /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             TagSearch,
             {
               removeSearchItems,
@@ -15122,7 +15244,7 @@ var Search = ({
               setFilterBy
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "input",
             {
               value: searchString,
@@ -15135,7 +15257,7 @@ var Search = ({
               onKeyUp: (e3) => e3.preventDefault()
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             SearchList,
             {
               handleAddTagSearch,
@@ -15154,8 +15276,8 @@ var Search = ({
                 setShowPopupFilter((prev2) => !prev2);
               },
               children: [
-                /* @__PURE__ */ jsx57("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx58("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
+                /* @__PURE__ */ jsx58(
                   ChevronBottomIcon,
                   {
                     className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -15164,7 +15286,7 @@ var Search = ({
               ]
             }
           ),
-          showPopupFilter && /* @__PURE__ */ jsx57(
+          showPopupFilter && /* @__PURE__ */ jsx58(
             PopupFilter,
             {
               handleAddTagSearch,
@@ -15183,16 +15305,16 @@ var Search = ({
 };
 
 // src/widgets/basic/active-badge-field/active-badge.tsx
-import { Fragment as Fragment10, jsx as jsx58 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx59 } from "react/jsx-runtime";
 var ActiveBadgeField = (props) => {
   const {
     type,
     className
   } = props;
-  if (type === void 0) return /* @__PURE__ */ jsx58(Fragment10, {});
+  if (type === void 0) return /* @__PURE__ */ jsx59(Fragment10, {});
   const typeStyle = type ? "text-green-500" : "text-red-500";
   const text = type ? i18n_default.t("active") : i18n_default.t("in_active");
-  return /* @__PURE__ */ jsx58("div", { className: `${typeStyle} ${className}`, children: text });
+  return /* @__PURE__ */ jsx59("div", { className: `${typeStyle} ${className}`, children: text });
 };
 
 // node_modules/react-tooltip/dist/react-tooltip.min.mjs
@@ -16999,14 +17121,14 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
 // src/widgets/common/modal-layer.tsx
 import { Fragment as Fragment11 } from "react";
 import { Dialog, DialogPanel, Transition } from "@headlessui/react";
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 var ModalLayer = ({
   isOpen,
   onClose,
   title,
   children
 }) => {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     Transition,
     {
       show: isOpen,
@@ -17017,22 +17139,22 @@ var ModalLayer = ({
       leaveFrom: "transform scale-100 opacity-100",
       leaveTo: "transform scale-95 opacity-0",
       as: Fragment11,
-      children: /* @__PURE__ */ jsx59(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx59(DialogPanel, { children: /* @__PURE__ */ jsxs39("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
-        /* @__PURE__ */ jsx59("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs39("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: [
+      children: /* @__PURE__ */ jsx60(Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ jsx60(DialogPanel, { children: /* @__PURE__ */ jsxs39("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
+        /* @__PURE__ */ jsx60("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+        /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxs39("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__ */ jsxs39(
             "div",
             {
               className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
               children: [
-                title && /* @__PURE__ */ jsx59("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
-                /* @__PURE__ */ jsx59(
+                title && /* @__PURE__ */ jsx60("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
+                /* @__PURE__ */ jsx60(
                   "button",
                   {
                     onClick: onClose,
                     "aria-label": "Close",
                     className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
-                    children: /* @__PURE__ */ jsx59(CloseIcon, {})
+                    children: /* @__PURE__ */ jsx60(CloseIcon, {})
                   }
                 )
               ]
@@ -17046,7 +17168,7 @@ var ModalLayer = ({
 };
 
 // src/widgets/common/modal-confirm.tsx
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
 var ModalConfirm = ({
   name: name2,
   isShowModal,
@@ -17067,8 +17189,8 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ jsx60(LoadingIcon, {}),
-              /* @__PURE__ */ jsx60("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
+              isLoading && /* @__PURE__ */ jsx61(LoadingIcon, {}),
+              /* @__PURE__ */ jsx61("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
             ]
           }
         );
@@ -17081,8 +17203,8 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ jsx60(LoadingIcon, {}),
-              /* @__PURE__ */ jsx60("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
+              isLoading && /* @__PURE__ */ jsx61(LoadingIcon, {}),
+              /* @__PURE__ */ jsx61("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
             ]
           }
         );
@@ -17095,8 +17217,8 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ jsx60(LoadingIcon, {}),
-              /* @__PURE__ */ jsx60("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
+              isLoading && /* @__PURE__ */ jsx61(LoadingIcon, {}),
+              /* @__PURE__ */ jsx61("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
             ]
           }
         );
@@ -17109,8 +17231,8 @@ var ModalConfirm = ({
             className: "button-primary flex-1 flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ jsx60(LoadingIcon, {}),
-              /* @__PURE__ */ jsx60("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
+              isLoading && /* @__PURE__ */ jsx61(LoadingIcon, {}),
+              /* @__PURE__ */ jsx61("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
             ]
           }
         );
@@ -17118,13 +17240,13 @@ var ModalConfirm = ({
         break;
     }
   };
-  return /* @__PURE__ */ jsx60(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs40("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
+  return /* @__PURE__ */ jsx61(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ jsxs40("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
     /* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-[4px] items-center", children: [
-      /* @__PURE__ */ jsx60("div", { className: "text-[18px] font-bold", children: title }),
-      /* @__PURE__ */ jsx60("p", { className: "text-[16px]", children: content })
+      /* @__PURE__ */ jsx61("div", { className: "text-[18px] font-bold", children: title }),
+      /* @__PURE__ */ jsx61("p", { className: "text-[16px]", children: content })
     ] }),
     /* @__PURE__ */ jsxs40("div", { className: "flex justify-center items-center gap-2 w-full", children: [
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx61(
         "button",
         {
           type: "button",
@@ -17141,7 +17263,7 @@ var ModalConfirm = ({
 // src/widgets/common/modal-detail.tsx
 import { useState as useState6 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment12, jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
   title,
@@ -17163,9 +17285,9 @@ var ModalDetail = ({
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
   return createPortal2(
-    /* @__PURE__ */ jsx61(Fragment12, { children: showModalDetail && /* @__PURE__ */ jsxs41("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
-      /* @__PURE__ */ jsx61("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-      /* @__PURE__ */ jsx61("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs41("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__ */ jsx62(Fragment12, { children: showModalDetail && /* @__PURE__ */ jsxs41("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
+      /* @__PURE__ */ jsx62("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+      /* @__PURE__ */ jsx62("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs41("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__ */ jsxs41("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
           /* @__PURE__ */ jsxs41(
             "div",
@@ -17174,7 +17296,7 @@ var ModalDetail = ({
               className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
               children: [
                 i18n_default.t("detail_button"),
-                /* @__PURE__ */ jsx61(
+                /* @__PURE__ */ jsx62(
                   "button",
                   {
                     onClick: handleNavigateDetail,
@@ -17185,9 +17307,9 @@ var ModalDetail = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx61("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ jsx61(CloseIcon, { className: "h-5 w-5" }) })
+          /* @__PURE__ */ jsx62("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ jsx62(CloseIcon, { className: "h-5 w-5" }) })
         ] }),
-        /* @__PURE__ */ jsx61("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
+        /* @__PURE__ */ jsx62("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
           id: idForm,
           aid,
           model,
@@ -17202,7 +17324,7 @@ var ModalDetail = ({
 
 // src/widgets/common/loading-normal.tsx
 import { useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
 var LayerLoading = () => {
   const [activeIndex, setActiveIndex] = useState7(0);
   useEffect7(() => {
@@ -17211,21 +17333,21 @@ var LayerLoading = () => {
     }, 200);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ jsx62("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx62("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs42("div", { className: "flex justify-center flex-col items-center gap-12", children: [
-    /* @__PURE__ */ jsx62("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx63("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxs42("div", { className: "flex justify-center flex-col items-center gap-12", children: [
+    /* @__PURE__ */ jsx63("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ jsx63(
       "div",
       {
         className: `loading-item ${index4 === activeIndex ? "active" : ""}`
       },
       index4
     )) }),
-    /* @__PURE__ */ jsx62("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: i18n_default.t("loading") })
+    /* @__PURE__ */ jsx63("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: i18n_default.t("loading") })
   ] }) }) });
 };
 
 // src/widgets/common/loading-small.tsx
 import { useEffect as useEffect8, useState as useState8 } from "react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var LoadingSmall = () => {
   const [activeIndex, setActiveIndex] = useState8(0);
   useEffect8(() => {
@@ -17234,7 +17356,7 @@ var LoadingSmall = () => {
     }, 200);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ jsx63("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx63("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx63("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ jsx63("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ jsx64("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx64("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ jsx64("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ jsx64(
     "div",
     {
       className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -17245,7 +17367,7 @@ var LoadingSmall = () => {
 
 // src/widgets/common/video-player.tsx
 import { useRef as useRef5, useState as useState9 } from "react";
-import { jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs43 } from "react/jsx-runtime";
 var VideoPlayer = ({ src }) => {
   const [isPlaying, setIsPlaying] = useState9(false);
   const videoRef = useRef5(null);
@@ -17273,7 +17395,7 @@ var VideoPlayer = ({ src }) => {
     }
   };
   return /* @__PURE__ */ jsxs43("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65(
       "video",
       {
         ref: videoRef,
@@ -17285,20 +17407,20 @@ var VideoPlayer = ({ src }) => {
         children: "Your browser does not support the video tag."
       }
     ),
-    /* @__PURE__ */ jsx64("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
-    /* @__PURE__ */ jsx64("div", { className: "absolute left-[50%] top-[50%] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#FFFFFF33] p-[6px]", children: /* @__PURE__ */ jsx64("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ jsx64(PlayIcon, {}) }) })
+    /* @__PURE__ */ jsx65("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
+    /* @__PURE__ */ jsx65("div", { className: "absolute left-[50%] top-[50%] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#FFFFFF33] p-[6px]", children: /* @__PURE__ */ jsx65("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ jsx65(PlayIcon, {}) }) })
   ] });
 };
 
 // src/widgets/common/render-files.tsx
-import { jsx as jsx65, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
 var ImageItem = ({ filename, checksum, index: index4, src = null, useGetImage }) => {
   const { data: image } = useGetImage({
     data: { filename, checksum },
     queryKey: [`get-image-${""}`],
     src
   });
-  return /* @__PURE__ */ jsx65("div", { className: "relative group group/file", children: /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66("div", { className: "relative group group/file", children: /* @__PURE__ */ jsx66(
     "img",
     {
       src: image || src,
@@ -17319,23 +17441,23 @@ var FileItem = (props) => {
     useGetImage
   } = props;
   const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ jsx65(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ jsx65(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ jsx65(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ jsx65(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx65(ExcelIcon, {})
+    "application/pdf": /* @__PURE__ */ jsx66(PdfIcon, {}),
+    "application/zip": /* @__PURE__ */ jsx66(ZipIcon, {}),
+    "application/x-zip-compressed": /* @__PURE__ */ jsx66(ZipIcon, {}),
+    "application/vnd.ms-excel": /* @__PURE__ */ jsx66(ExcelIcon, {}),
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx66(ExcelIcon, {})
   };
   const renderFile = () => {
     if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
-      return /* @__PURE__ */ jsx65(ImageItem, { ...props });
+      return /* @__PURE__ */ jsx66(ImageItem, { ...props });
     } else if (mimetype?.includes("video")) {
-      return /* @__PURE__ */ jsx65(VideoPlayer, { ...props });
+      return /* @__PURE__ */ jsx66(VideoPlayer, { ...props });
     } else {
       return /* @__PURE__ */ jsxs44("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
         fileTypeIcon[mimetype],
         /* @__PURE__ */ jsxs44("div", { children: [
-          /* @__PURE__ */ jsx65("p", { className: "text-[#0A0D14] font-medium", children: filename }),
-          /* @__PURE__ */ jsx65("span", { className: "text-[12px]", children: formatFileSize(size4) })
+          /* @__PURE__ */ jsx66("p", { className: "text-[#0A0D14] font-medium", children: filename }),
+          /* @__PURE__ */ jsx66("span", { className: "text-[12px]", children: formatFileSize(size4) })
         ] })
       ] });
     }
@@ -17346,20 +17468,20 @@ var FileItem = (props) => {
       className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit group/file",
       children: [
         renderFile(),
-        handleRemoveFile && /* @__PURE__ */ jsx65(
+        handleRemoveFile && /* @__PURE__ */ jsx66(
           "div",
           {
             onClick: () => handleRemoveFile(index4),
             className: "cursor-pointer absolute right-0 top-0 p-2 hidden group-hover/file:block bg-[rgba(0,0,0,0.2)]",
-            children: /* @__PURE__ */ jsx65(DeleteIcon, {})
+            children: /* @__PURE__ */ jsx66(DeleteIcon, {})
           }
         ),
-        !handleRemoveFile && /* @__PURE__ */ jsx65(
+        !handleRemoveFile && /* @__PURE__ */ jsx66(
           "span",
           {
             onClick: (e3) => handleFileDownload(e3, src, filename),
             className: "absolute top-0 right-0 z-10 hidden group-hover/file:block cursor-pointer p-2 text-white bg-[rgba(0,0,0,0.2)]",
-            children: /* @__PURE__ */ jsx65(DownloadIcon, {})
+            children: /* @__PURE__ */ jsx66(DownloadIcon, {})
           }
         )
       ]
@@ -17398,8 +17520,8 @@ var RenderFiles = ({ selectedFiles, setSelectedFiles, useGetImage }) => {
     e3.stopPropagation();
     downloadFile(url, name2);
   };
-  return /* @__PURE__ */ jsx65("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
-    return /* @__PURE__ */ jsx65("div", { className: "relative group/file", children: /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
+    return /* @__PURE__ */ jsx66("div", { className: "relative group/file", children: /* @__PURE__ */ jsx66(
       FileItem,
       {
         ...file,
@@ -17601,7 +17723,7 @@ var po = $2(K("zoom"));
 var uo = $2(K("flip"));
 
 // src/widgets/common/select-files.tsx
-import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs45 } from "react/jsx-runtime";
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -17699,7 +17821,7 @@ var ButtonSelectFiles = ({
     }
   };
   return /* @__PURE__ */ jsxs45(Fragment13, { children: [
-    isPending ? /* @__PURE__ */ jsx66(Fragment13, { children: /* @__PURE__ */ jsx66("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs45(
+    isPending ? /* @__PURE__ */ jsx67(Fragment13, { children: /* @__PURE__ */ jsx67("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs45(
       "button",
       {
         type: "button",
@@ -17707,12 +17829,12 @@ var ButtonSelectFiles = ({
         className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
         onClick: () => fileInputRef.current.click(),
         children: [
-          /* @__PURE__ */ jsx66(AttachIcon, {}),
-          /* @__PURE__ */ jsx66("span", { children: i18n_default.t("upload_file_placeholder") })
+          /* @__PURE__ */ jsx67(AttachIcon, {}),
+          /* @__PURE__ */ jsx67("span", { children: i18n_default.t("upload_file_placeholder") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67(
       "input",
       {
         type: "file",
@@ -17727,7 +17849,7 @@ var ButtonSelectFiles = ({
 };
 
 // src/widgets/basic/avatar-field/avatar.tsx
-import { Fragment as Fragment14, jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
 var AvatarField = (props) => {
   const {
     isForm = false,
@@ -17752,7 +17874,7 @@ var AvatarField = (props) => {
     fontSize: `${size4 / 2.5}px`
   };
   return /* @__PURE__ */ jsxs46(Fragment14, { children: [
-    isForm && allowShowDetail && /* @__PURE__ */ jsx67(
+    isForm && allowShowDetail && /* @__PURE__ */ jsx68(
       ModalDetail,
       {
         idToolTip: `avatar-widget-id-${id}`,
@@ -17763,7 +17885,7 @@ var AvatarField = (props) => {
         place: "top-start"
       }
     ),
-    allowShowDetail && /* @__PURE__ */ jsx67(
+    allowShowDetail && /* @__PURE__ */ jsx68(
       M,
       {
         id: `avatar-widget-id-${id}`,
@@ -17772,7 +17894,7 @@ var AvatarField = (props) => {
         className: "z-20"
       }
     ),
-    avatarSrc ? /* @__PURE__ */ jsx67(
+    avatarSrc ? /* @__PURE__ */ jsx68(
       "img",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17780,7 +17902,7 @@ var AvatarField = (props) => {
         className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
         alt: "Avatar"
       }
-    ) : /* @__PURE__ */ jsx67("div", { children: /* @__PURE__ */ jsx67(
+    ) : /* @__PURE__ */ jsx68("div", { children: /* @__PURE__ */ jsx68(
       "div",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17793,7 +17915,7 @@ var AvatarField = (props) => {
 };
 
 // src/widgets/basic/binary-field/binary.tsx
-import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs47 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
     name: name2,
@@ -17813,41 +17935,41 @@ var BinaryField = (props) => {
     checkIsImageLink: checkIsImageLink2,
     getImageBase64WithMimeType
   } = props;
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
       render: ({ field }) => {
         const renderImage = initialImage || selectedImage;
-        return /* @__PURE__ */ jsx68(
+        return /* @__PURE__ */ jsx69(
           "div",
           {
             ref: binaryRef,
             className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
             children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
-              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx68(
+              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx69(
                 "img",
                 {
                   src: renderImage,
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : renderImage ? /* @__PURE__ */ jsx68(
+              ) : renderImage ? /* @__PURE__ */ jsx69(
                 "img",
                 {
                   src: getImageBase64WithMimeType(renderImage) ?? void 0,
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : /* @__PURE__ */ jsx68(PlaceHolderIcon, {}),
-              !isInsideTable && !readonly && /* @__PURE__ */ jsx68(
+              ) : /* @__PURE__ */ jsx69(PlaceHolderIcon, {}),
+              !isInsideTable && !readonly && /* @__PURE__ */ jsx69(
                 "button",
                 {
                   type: "button",
                   onClick: () => handleRemoveImage(field.onChange),
                   className: "hidden group-hover:block absolute right-0 bottom-0 mr-1 mb-1 rounded-full bg-white p-1 transition-colors duration-300 hover:bg-red-600",
-                  children: /* @__PURE__ */ jsx68(DeleteIcon, {})
+                  children: /* @__PURE__ */ jsx69(DeleteIcon, {})
                 }
               )
             ] }) : /* @__PURE__ */ jsxs47(
@@ -17856,8 +17978,8 @@ var BinaryField = (props) => {
                 htmlFor: inputId,
                 className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ jsx68("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ jsx68(AddIcon, {}) }),
-                  /* @__PURE__ */ jsx68(
+                  /* @__PURE__ */ jsx69("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ jsx69(AddIcon, {}) }),
+                  /* @__PURE__ */ jsx69(
                     "input",
                     {
                       id: inputId,
@@ -17880,7 +18002,7 @@ var BinaryField = (props) => {
 };
 
 // src/widgets/basic/button-badge-field/button-badge.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var ButtonBadgeField = (props) => {
   const { defaultValue, selection, value, formValues, domainHelper } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
@@ -17912,11 +18034,11 @@ var ButtonBadgeField = (props) => {
     return item ? item[1] : "";
   };
   const label = getLabel(defaultValue ?? value);
-  return label ? /* @__PURE__ */ jsx69("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
+  return label ? /* @__PURE__ */ jsx70("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
 };
 
 // src/widgets/basic/button-field/button.tsx
-import { Fragment as Fragment15, jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs48 } from "react/jsx-runtime";
 var ButtonField = (props) => {
   const {
     func,
@@ -17926,7 +18048,7 @@ var ButtonField = (props) => {
     disable,
     type = "submit"
   } = props;
-  return /* @__PURE__ */ jsx70(Fragment15, { children: !loading ? /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(Fragment15, { children: !loading ? /* @__PURE__ */ jsx71(
     "button",
     {
       type,
@@ -17944,7 +18066,7 @@ var ButtonField = (props) => {
       children: [
         i18n_default.t("loading"),
         " ",
-        /* @__PURE__ */ jsx70(LoadingIcon, {})
+        /* @__PURE__ */ jsx71(LoadingIcon, {})
       ]
     }
   ) });
@@ -17952,7 +18074,7 @@ var ButtonField = (props) => {
 
 // src/widgets/basic/char-field/char.tsx
 import { useEffect as useEffect9 } from "react";
-import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs49 } from "react/jsx-runtime";
 var CharField = (props) => {
   const {
     name: name2,
@@ -17976,11 +18098,11 @@ var CharField = (props) => {
     value,
     defaultValue
   } = props;
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     const propValue = value || defaultValue;
-    return /* @__PURE__ */ jsx71("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ jsx72("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Controller,
     {
       name: name2 ?? "",
@@ -18016,8 +18138,8 @@ var CharField = (props) => {
         const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
         const displayValue = (widget === "access_token" || widget === "refresh_token") && typeof realValue === "string" && !isDirty ? "*".repeat(realValue?.length) : widget === "private_secret_key" && formValues?.id && typeof formValues?.id === "number" && !isDirty && typeof realValue === "string" ? `${realValue?.slice(0, 4)}${realValue?.length > 4 ? "*".repeat(realValue?.length - 4) : ""}` : typeof realValue === "string" || typeof realValue === "number" ? String(realValue) : "";
         return /* @__PURE__ */ jsxs49(Fragment16, { children: [
-          /* @__PURE__ */ jsx71(
-            "textarea",
+          /* @__PURE__ */ jsx72(
+            "input",
             {
               value: displayValue,
               onChange: (e3) => {
@@ -18075,7 +18197,7 @@ var CharField = (props) => {
                 `
             }
           ),
-          isEditTable ? /* @__PURE__ */ jsx71(Fragment16, {}) : /* @__PURE__ */ jsx71(Fragment16, { children: error2 && /* @__PURE__ */ jsx71("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
+          isEditTable ? /* @__PURE__ */ jsx72(Fragment16, {}) : /* @__PURE__ */ jsx72(Fragment16, { children: error2 && /* @__PURE__ */ jsx72("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
         ] });
       }
     }
@@ -18083,7 +18205,7 @@ var CharField = (props) => {
 };
 
 // src/widgets/basic/checkbox-field/checkbox.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var CheckboxField = (props) => {
   const {
     name: name2,
@@ -18098,9 +18220,9 @@ var CheckboxField = (props) => {
   } = props;
   if (!isForm) {
     if (name2 === "is_active" || name2 === "active") {
-      return /* @__PURE__ */ jsx72(ActiveBadgeField, { type: value });
+      return /* @__PURE__ */ jsx73(ActiveBadgeField, { type: value });
     } else {
-      return /* @__PURE__ */ jsx72(
+      return /* @__PURE__ */ jsx73(
         "input",
         {
           type: "checkbox",
@@ -18111,12 +18233,12 @@ var CheckboxField = (props) => {
       );
     }
   }
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx72(
+      render: ({ field }) => /* @__PURE__ */ jsx73(
         "div",
         {
           className: "flex items-center gap-2",
@@ -18129,7 +18251,7 @@ var CheckboxField = (props) => {
               onChange2(name2 ?? "", checked);
             }
           },
-          children: /* @__PURE__ */ jsx72(
+          children: /* @__PURE__ */ jsx73(
             "input",
             {
               ...field,
@@ -18157,7 +18279,7 @@ var CheckboxField = (props) => {
 
 // src/widgets/basic/color-field/color-wrapper.tsx
 import { useEffect as useEffect10, useRef as useRef6, useState as useState10 } from "react";
-import { Fragment as Fragment17, jsx as jsx73, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs50 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const {
     colors: colors2,
@@ -18184,8 +18306,8 @@ var ColorWrapper = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ jsx73("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx73("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
-    /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx74("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
+    /* @__PURE__ */ jsx74(
       "button",
       {
         "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -18199,7 +18321,7 @@ var ColorWrapper = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       M,
       {
         className: "",
@@ -18209,7 +18331,7 @@ var ColorWrapper = (props) => {
       }
     )
   ] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment17, { children: [
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "button",
       {
         "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -18222,7 +18344,7 @@ var ColorWrapper = (props) => {
         style: { backgroundColor: selectedColor?.color }
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       M,
       {
         place: "top",
@@ -18234,13 +18356,13 @@ var ColorWrapper = (props) => {
 };
 
 // src/widgets/basic/color-field/color.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var ColorField = (props) => {
   const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
   if (!isForm) {
-    return /* @__PURE__ */ jsx74(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
+    return /* @__PURE__ */ jsx75(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
   }
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     Controller,
     {
       name: name2 ?? "",
@@ -18250,7 +18372,7 @@ var ColorField = (props) => {
           field.onChange(color?.id);
           onChange2 && onChange2(name2 ?? "", color?.id);
         };
-        return /* @__PURE__ */ jsx74(
+        return /* @__PURE__ */ jsx75(
           ColorWrapper,
           {
             savePickColor: handlePickColorChange,
@@ -18265,7 +18387,7 @@ var ColorField = (props) => {
 
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
 import { useEffect as useEffect11 } from "react";
-import { jsx as jsx75, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs51 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -18283,9 +18405,9 @@ var CopyLinkButtonField = (props) => {
     propValue
   } = props;
   if (!isForm) {
-    return /* @__PURE__ */ jsx75("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ jsx76("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     Controller,
     {
       name: name2 ?? "",
@@ -18305,7 +18427,7 @@ var CopyLinkButtonField = (props) => {
         }, [value]);
         return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs51("div", { className: "flex relative field", children: [
-            /* @__PURE__ */ jsx75(
+            /* @__PURE__ */ jsx76(
               "input",
               {
                 value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -18346,17 +18468,17 @@ var CopyLinkButtonField = (props) => {
                 `
               }
             ),
-            readonly && value && /* @__PURE__ */ jsx75(
+            readonly && value && /* @__PURE__ */ jsx76(
               "button",
               {
                 className: "cursor-pointer",
                 type: "button",
                 onClick: () => handleCopyToClipboard(propValue),
-                children: isCopied ? /* @__PURE__ */ jsx75(CheckIcon, {}) : /* @__PURE__ */ jsx75(CopyIcon, {})
+                children: isCopied ? /* @__PURE__ */ jsx76(CheckIcon, {}) : /* @__PURE__ */ jsx76(CopyIcon, {})
               }
             )
           ] }),
-          error2 && /* @__PURE__ */ jsx75("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && /* @__PURE__ */ jsx76("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -22297,7 +22419,7 @@ function useEffectEvent(callback) {
 }
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-import { jsx as jsx76, jsxs as jsxs52, Fragment as Fragment18 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs52, Fragment as Fragment18 } from "react/jsx-runtime";
 import * as ReactDOM2 from "react-dom";
 
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -22711,18 +22833,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
       transform: [rotation, transform].filter((t3) => !!t3).join(" "),
       ...restStyle
     },
-    children: [computedStrokeWidth > 0 && /* @__PURE__ */ jsx76("path", {
+    children: [computedStrokeWidth > 0 && /* @__PURE__ */ jsx77("path", {
       clipPath: "url(#" + clipPathId + ")",
       fill: "none",
       stroke,
       strokeWidth: computedStrokeWidth + (d ? 0 : 1),
       d: dValue
-    }), /* @__PURE__ */ jsx76("path", {
+    }), /* @__PURE__ */ jsx77("path", {
       stroke: computedStrokeWidth && !d ? rest.fill : "none",
       d: dValue
-    }), /* @__PURE__ */ jsx76("clipPath", {
+    }), /* @__PURE__ */ jsx77("clipPath", {
       id: clipPathId,
-      children: /* @__PURE__ */ jsx76("rect", {
+      children: /* @__PURE__ */ jsx77("rect", {
         x: -halfStrokeWidth,
         y: halfStrokeWidth * (isCustomShape ? -1 : 1),
         width: width + computedStrokeWidth,
@@ -28655,7 +28777,7 @@ var Emotion$1 = Emotion;
 import * as React12 from "react";
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
-var jsx77 = function jsx78(type, props) {
+var jsx78 = function jsx79(type, props) {
   var args = arguments;
   if (props == null || !hasOwn.call(props, "css")) {
     return React12.createElement.apply(void 0, args);
@@ -28673,7 +28795,7 @@ var jsx77 = function jsx78(type, props) {
   var JSX;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx77 || (jsx77 = {}));
+})(jsx78 || (jsx78 = {}));
 function css() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -29081,7 +29203,7 @@ var MenuPlacer = function MenuPlacer2(props) {
 };
 var Menu = function Menu2(props) {
   var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "menu", {
+  return jsx78("div", _extends({}, getStyleProps(props, "menu", {
     menu: true
   }), {
     ref: innerRef
@@ -29103,7 +29225,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
 };
 var MenuList = function MenuList2(props) {
   var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
-  return jsx77("div", _extends({}, getStyleProps(props, "menuList", {
+  return jsx78("div", _extends({}, getStyleProps(props, "menuList", {
     "menu-list": true,
     "menu-list--is-multi": isMulti
   }), {
@@ -29123,7 +29245,7 @@ var noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = noticeCSS;
 var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
   var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
-  return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "noOptionsMessage", {
@@ -29133,7 +29255,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
 };
 var LoadingMessage = function LoadingMessage2(_ref7) {
   var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "loadingMessage", {
@@ -29196,7 +29318,7 @@ var MenuPortal = function MenuPortal2(props) {
     runAutoUpdate();
   }, [runAutoUpdate]);
   if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
-  var menuWrapper = jsx77("div", _extends({
+  var menuWrapper = jsx78("div", _extends({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -29205,7 +29327,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), "menuPortal", {
     "menu-portal": true
   }), innerProps), children);
-  return jsx77(PortalPlacementContext.Provider, {
+  return jsx78(PortalPlacementContext.Provider, {
     value: portalPlacementContext
   }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
 };
@@ -29221,7 +29343,7 @@ var containerCSS = function containerCSS2(_ref3) {
 };
 var SelectContainer = function SelectContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
-  return jsx77("div", _extends({}, getStyleProps(props, "container", {
+  return jsx78("div", _extends({}, getStyleProps(props, "container", {
     "--is-disabled": isDisabled,
     "--is-rtl": isRtl
   }), innerProps), children);
@@ -29242,7 +29364,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
 };
 var ValueContainer = function ValueContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
-  return jsx77("div", _extends({}, getStyleProps(props, "valueContainer", {
+  return jsx78("div", _extends({}, getStyleProps(props, "valueContainer", {
     "value-container": true,
     "value-container--is-multi": isMulti,
     "value-container--has-value": hasValue
@@ -29258,7 +29380,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
 };
 var IndicatorsContainer = function IndicatorsContainer2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
+  return jsx78("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
     indicators: true
   }), innerProps), children);
 };
@@ -29279,7 +29401,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 var Svg = function Svg2(_ref3) {
   var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
-  return jsx77("svg", _extends({
+  return jsx78("svg", _extends({
     height: size4,
     width: size4,
     viewBox: "0 0 20 20",
@@ -29289,16 +29411,16 @@ var Svg = function Svg2(_ref3) {
   }, props));
 };
 var CrossIcon = function CrossIcon2(props) {
-  return jsx77(Svg, _extends({
+  return jsx78(Svg, _extends({
     size: 20
-  }, props), jsx77("path", {
+  }, props), jsx78("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron2(props) {
-  return jsx77(Svg, _extends({
+  return jsx78(Svg, _extends({
     size: 20
-  }, props), jsx77("path", {
+  }, props), jsx78("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
   }));
 };
@@ -29319,18 +29441,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
 var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
+  return jsx78("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
     indicator: true,
     "dropdown-indicator": true
-  }), innerProps), children || jsx77(DownChevron, null));
+  }), innerProps), children || jsx78(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "clearIndicator", {
+  return jsx78("div", _extends({}, getStyleProps(props, "clearIndicator", {
     indicator: true,
     "clear-indicator": true
-  }), innerProps), children || jsx77(CrossIcon, null));
+  }), innerProps), children || jsx78(CrossIcon, null));
 };
 var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
   var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -29346,7 +29468,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator2(props) {
   var innerProps = props.innerProps;
-  return jsx77("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+  return jsx78("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
     "indicator-separator": true
   })));
 };
@@ -29370,7 +29492,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
 };
 var LoadingDot = function LoadingDot2(_ref6) {
   var delay = _ref6.delay, offset4 = _ref6.offset;
-  return jsx77("span", {
+  return jsx78("span", {
     css: /* @__PURE__ */ css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
       backgroundColor: "currentColor",
@@ -29385,20 +29507,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
 };
 var LoadingIndicator = function LoadingIndicator2(_ref7) {
   var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps,
     isRtl,
     size: size4
   }), "loadingIndicator", {
     indicator: true,
     "loading-indicator": true
-  }), innerProps), jsx77(LoadingDot, {
+  }), innerProps), jsx78(LoadingDot, {
     delay: 0,
     offset: isRtl
-  }), jsx77(LoadingDot, {
+  }), jsx78(LoadingDot, {
     delay: 160,
     offset: true
-  }), jsx77(LoadingDot, {
+  }), jsx78(LoadingDot, {
     delay: 320,
     offset: !isRtl
   }));
@@ -29430,7 +29552,7 @@ var css$1 = function css2(_ref3, unstyled) {
 };
 var Control = function Control2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
-  return jsx77("div", _extends({
+  return jsx78("div", _extends({
     ref: innerRef
   }, getStyleProps(props, "control", {
     control: true,
@@ -29452,15 +29574,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
 };
 var Group = function Group2(props) {
   var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "group", {
+  return jsx78("div", _extends({}, getStyleProps(props, "group", {
     group: true
-  }), innerProps), jsx77(Heading, _extends({}, headingProps, {
+  }), innerProps), jsx78(Heading, _extends({}, headingProps, {
     selectProps,
     theme,
     getStyles,
     getClassNames,
     cx
-  }), label), jsx77("div", null, children));
+  }), label), jsx78("div", null, children));
 };
 var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
   var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -29482,7 +29604,7 @@ var GroupHeading = function GroupHeading2(props) {
   var _cleanCommonProps = cleanCommonProps(props);
   _cleanCommonProps.data;
   var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
-  return jsx77("div", _extends({}, getStyleProps(props, "groupHeading", {
+  return jsx78("div", _extends({}, getStyleProps(props, "groupHeading", {
     "group-heading": true
   }), innerProps));
 };
@@ -29534,11 +29656,11 @@ var inputStyle = function inputStyle2(isHidden) {
 var Input = function Input2(props) {
   var cx = props.cx, value = props.value;
   var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
-  return jsx77("div", _extends({}, getStyleProps(props, "input", {
+  return jsx78("div", _extends({}, getStyleProps(props, "input", {
     "input-container": true
   }), {
     "data-value": value || ""
-  }), jsx77("input", _extends({
+  }), jsx78("input", _extends({
     className: cx({
       input: true
     }, inputClassName),
@@ -29592,35 +29714,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
 };
 var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
   var children = _ref4.children, innerProps = _ref4.innerProps;
-  return jsx77("div", innerProps, children);
+  return jsx78("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children, innerProps = _ref5.innerProps;
-  return jsx77("div", _extends({
+  return jsx78("div", _extends({
     role: "button"
-  }, innerProps), children || jsx77(CrossIcon, {
+  }, innerProps), children || jsx78(CrossIcon, {
     size: 14
   }));
 }
 var MultiValue = function MultiValue2(props) {
   var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
   var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
-  return jsx77(Container, {
+  return jsx78(Container, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
       "multi-value": true,
       "multi-value--is-disabled": isDisabled
     })), innerProps),
     selectProps
-  }, jsx77(Label, {
+  }, jsx78(Label, {
     data,
     innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
       "multi-value__label": true
     })),
     selectProps
-  }, children), jsx77(Remove, {
+  }, children), jsx78(Remove, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
       "multi-value__remove": true
@@ -29653,7 +29775,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
 };
 var Option = function Option2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "option", {
+  return jsx78("div", _extends({}, getStyleProps(props, "option", {
     option: true,
     "option--is-disabled": isDisabled,
     "option--is-focused": isFocused,
@@ -29677,7 +29799,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
 };
 var Placeholder = function Placeholder2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "placeholder", {
+  return jsx78("div", _extends({}, getStyleProps(props, "placeholder", {
     placeholder: true
   }), innerProps), children);
 };
@@ -29699,7 +29821,7 @@ var css3 = function css4(_ref3, unstyled) {
 };
 var SingleValue = function SingleValue2(props) {
   var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
-  return jsx77("div", _extends({}, getStyleProps(props, "singleValue", {
+  return jsx78("div", _extends({}, getStyleProps(props, "singleValue", {
     "single-value": true,
     "single-value--is-disabled": isDisabled
   }), innerProps), children);
@@ -29801,7 +29923,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText2(props) {
-  return jsx77("span", _extends({
+  return jsx78("span", _extends({
     css: _ref
   }, props));
 };
@@ -29936,18 +30058,18 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx77(Fragment21, null, jsx77("span", {
+  var ScreenReaderText = jsx78(Fragment21, null, jsx78("span", {
     id: "aria-selection"
-  }, ariaSelected), jsx77("span", {
+  }, ariaSelected), jsx78("span", {
     id: "aria-focused"
-  }, ariaFocused), jsx77("span", {
+  }, ariaFocused), jsx78("span", {
     id: "aria-results"
-  }, ariaResults), jsx77("span", {
+  }, ariaResults), jsx78("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx77(Fragment21, null, jsx77(A11yText$1, {
+  return jsx78(Fragment21, null, jsx78(A11yText$1, {
     id
-  }, isInitialFocus && ScreenReaderText), jsx77(A11yText$1, {
+  }, isInitialFocus && ScreenReaderText), jsx78(A11yText$1, {
     "aria-live": ariaLive,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
@@ -30260,7 +30382,7 @@ var _excluded4 = ["innerRef"];
 function DummyInput(_ref3) {
   var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
   var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
-  return jsx77("input", _extends({
+  return jsx78("input", _extends({
     ref: innerRef
   }, filteredProps, {
     css: /* @__PURE__ */ css({
@@ -30502,7 +30624,7 @@ function ScrollManager(_ref3) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx77(Fragment21, null, lockEnabled && jsx77("div", {
+  return jsx78(Fragment21, null, lockEnabled && jsx78("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -30521,7 +30643,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
 };
 var RequiredInput = function RequiredInput2(_ref3) {
   var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
-  return jsx77("input", {
+  return jsx78("input", {
     required: true,
     name: name2,
     tabIndex: -1,
@@ -32111,7 +32233,7 @@ var StateManagedSelect$1 = StateManagedSelect;
 
 // src/widgets/basic/date-field/date.tsx
 var import_moment2 = __toESM(require_moment());
-import { Fragment as Fragment22, jsx as jsx79, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
     name: name2,
@@ -32139,7 +32261,7 @@ var DateField = (props) => {
   } = props;
   const InputDateCustom = forwardRef6(
     ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "input",
         {
           className: "bg-transparent w-full focus-visible:outline-none",
@@ -32153,13 +32275,13 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ jsx79(CalandarIcon, {})
+      isForm2 && /* @__PURE__ */ jsx80(CalandarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx79("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
+    return /* @__PURE__ */ jsx80("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
-    return /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsx80(
       Controller,
       {
         name: name2 || "",
@@ -32182,7 +32304,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(Fragment22, { children: [
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(
               DatePicker,
               {
                 selected: selectedDate,
@@ -32230,7 +32352,7 @@ var DateField = (props) => {
                 minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
                 maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
                 showTimeInput: showTime,
-                customInput: /* @__PURE__ */ jsx79(
+                customInput: /* @__PURE__ */ jsx80(
                   InputDateCustom,
                   {
                     isForm,
@@ -32257,7 +32379,7 @@ var DateField = (props) => {
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ jsx79(
+                      /* @__PURE__ */ jsx80(
                         "button",
                         {
                           onClick: decreaseMonth,
@@ -32265,7 +32387,7 @@ var DateField = (props) => {
                           children: "<"
                         }
                       ),
-                      /* @__PURE__ */ jsx79(
+                      /* @__PURE__ */ jsx80(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -32291,7 +32413,7 @@ var DateField = (props) => {
                           autoFocus: true
                         }
                       ),
-                      /* @__PURE__ */ jsx79(
+                      /* @__PURE__ */ jsx80(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -32319,7 +32441,7 @@ var DateField = (props) => {
                           }))
                         }
                       ),
-                      /* @__PURE__ */ jsx79(
+                      /* @__PURE__ */ jsx80(
                         "button",
                         {
                           onClick: increaseMonth,
@@ -32332,7 +32454,7 @@ var DateField = (props) => {
                 )
               }
             ),
-            !isEditTable && error2 && /* @__PURE__ */ jsx79("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ jsx80("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -32341,7 +32463,7 @@ var DateField = (props) => {
 };
 
 // src/widgets/basic/download-binary-field/download-binary.tsx
-import { jsx as jsx80, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   return /* @__PURE__ */ jsxs54(
@@ -32351,15 +32473,15 @@ var DownLoadBinaryField = (props) => {
       onClick: handleFileDownload,
       className: "flex items-center gap-1 text-blue-700",
       children: [
-        /* @__PURE__ */ jsx80(DownloadIcon, {}),
-        /* @__PURE__ */ jsx80("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
+        /* @__PURE__ */ jsx81(DownloadIcon, {}),
+        /* @__PURE__ */ jsx81("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
       ]
     }
   );
 };
 
 // src/widgets/basic/download-file-field/download-file.tsx
-import { jsx as jsx81, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -32378,8 +32500,8 @@ var DownloadFileField = (props) => {
         htmlFor: inputId,
         className: "flex cursor-pointer items-center justify-center rounded-lg border-2 border-gray-300 bg-white px-3 py-2 transition-colors duration-300 hover:bg-gray-200",
         children: [
-          file ? /* @__PURE__ */ jsx81("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx81("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ jsx81("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
-          /* @__PURE__ */ jsx81(
+          file ? /* @__PURE__ */ jsx82("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx82("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ jsx82("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
+          /* @__PURE__ */ jsx82(
             "input",
             {
               id: inputId,
@@ -32393,7 +32515,7 @@ var DownloadFileField = (props) => {
         ]
       }
     ),
-    file && /* @__PURE__ */ jsx81(
+    file && /* @__PURE__ */ jsx82(
       "button",
       {
         onClick: handleFileDownload,
@@ -32407,7 +32529,7 @@ var DownloadFileField = (props) => {
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
 import { useState as useState15 } from "react";
-import { jsx as jsx82, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -32434,17 +32556,17 @@ var DropdownField = (props) => {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
             children: [
               selectedValue?.icon,
-              /* @__PURE__ */ jsx82("span", { children: selectedValue?.label }),
-              /* @__PURE__ */ jsx82(ChevronBottomIcon, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx83("span", { children: selectedValue?.label }),
+              /* @__PURE__ */ jsx83(ChevronBottomIcon, { className: "h-4 w-4" })
             ]
           }
         ),
-        open && /* @__PURE__ */ jsx82(
+        open && /* @__PURE__ */ jsx83(
           "div",
           {
             className: `absolute left-0 top-[calc(100%_+_4px)] z-50 bg-white overflow-hidden rounded-lg border border-[#dbe0e6] shadow-md text-sub-600 h-auto !min-h-fit text-xs !leading-5 !font-bold ${dropdownClassName}`,
             onClick: (e3) => e3.stopPropagation(),
-            children: options2.map((option, index4) => /* @__PURE__ */ jsx82(
+            children: options2.map((option, index4) => /* @__PURE__ */ jsx83(
               "div",
               {
                 onClick: () => {
@@ -32464,7 +32586,7 @@ var DropdownField = (props) => {
 };
 
 // src/widgets/basic/fee-field/fee.tsx
-import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
 var FeeField = (props) => {
   const { value, formValues } = props;
   const totalAmount = formatNumberOnly(parseFloat(value?.total_amount)) + " VND";
@@ -32483,7 +32605,7 @@ var FeeField = (props) => {
               sub?.name,
               ":"
             ] }),
-            /* @__PURE__ */ jsx83("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
+            /* @__PURE__ */ jsx84("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(
             "div",
@@ -32494,7 +32616,7 @@ var FeeField = (props) => {
                   group?.group_name,
                   ":"
                 ] }),
-                /* @__PURE__ */ jsx83("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
+                /* @__PURE__ */ jsx84("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
               ]
             },
             `tax_groups_${group?.id}`
@@ -32507,34 +32629,34 @@ var FeeField = (props) => {
         i18n_default.t("total"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx83("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
+      /* @__PURE__ */ jsx84("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: [
         i18n_default.t("paid_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx83("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
+      /* @__PURE__ */ jsx84("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: [
         i18n_default.t("remanining_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx83("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
+      /* @__PURE__ */ jsx84("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
     ] })
   ] });
 };
 
 // src/widgets/basic/file-upload-field/file-upload.tsx
 import { useEffect as useEffect16, useRef as useRef14, useState as useState16 } from "react";
-import { jsx as jsx84, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
 var FileUploadField = (props) => {
   const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
   const fileInputRef = useRef14(null);
   const [selectedFiles, setSelectedFiles] = useState16([]);
   const [uploadError, setUploadError] = useState16();
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     Controller,
     {
       name: name2 || "",
@@ -32560,7 +32682,7 @@ var FileUploadField = (props) => {
           }
         }, [selectedFiles]);
         return /* @__PURE__ */ jsxs58("div", { children: [
-          selectedFiles.length > 0 && /* @__PURE__ */ jsx84(
+          selectedFiles.length > 0 && /* @__PURE__ */ jsx85(
             RenderFiles,
             {
               selectedFiles,
@@ -32568,8 +32690,8 @@ var FileUploadField = (props) => {
               useGetImage
             }
           ),
-          uploadError && /* @__PURE__ */ jsx84("div", { className: "text-[#de4747]", children: uploadError }),
-          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ jsx84(
+          uploadError && /* @__PURE__ */ jsx85("div", { className: "text-[#de4747]", children: uploadError }),
+          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ jsx85(
             ButtonSelectFiles,
             {
               fileInputRef,
@@ -32584,7 +32706,7 @@ var FileUploadField = (props) => {
               useUploadFile
             }
           ),
-          error2 && /* @__PURE__ */ jsx84("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32593,7 +32715,7 @@ var FileUploadField = (props) => {
 
 // src/widgets/basic/float-field/float.tsx
 import { useEffect as useEffect17, useRef as useRef15, useState as useState17 } from "react";
-import { Fragment as Fragment24, jsx as jsx85, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
     name: name2,
@@ -32611,9 +32733,9 @@ var FloatField = (props) => {
   } = props;
   const { t: t3 } = useTranslation();
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx85("span", { children: formatFloatNumber(propValue ?? defaultValue) });
+    return /* @__PURE__ */ jsx86("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     Controller,
     {
       name: name2 ?? "",
@@ -32715,7 +32837,7 @@ var FloatField = (props) => {
           isDirtyRef.current = false;
         };
         return /* @__PURE__ */ jsxs59(Fragment24, { children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx86(
             "input",
             {
               ref: inputRef,
@@ -32735,7 +32857,7 @@ var FloatField = (props) => {
                 `
             }
           ),
-          error2 && !isEditTable && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ jsx86("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32744,7 +32866,7 @@ var FloatField = (props) => {
 
 // src/widgets/basic/float-time-field/float-time.tsx
 import { useState as useState18 } from "react";
-import { Fragment as Fragment25, jsx as jsx86, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -32759,9 +32881,9 @@ var FloatTimeField = (props) => {
   } = props;
   if (!isForm) {
     const formatValue = value ?? 0;
-    return /* @__PURE__ */ jsx86("span", { children: convertFloatToTime(formatValue) });
+    return /* @__PURE__ */ jsx87("span", { children: convertFloatToTime(formatValue) });
   }
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     Controller,
     {
       name: name2 ?? "",
@@ -32824,7 +32946,7 @@ var FloatTimeField = (props) => {
           onBlur();
         };
         return /* @__PURE__ */ jsxs60(Fragment25, { children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             "input",
             {
               type: "text",
@@ -32856,7 +32978,7 @@ var FloatTimeField = (props) => {
               readOnly: readonly
             }
           ),
-          (error2 || errors) && /* @__PURE__ */ jsx86("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
+          (error2 || errors) && /* @__PURE__ */ jsx87("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
         ] });
       }
     }
@@ -32865,7 +32987,7 @@ var FloatTimeField = (props) => {
 
 // src/widgets/basic/html-field/html.tsx
 import { useEffect as useEffect18, useRef as useRef16 } from "react";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var HtmlField = (props) => {
   const {
     name: name2,
@@ -32878,9 +33000,9 @@ var HtmlField = (props) => {
   } = props;
   const divRef = useRef16(null);
   if (!isForm) {
-    return /* @__PURE__ */ jsx87("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
+    return /* @__PURE__ */ jsx88("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
   }
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     Controller,
     {
       name: name2 ?? "",
@@ -32899,7 +33021,7 @@ var HtmlField = (props) => {
             onChange2(newValue, "");
           }
         };
-        return /* @__PURE__ */ jsx87(
+        return /* @__PURE__ */ jsx88(
           "div",
           {
             ref: divRef,
@@ -32918,12 +33040,12 @@ var HtmlField = (props) => {
 };
 
 // src/widgets/basic/image-field/image.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var ImageField = (props) => {
   const { value, type, name: name2 } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx89(
       "img",
       {
         src: `https://api.vitrust.app/c2${value}`,
@@ -32933,21 +33055,21 @@ var ImageField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx88("div", { id: "qr-code", children: /* @__PURE__ */ jsx88("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
+  return /* @__PURE__ */ jsx89("div", { id: "qr-code", children: /* @__PURE__ */ jsx89("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
 import { useEffect as useEffect19 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
-import { Fragment as Fragment26, jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs61 } from "react/jsx-runtime";
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
-    return /* @__PURE__ */ jsx89(Fragment26, {});
+    return /* @__PURE__ */ jsx90(Fragment26, {});
   }
   const inforValues = Array.isArray(value) ? value : [value];
-  return /* @__PURE__ */ jsx89("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ jsx90(
     AvatarField,
     {
       id: item.id,
@@ -32957,7 +33079,7 @@ var InfomationField = (props) => {
     },
     item.id
   )) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
-    /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx90(
       AvatarField,
       {
         avatarSrc: inforValues[0].image_256,
@@ -32967,12 +33089,12 @@ var InfomationField = (props) => {
         stringToColor
       }
     ),
-    showName && /* @__PURE__ */ jsx89("span", { className: "capitalize", children: inforValues[0].display_name })
+    showName && /* @__PURE__ */ jsx90("span", { className: "capitalize", children: inforValues[0].display_name })
   ] }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import { jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs62 } from "react/jsx-runtime";
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -32982,7 +33104,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
     )
   )?.[0]?.action?.id;
   return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(
       AvatarField,
       {
         id: data?.id,
@@ -32994,8 +33116,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
         stringToColor
       }
     ),
-    /* @__PURE__ */ jsx90("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
+    /* @__PURE__ */ jsx91(
       "span",
       {
         className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -33003,7 +33125,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
           e3.stopPropagation();
           props.removeProps.onClick();
         },
-        children: /* @__PURE__ */ jsx90(CloseIcon, {})
+        children: /* @__PURE__ */ jsx91(CloseIcon, {})
       }
     )
   ] });
@@ -33028,7 +33150,7 @@ var Many2ManyTagField = (props) => {
     stringToColor
   } = props;
   const CustomSelect = ({ ...rest }) => {
-    return /* @__PURE__ */ jsx90(StateManagedSelect$1, { relation, ...rest });
+    return /* @__PURE__ */ jsx91(StateManagedSelect$1, { relation, ...rest });
   };
   if (!isForm) {
     const optionValue = Array.isArray(value) ? value.map((item) => ({
@@ -33036,7 +33158,7 @@ var Many2ManyTagField = (props) => {
       value: item.id,
       label: item.name ?? item.display_name
     })) : [];
-    return /* @__PURE__ */ jsx90(
+    return /* @__PURE__ */ jsx91(
       InfomationField,
       {
         value: optionValue || null,
@@ -33045,7 +33167,7 @@ var Many2ManyTagField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     Controller,
     {
       name: name2 ?? "",
@@ -33070,7 +33192,7 @@ var Many2ManyTagField = (props) => {
           clearErrors(name2);
         };
         return /* @__PURE__ */ jsxs62("div", { className: "group", children: [
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(
             CustomSelect,
             {
               relation,
@@ -33128,7 +33250,7 @@ var Many2ManyTagField = (props) => {
                 })
               },
               components: isUser ? {
-                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx90(
+                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx91(
                   CustomMultiValue,
                   {
                     ...multiValueProps,
@@ -33143,7 +33265,7 @@ var Many2ManyTagField = (props) => {
             },
             field?.value
           ),
-          isEditTable && error2 && /* @__PURE__ */ jsx90("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          isEditTable && error2 && /* @__PURE__ */ jsx91("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -33152,7 +33274,7 @@ var Many2ManyTagField = (props) => {
 
 // src/widgets/basic/monetary-field/monetary.tsx
 import { useEffect as useEffect20 } from "react";
-import { Fragment as Fragment27, jsx as jsx91, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx92, jsxs as jsxs63 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const {
     name: name2,
@@ -33176,21 +33298,21 @@ var MonetaryField = (props) => {
         string,
         ":"
       ] }),
-      /* @__PURE__ */ jsx91("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
+      /* @__PURE__ */ jsx92("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
     ] });
   }
   if (!isForm) {
     const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
     if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ jsx91("span", { children: `${formatNumberOnly(
+      return /* @__PURE__ */ jsx92("span", { children: `${formatNumberOnly(
         parseFloat(String(value ?? defaultValue))
       )} VND` });
     }
-    return /* @__PURE__ */ jsx91("span", { children: `${formatNumberOnly(
+    return /* @__PURE__ */ jsx92("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
     )} ${currencySymbol}` });
   }
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     Controller,
     {
       name: name2 ?? "",
@@ -33213,7 +33335,7 @@ var MonetaryField = (props) => {
         const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
         const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
         return /* @__PURE__ */ jsxs63(Fragment27, { children: [
-          /* @__PURE__ */ jsx91(
+          /* @__PURE__ */ jsx92(
             "input",
             {
               value: formatNumberOnly(value2),
@@ -33247,7 +33369,7 @@ var MonetaryField = (props) => {
               className: `${baseClasses} ${editableClass} ${readonlyClass}`
             }
           ),
-          !isEditTable && error2 && /* @__PURE__ */ jsx91("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          !isEditTable && error2 && /* @__PURE__ */ jsx92("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -33255,14 +33377,14 @@ var MonetaryField = (props) => {
 };
 
 // src/widgets/basic/paid-badged-field/paid-badged.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var PaidBadgedField = () => {
-  return /* @__PURE__ */ jsx92("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ jsx92(PaidIcon, {}) });
+  return /* @__PURE__ */ jsx93("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ jsx93(PaidIcon, {}) });
 };
 
 // src/widgets/basic/priority-field/rating-star.tsx
 import React16, { useEffect as useEffect21, useState as useState19 } from "react";
-import { jsx as jsx93, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs64 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
     label,
@@ -33297,7 +33419,7 @@ var RatingStarField = (props) => {
     setHover(0);
     setRating(0);
   };
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "div",
     {
       className: "flex gap-1 cursor-pointer w-fit",
@@ -33308,16 +33430,16 @@ var RatingStarField = (props) => {
         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(React16.Fragment, { children: [
-          /* @__PURE__ */ jsx93(
+          /* @__PURE__ */ jsx94(
             "div",
             {
               onMouseEnter: () => handleHover(starValue),
               onClick: () => handleClick(starValue),
               "data-tooltip-id": `${id}-${starValue}`,
-              children: /* @__PURE__ */ jsx93(StarIcon, { fill: fillColor, stroke: strokeColor })
+              children: /* @__PURE__ */ jsx94(StarIcon, { fill: fillColor, stroke: strokeColor })
             }
           ),
-          /* @__PURE__ */ jsx93(
+          /* @__PURE__ */ jsx94(
             M,
             {
               className: "z-50",
@@ -33333,7 +33455,7 @@ var RatingStarField = (props) => {
 };
 
 // src/widgets/basic/priority-field/priority.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var PriorityField = (props) => {
   const {
     isForm,
@@ -33349,7 +33471,7 @@ var PriorityField = (props) => {
   const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
   const defaultPriority = parseInt(value) + 1;
   if (!isForm) {
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       RatingStarField,
       {
         label,
@@ -33360,7 +33482,7 @@ var PriorityField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     Controller,
     {
       name: name ?? "",
@@ -33370,7 +33492,7 @@ var PriorityField = (props) => {
           field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
           onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
         };
-        return /* @__PURE__ */ jsx94(
+        return /* @__PURE__ */ jsx95(
           RatingStarField,
           {
             label,
@@ -33387,7 +33509,7 @@ var PriorityField = (props) => {
 
 // src/widgets/basic/radio-group-field/radio-group.tsx
 import { useEffect as useEffect22 } from "react";
-import { jsx as jsx95, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs65 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -33406,13 +33528,13 @@ var RadioGroupField = (props) => {
     }
   }, [selection, name2, setValue]);
   if (!methods) return null;
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
-      render: ({ field }) => /* @__PURE__ */ jsx95("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx95(
+      render: ({ field }) => /* @__PURE__ */ jsx96("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx96(
           "input",
           {
             type: "radio",
@@ -33431,7 +33553,7 @@ var RadioGroupField = (props) => {
             className: "custom-radio"
           }
         ),
-        /* @__PURE__ */ jsx95("label", { htmlFor: String(select[0]), children: select[1] })
+        /* @__PURE__ */ jsx96("label", { htmlFor: String(select[0]), children: select[1] })
       ] }, select[0])) })
     }
   );
@@ -33439,7 +33561,7 @@ var RadioGroupField = (props) => {
 
 // src/widgets/basic/remaining-days-field/remaining-days.tsx
 var import_moment3 = __toESM(require_moment());
-import { jsx as jsx96, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs66 } from "react/jsx-runtime";
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -33451,13 +33573,13 @@ var RemainingDaysField = (props) => {
   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: [
-    /* @__PURE__ */ jsx96(M, { id: `remainingDays_${value}`, place: "top", content: string }),
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx97(M, { id: `remainingDays_${value}`, place: "top", content: string }),
+    /* @__PURE__ */ jsx97(
       "div",
       {
         "data-tooltip-id": `remainingDays_${value}`,
         className: "flex items-center w-fit cursor-context-menu",
-        children: /* @__PURE__ */ jsx96(
+        children: /* @__PURE__ */ jsx97(
           "div",
           {
             className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -33470,7 +33592,7 @@ var RemainingDaysField = (props) => {
 };
 
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-import { Fragment as Fragment28, jsx as jsx97, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx98, jsxs as jsxs67 } from "react/jsx-runtime";
 var SelectDropdownField = (props) => {
   const {
     selection,
@@ -33491,9 +33613,9 @@ var SelectDropdownField = (props) => {
     label: val[1]
   })) : [];
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx97("span", { children: options2?.find((item) => item?.value === value)?.label });
+    return /* @__PURE__ */ jsx98("span", { children: options2?.find((item) => item?.value === value)?.label });
   } else {
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx98(
       Controller,
       {
         name: name2 || "",
@@ -33528,7 +33650,7 @@ var SelectDropdownField = (props) => {
             }
           };
           return /* @__PURE__ */ jsxs67(Fragment28, { children: [
-            /* @__PURE__ */ jsx97("div", { className: "group", children: /* @__PURE__ */ jsx97(
+            /* @__PURE__ */ jsx98("div", { className: "group", children: /* @__PURE__ */ jsx98(
               StateManagedSelect$1,
               {
                 ...commonProps,
@@ -33571,11 +33693,11 @@ var SelectDropdownField = (props) => {
                 menuPortalTarget: typeof window !== "undefined" ? document.body : null,
                 components: {
                   IndicatorSeparator: () => null,
-                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ jsx97(components.DropdownIndicator, { ...props2 })
+                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ jsx98(components.DropdownIndicator, { ...props2 })
                 }
               }
             ) }),
-            !isEditTable && error2 && /* @__PURE__ */ jsx97("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ jsx98("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -33584,7 +33706,7 @@ var SelectDropdownField = (props) => {
 };
 
 // src/widgets/basic/textarea-field/textarea.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var TextAreaField = (props) => {
   const {
     methods,
@@ -33608,9 +33730,9 @@ var TextAreaField = (props) => {
     }
   }) : {};
   if (!isForm) {
-    return /* @__PURE__ */ jsx98("span", { children: value && typeof value === "object" ? value.display_name : value });
+    return /* @__PURE__ */ jsx99("span", { children: value && typeof value === "object" ? value.display_name : value });
   }
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "textarea",
     {
       ...formProps,
@@ -33626,7 +33748,7 @@ var TextAreaField = (props) => {
 };
 
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-import { jsx as jsx99, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs68 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -33636,13 +33758,13 @@ var ToggleButtonField = (props) => {
     onChange: onChange2,
     methods
   } = props;
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-9 h-5 cursor-pointer", children: [
-        /* @__PURE__ */ jsx99(
+      render: ({ field }) => /* @__PURE__ */ jsx100("div", { className: "inline-flex items-center w-[34px]", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-9 h-5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx100(
           "input",
           {
             ...field,
@@ -33661,12 +33783,12 @@ var ToggleButtonField = (props) => {
             checked: field.value ?? false
           }
         ),
-        /* @__PURE__ */ jsx99(
+        /* @__PURE__ */ jsx100(
           "span",
           {
             className: `absolute top-0 left-0 right-0 bottom-0 rounded-full transition duration-300 
                 ${field.value ? "bg-primary" : "bg-gray-300"}`,
-            children: /* @__PURE__ */ jsx99(
+            children: /* @__PURE__ */ jsx100(
               "span",
               {
                 className: `absolute left-[2px] bottom-[2px] w-4 h-4 bg-white rounded-full transition duration-300
@@ -33682,7 +33804,7 @@ var ToggleButtonField = (props) => {
 
 // src/widgets/basic/integer-field/integer.tsx
 import { useEffect as useEffect23, useRef as useRef17, useState as useState20 } from "react";
-import { Fragment as Fragment29, jsx as jsx100, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs69 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -33700,9 +33822,9 @@ var IntegerField = (props) => {
   } = props;
   if (!isForm) {
     const displayValue = value ?? defaultValue;
-    return /* @__PURE__ */ jsx100("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
+    return /* @__PURE__ */ jsx101("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
   }
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Controller,
     {
       name: name2 || "",
@@ -33781,7 +33903,7 @@ var IntegerField = (props) => {
           clearErrors(name2);
         };
         return /* @__PURE__ */ jsxs69(Fragment29, { children: [
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101(
             "input",
             {
               ref: inputRef,
@@ -33815,7 +33937,7 @@ var IntegerField = (props) => {
                 `
             }
           ),
-          error2 && isEditTable && /* @__PURE__ */ jsx100("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && isEditTable && /* @__PURE__ */ jsx101("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -33823,7 +33945,7 @@ var IntegerField = (props) => {
 };
 
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-import { jsx as jsx101, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs70 } from "react/jsx-runtime";
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -33841,7 +33963,7 @@ var StatusDropdownField = (props) => {
       ref: buttonRef,
       className: isForm ? "absolute top-7 right-6 z-10" : void 0,
       children: [
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           "button",
           {
             type: "button",
@@ -33849,7 +33971,7 @@ var StatusDropdownField = (props) => {
             className: `transition-all rounded-full size-5 cursor-pointer shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] focus:!shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-[#dbe0e6] ${state == "normal" ? "bg-[#e9ecef]" : state == "done" ? "bg-primary" : "bg-red-500"}`
           }
         ),
-        isOpen && /* @__PURE__ */ jsx101("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) => {
+        isOpen && /* @__PURE__ */ jsx102("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(
             "div",
@@ -33857,15 +33979,15 @@ var StatusDropdownField = (props) => {
               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__ */ jsx101("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx101(CheckIcon, {}) }),
+                /* @__PURE__ */ jsx102("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx102(CheckIcon, {}) }),
                 /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx101(
+                  /* @__PURE__ */ jsx102(
                     "div",
                     {
                       className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
                     }
                   ),
-                  /* @__PURE__ */ jsx101("span", { className: "text-sm", children: item[1] })
+                  /* @__PURE__ */ jsx102("span", { className: "text-sm", children: item[1] })
                 ] })
               ]
             },
@@ -33879,7 +34001,7 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 import { createPortal as createPortal5 } from "react-dom";
-import { jsx as jsx102, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const {
     aid,
@@ -33939,8 +34061,8 @@ var Many2ManyField = (props) => {
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
-          /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-          /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
+          /* @__PURE__ */ jsx103("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+          /* @__PURE__ */ jsx103("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
             "div",
             {
               style: {
@@ -33949,11 +34071,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__ */ jsx102("div", { className: "text-[20px] font-semibold", children: title }),
-                  /* @__PURE__ */ jsx102("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx102(CloseIcon, {}) })
+                  /* @__PURE__ */ jsx103("div", { className: "text-[20px] font-semibold", children: title }),
+                  /* @__PURE__ */ jsx103("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx103(CloseIcon, {}) })
                 ] }),
                 /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
-                  /* @__PURE__ */ jsx102("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx102(
+                  /* @__PURE__ */ jsx103("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx103(
                     Search,
                     {
                       removeSearchItems,
@@ -33986,7 +34108,7 @@ var Many2ManyField = (props) => {
                       clearSearch
                     }
                   ) }),
-                  /* @__PURE__ */ jsx102(
+                  /* @__PURE__ */ jsx103(
                     PaginationView,
                     {
                       className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -34003,20 +34125,20 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx102("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx102("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx102(
+                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx103("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx103("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx103(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
-                    children: /* @__PURE__ */ jsx102("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx102("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx102(
+                    children: /* @__PURE__ */ jsx103("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx103("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx103(
                       "div",
                       {
                         className: `flex w-full items-center h-full overflow-auto `,
-                        children: /* @__PURE__ */ jsx102("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
+                        children: /* @__PURE__ */ jsx103("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
                             children: [
-                              /* @__PURE__ */ jsx102(
+                              /* @__PURE__ */ jsx103(
                                 TableHead,
                                 {
                                   columns,
@@ -34026,7 +34148,7 @@ var Many2ManyField = (props) => {
                                   handleCheckBoxAll
                                 }
                               ),
-                              /* @__PURE__ */ jsx102(
+                              /* @__PURE__ */ jsx103(
                                 TableBody,
                                 {
                                   columns,
@@ -34066,9 +34188,9 @@ var Many2ManyField = (props) => {
                       }
                     ) }) })
                   }
-                ) }) }) : /* @__PURE__ */ jsx102(LayerLoading, {}),
+                ) }) }) : /* @__PURE__ */ jsx103(LayerLoading, {}),
                 /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
-                  isDisplayCheckbox && /* @__PURE__ */ jsx102(
+                  isDisplayCheckbox && /* @__PURE__ */ jsx103(
                     "button",
                     {
                       disabled: selectedRowKeys?.length === 0,
@@ -34078,7 +34200,7 @@ var Many2ManyField = (props) => {
                       children: instance.t("choose")
                     }
                   ),
-                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx102(
+                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx103(
                     "button",
                     {
                       type: "button",
@@ -34094,7 +34216,7 @@ var Many2ManyField = (props) => {
                       children: instance.t("new")
                     }
                   ),
-                  /* @__PURE__ */ jsx102(
+                  /* @__PURE__ */ jsx103(
                     "button",
                     {
                       type: "button",
@@ -34116,7 +34238,7 @@ var Many2ManyField = (props) => {
 
 // src/widgets/basic/many2one-field/many2one.tsx
 import React17, { useEffect as useEffect24, useMemo as useMemo9 } from "react";
-import { Fragment as Fragment30, jsx as jsx103, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
@@ -34175,7 +34297,7 @@ var Many2OneField = (props) => {
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
     return /* @__PURE__ */ jsxs72(Fragment30, { children: [
-      allowShowDetail && /* @__PURE__ */ jsx103(
+      allowShowDetail && /* @__PURE__ */ jsx104(
         ModalDetail,
         {
           idToolTip: String(name2) + Number(index4),
@@ -34188,7 +34310,7 @@ var Many2OneField = (props) => {
           renderDetail
         }
       ),
-      /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx104(
         "span",
         {
           className: "cursor-pointer",
@@ -34199,13 +34321,13 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsx103(Fragment30, { children: /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx104(Fragment30, { children: /* @__PURE__ */ jsx104(
     "div",
     {
       id: name2,
       "data-tooltip-id": name2,
       className: `inline-block w-full ${readonly && "cursor-not-allowed"}`,
-      children: /* @__PURE__ */ jsx103(
+      children: /* @__PURE__ */ jsx104(
         Controller,
         {
           name: name2 ?? "",
@@ -34227,14 +34349,14 @@ var Many2OneField = (props) => {
               }
             }, [selectedOption]);
             return /* @__PURE__ */ jsxs72("div", { className: "group", children: [
-              /* @__PURE__ */ jsx103(
+              /* @__PURE__ */ jsx104(
                 StateManagedSelect$1,
                 {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
                     control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
-                    valueContainer: () => "!m-0 !p-0",
+                    valueContainer: () => "!m-0 !p-0 ",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",
                     dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
@@ -34279,7 +34401,7 @@ var Many2OneField = (props) => {
                     })
                   },
                   components: {
-                    MenuList: (menuListProps) => /* @__PURE__ */ jsx103(
+                    MenuList: (menuListProps) => /* @__PURE__ */ jsx104(
                       CustomMenuList,
                       {
                         ...menuListProps,
@@ -34290,13 +34412,13 @@ var Many2OneField = (props) => {
                       }
                     ),
                     IndicatorSeparator: () => null,
-                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx103(components.DropdownIndicator, { ...props2 })
+                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx104(components.DropdownIndicator, { ...props2 })
                   },
                   isDisabled: readonly,
                   noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
                 }
               ),
-              !isEditTable && error2 && /* @__PURE__ */ jsx103("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+              !isEditTable && error2 && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
             ] });
           }
         }
@@ -34306,7 +34428,7 @@ var Many2OneField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-import { jsx as jsx104, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs73 } from "react/jsx-runtime";
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -34316,12 +34438,12 @@ var StatusbarDurationField = (props) => {
     defaultValue,
     setModalStatus
   } = props;
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     "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: [
-        /* @__PURE__ */ jsx104("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
+        /* @__PURE__ */ jsx105("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(
             "label",
@@ -34333,7 +34455,7 @@ var StatusbarDurationField = (props) => {
                 ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
               `,
               children: [
-                /* @__PURE__ */ jsx104(
+                /* @__PURE__ */ jsx105(
                   "input",
                   {
                     type: "radio",
@@ -34343,7 +34465,7 @@ var StatusbarDurationField = (props) => {
                   }
                 ),
                 option?.name,
-                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ jsx104(
+                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ jsx105(
                   "div",
                   {
                     className: `absolute top-[5px] bg-[#dee2e6] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45 group-hover:bg-[#ced4da]
@@ -34364,8 +34486,8 @@ var StatusbarDurationField = (props) => {
             onClick: () => setModalStatus(!modelStatus),
             className: "w-[24px] h-[24px] cursor-pointer relative",
             children: [
-              /* @__PURE__ */ jsx104(MoreIcon, {}),
-              modelStatus && /* @__PURE__ */ jsx104(
+              /* @__PURE__ */ jsx105(MoreIcon, {}),
+              modelStatus && /* @__PURE__ */ jsx105(
                 "div",
                 {
                   onClick: (e3) => e3.stopPropagation(),
@@ -34374,7 +34496,7 @@ var StatusbarDurationField = (props) => {
                     (item) => item?.fold && item.id !== defaultValue
                   )?.map((option) => {
                     const value = option?.id === defaultValue;
-                    return /* @__PURE__ */ jsx104(
+                    return /* @__PURE__ */ jsx105(
                       "div",
                       {
                         className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34396,28 +34518,28 @@ var StatusbarDurationField = (props) => {
 
 // src/widgets/basic/status-bar-field/option/option.tsx
 import { useMemo as useMemo10 } from "react";
-import { jsx as jsx105, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs74 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
   const memoizedStatusOptions = useMemo10(() => selection, [selection]);
-  return /* @__PURE__ */ jsx105("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
+  return /* @__PURE__ */ jsx106("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
     const value = option?.[0] === defaultValue;
     return /* @__PURE__ */ jsxs74(
       "label",
       {
-        className: `relative flex-shrink-0 cursor-default py-[10px] px-8 font-semibold !text-sm
-              ${value ? "bg-primary text-white" : "bg-[#F1F6F1] text-[#121212]"}
-              ${index4 === 0 ? "rounded-l-xl! " : "rounded-none"}
-              ${index4 === memoizedStatusOptions?.length - 1 ? "rounded-r-xl!" : "rounded-none"}
+        className: `relative flex-shrink-0 cursor-default py-[10px] pl-8 pr-[20px] font-semibold !text-xs
+              ${value ? "bg-primary text-white" : "bg-[#FAFAFA] text-[#121212]"}
+              ${index4 === 0 ? "rounded-l-xl" : "rounded-none"}
+              ${index4 === memoizedStatusOptions?.length - 1 ? "rounded-r-xl" : "rounded-none"}
             `,
         children: [
-          /* @__PURE__ */ jsx105("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
+          /* @__PURE__ */ jsx106("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
           option[1],
-          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx105(
+          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx106(
             "div",
             {
-              className: `absolute top-[5px] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45
-                  ${value ? "bg-primary" : "bg-[#F1F6F1]"}
+              className: `absolute top-[50%] translate-y-[-50%] z-[2]  w-[25.5px] h-[25.5px] transform rotate-45
+                  ${value ? "bg-primary border border-primary -right-[13px]" : " -right-[12.5px] bg-[#FAFAFA] border border-b-[#FAFAFA] border-l-[#FAFAFA] border-t-[rgba(0,0,0,0.04)] border-r-[rgba(0,0,0,0.04)]"}
                 `
             }
           )
@@ -34429,7 +34551,7 @@ var StatusBarOptionField = (props) => {
 };
 
 // src/widgets/basic/date-option-field/date-option.tsx
-import { jsx as jsx106, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs75 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -34440,7 +34562,7 @@ var DateOptionField = (props) => {
     string,
     onChange: onChange2
   } = props;
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     Controller,
     {
       name: name2 ?? "",
@@ -34452,7 +34574,7 @@ var DateOptionField = (props) => {
                   ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
                   ${readonly ? "opacity-50 pointer-events-none" : ""}`,
           children: [
-            /* @__PURE__ */ jsx106(
+            /* @__PURE__ */ jsx107(
               "input",
               {
                 type: "checkbox",
@@ -34509,7 +34631,7 @@ export {
   DownloadFileField,
   DownloadIcon,
   DropdownField,
-  EmptyData,
+  EmptyTable,
   ExcelIcon,
   ExportIcon,
   EyeClosedIcon,