@fctc/sme-widget-ui 2.3.4 → 2.3.6

package/dist/widgets.mjs

@@ -7716,7 +7716,16 @@ var vi_default = {
   "no-available": "Kh\xF4ng c\xF3 l\u1EF1a ch\u1ECDn n\xE0o",
   paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 \u0111\xF3ng",
   remanining_amount: "S\u1ED1 ti\u1EC1n c\xF2n l\u1EA1i",
-  only_image_accept: "Ch\u1EC9 \u0111\u01B0\u1EE3c upload file h\xECnh \u1EA3nh"
+  only_image_accept: "Ch\u1EC9 \u0111\u01B0\u1EE3c upload file h\xECnh \u1EA3nh",
+  "text-only": "Ch\u1EC9 \u0111\u01B0\u1EE3c nh\u1EADp ch\u1EEF (kh\xF4ng ch\u1EE9a s\u1ED1 v\xE0 k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t)",
+  "number-only": "Ch\u1EC9 \u0111\u01B0\u1EE3c nh\u1EADp s\u1ED1 (kh\xF4ng ch\u1EE9a ch\u1EEF v\xE0 k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t)",
+  "email-only": "Email kh\xF4ng h\u1EE3p l\u1EC7",
+  "phone-only": "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i kh\xF4ng h\u1EE3p l\u1EC7",
+  message: "M\u1EADt kh\u1EA9u ph\u1EA3i c\xF3 t\u1EEB {{min}} \u0111\u1EBFn {{max}} k\xFD t\u1EF1",
+  "message-text-error": " kh\xF4ng \u0111\u01B0\u1EE3c v\u01B0\u1EE3t qu\xE1 {{max}} k\xFD t\u1EF1",
+  upcase: ", {{count}} ch\u1EEF in hoa",
+  digit: ", {{count}} s\u1ED1",
+  special: ", {{count}} k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t"
 };
 
 // src/locales/en.json
@@ -7766,7 +7775,16 @@ var en_default = {
   "no-available": "No options available",
   paid_amount: "Amount Paid",
   remanining_amount: "Amount Remaining",
-  only_image_accept: "Only accept image"
+  only_image_accept: "Only accept image",
+  "text-only": "Only letters (no numbers or special characters)",
+  "number-only": "Only enter numbers (no letters or special characters)",
+  "email-only": "Invalid email address",
+  "phone-only": "Invalid phone number",
+  message: "Password must be between {{min}} and {{max}} characters",
+  "message-text-error": " must not exceed {{max}} characters",
+  upcase: ", {{count}} uppercase letter",
+  digit: ", {{count}} digit",
+  special: ", {{count}} special character"
 };
 
 // src/utils/i18n.ts
@@ -8742,26 +8760,30 @@ import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var EyeIcon = () => /* @__PURE__ */ jsxs7(
   "svg",
   {
-    width: "20",
-    height: "21",
-    viewBox: "0 0 20 21",
-    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
     children: [
       /* @__PURE__ */ jsx19(
         "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",
-          stroke: "#ABACAE",
-          strokeWidth: "1.5"
+          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
+          stroke: "#646566",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
         }
       ),
       /* @__PURE__ */ jsx19(
         "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",
-          stroke: "#ABACAE",
-          strokeWidth: "1.5"
+          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
+          stroke: "#646566",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
         }
       )
     ]
@@ -16554,9 +16576,9 @@ var CharField = (props) => {
 import { useEffect as useEffect12, useMemo as useMemo5, useState as useState11 } from "react";
 
 // src/icons/eye-hidden-icon.tsx
-import { jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var EyeHiddenIcon = () => {
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsx79(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -16564,74 +16586,19 @@ var EyeHiddenIcon = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: [
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M9.68661 6.31328L6.31328 9.68661C5.87995 9.25328 5.61328 8.65995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C8.65995 5.61328 9.25328 5.87995 9.68661 6.31328Z",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M11.8799 3.8473C10.7132 2.9673 9.3799 2.4873 7.9999 2.4873C5.64656 2.4873 3.45323 3.87397 1.92656 6.27397C1.32656 7.21397 1.32656 8.79397 1.92656 9.73397C2.45323 10.5606 3.06656 11.274 3.73323 11.8473",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M5.61328 13.0195C6.37328 13.3395 7.17995 13.5128 7.99995 13.5128C10.3533 13.5128 12.5466 12.1261 14.0733 9.72613C14.6733 8.78613 14.6733 7.20613 14.0733 6.26613C13.8533 5.91947 13.6133 5.5928 13.3666 5.28613",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M10.3409 8.4668C10.1676 9.4068 9.40094 10.1735 8.46094 10.3468",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M6.31203 9.68652L1.33203 14.6665",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx79(
-          "path",
-          {
-            d: "M14.6675 1.33301L9.6875 6.31301",
-            stroke: "#576071",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsx79(
+        "path",
+        {
+          d: "M2.02273 4.37106C1.85957 3.99034 1.41866 3.81398 1.03793 3.97715C0.657212 4.14031 0.480849 4.58122 0.644015 4.96194L1.33337 4.6665L2.02273 4.37106ZM10.3915 8.88564L10.1168 8.18775L10.1168 8.18775L10.3915 8.88564ZM6.23722 9.29468C6.46313 8.94749 6.36481 8.48291 6.01762 8.257C5.67043 8.03109 5.20585 8.12941 4.97994 8.4766L5.60858 8.88564L6.23722 9.29468ZM4.03807 9.92413C3.81216 10.2713 3.91048 10.7359 4.25767 10.9618C4.60486 11.1877 5.06944 11.0894 5.29535 10.7422L4.66671 10.3332L4.03807 9.92413ZM15.3561 4.96194C15.5192 4.58122 15.3429 4.14031 14.9621 3.97715C14.5814 3.81398 14.1405 3.99034 13.9773 4.37106L14.6667 4.6665L15.3561 4.96194ZM12.6667 7.41906L12.1534 6.87221H12.1534L12.6667 7.41906ZM13.1364 8.94939C13.4293 9.24229 13.9041 9.24229 14.197 8.94939C14.4899 8.6565 14.4899 8.18163 14.197 7.88873L13.6667 8.41906L13.1364 8.94939ZM7.25004 10.9998C7.25004 11.4141 7.58583 11.7498 8.00004 11.7498C8.41425 11.7498 8.75004 11.4141 8.75004 10.9998H8.00004H7.25004ZM10.7047 10.7422C10.9306 11.0894 11.3952 11.1877 11.7424 10.9618C12.0896 10.7359 12.1879 10.2713 11.962 9.92413L11.3334 10.3332L10.7047 10.7422ZM3.8637 7.94939C4.1566 7.6565 4.1566 7.18163 3.8637 6.88873C3.57081 6.59584 3.09594 6.59584 2.80304 6.88873L3.33337 7.41906L3.8637 7.94939ZM1.80304 7.88873C1.51015 8.18163 1.51015 8.6565 1.80304 8.94939C2.09594 9.24229 2.57081 9.24229 2.8637 8.94939L2.33337 8.41906L1.80304 7.88873ZM8.00004 9.33317V8.58317C5.94282 8.58317 4.46137 7.56111 3.4663 6.4895C2.96899 5.95393 2.60371 5.41601 2.36326 5.01206C2.24346 4.81079 2.15582 4.64476 2.09925 4.53161C2.07099 4.4751 2.05057 4.43196 2.03785 4.40441C2.03149 4.39065 2.02706 4.3808 2.02455 4.37514C2.02329 4.37231 2.02251 4.37054 2.02221 4.36984C2.02206 4.3695 2.02203 4.36942 2.02211 4.36963C2.02216 4.36973 2.02223 4.3699 2.02233 4.37014C2.02239 4.37026 2.02249 4.37049 2.02251 4.37055C2.02262 4.3708 2.02273 4.37106 1.33337 4.6665C0.644015 4.96194 0.644145 4.96225 0.644283 4.96257C0.644339 4.9627 0.644484 4.96304 0.644597 4.9633C0.644822 4.96382 0.645079 4.96442 0.645367 4.96508C0.645943 4.96641 0.646645 4.96803 0.647473 4.96993C0.64913 4.97372 0.651291 4.97864 0.65396 4.98464C0.659298 4.99664 0.666671 5.013 0.6761 5.03341C0.694953 5.07423 0.722061 5.13135 0.757606 5.20243C0.828639 5.3445 0.933705 5.54305 1.07432 5.77928C1.35471 6.25033 1.78109 6.87907 2.36711 7.51018C3.53871 8.7719 5.3906 10.0832 8.00004 10.0832V9.33317ZM10.3915 8.88564L10.1168 8.18775C9.49772 8.43143 8.7951 8.58317 8.00004 8.58317V9.33317V10.0832C8.9916 10.0832 9.88017 9.89291 10.6662 9.58352L10.3915 8.88564ZM5.60858 8.88564L4.97994 8.4766L4.03807 9.92413L4.66671 10.3332L5.29535 10.7422L6.23722 9.29468L5.60858 8.88564ZM14.6667 4.6665C13.9773 4.37106 13.9774 4.37091 13.9775 4.37076C13.9775 4.37072 13.9776 4.37058 13.9776 4.37049C13.9777 4.37032 13.9777 4.37018 13.9778 4.37005C13.9779 4.3698 13.978 4.36964 13.978 4.36957C13.9781 4.36941 13.978 4.36961 13.9777 4.37014C13.9773 4.37121 13.9762 4.37363 13.9745 4.37736C13.9712 4.38483 13.9655 4.39752 13.9573 4.41503C13.941 4.45007 13.915 4.50434 13.8791 4.5747C13.8072 4.71559 13.6963 4.91998 13.5448 5.1631C13.2405 5.65149 12.7799 6.28423 12.1534 6.87221L12.6667 7.41906L13.18 7.96591C13.9259 7.26575 14.4653 6.52221 14.8179 5.95636C14.9949 5.67235 15.1266 5.43013 15.2153 5.25619C15.2597 5.16913 15.2935 5.09893 15.3168 5.04886C15.3285 5.02381 15.3376 5.00378 15.3441 4.98916C15.3474 4.98186 15.35 4.9759 15.352 4.97135C15.353 4.96907 15.3538 4.96714 15.3545 4.96557C15.3548 4.96479 15.3551 4.96409 15.3554 4.96349C15.3555 4.96319 15.3557 4.96291 15.3558 4.96265C15.3558 4.96252 15.3559 4.96234 15.3559 4.96228C15.356 4.96211 15.3561 4.96194 14.6667 4.6665ZM12.6667 7.41906L12.1534 6.87221C11.5987 7.39287 10.9224 7.87068 10.1168 8.18775L10.3915 8.88564L10.6662 9.58352C11.684 9.18292 12.5176 8.58764 13.18 7.96591L12.6667 7.41906ZM12.6667 7.41906L12.1364 7.94939L13.1364 8.94939L13.6667 8.41906L14.197 7.88873L13.197 6.88873L12.6667 7.41906ZM8.00004 9.33317H7.25004V10.9998H8.00004H8.75004V9.33317H8.00004ZM10.3915 8.88564L9.76286 9.29468L10.7047 10.7422L11.3334 10.3332L11.962 9.92413L11.0201 8.4766L10.3915 8.88564ZM3.33337 7.41906L2.80304 6.88873L1.80304 7.88873L2.33337 8.41906L2.8637 8.94939L3.8637 7.94939L3.33337 7.41906Z",
+          fill: "#646566"
+        }
+      )
     }
   );
 };
 
 // src/widgets/basic/char-field/secure-field.tsx
-import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
 function isSensitive(widget) {
   return widget === "password" || widget === "access_token" || widget === "refresh_token" || widget === "private_secret_key";
 }
@@ -16712,7 +16679,7 @@ var SecureField = (props) => {
         useEffect12(() => {
           if (value2) clearErrors(name2);
         }, [value2, clearErrors, name2]);
-        return /* @__PURE__ */ jsxs53("div", { className: `relative w-full ${className ?? ""}`, children: [
+        return /* @__PURE__ */ jsxs52("div", { className: `relative w-full ${className ?? ""}`, children: [
           isCappedToken && shouldMask && /* @__PURE__ */ jsx80(
             "div",
             {
@@ -16868,7 +16835,7 @@ var CheckboxField = (props) => {
 
 // src/widgets/basic/color-field/color-wrapper.tsx
 import { useEffect as useEffect13, useRef as useRef6, useState as useState12 } from "react";
-import { Fragment as Fragment19, jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const { colors: colors2, defaultColor, savePickColor } = props;
   const { t: t3 } = useI18n();
@@ -16892,7 +16859,7 @@ var ColorWrapper = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ jsx82("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx82("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs54("div", { children: [
+  return /* @__PURE__ */ jsx82("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx82("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs53("div", { children: [
     /* @__PURE__ */ jsx82(
       "button",
       {
@@ -16916,7 +16883,7 @@ var ColorWrapper = (props) => {
         content: t3(color?.name)
       }
     )
-  ] }, color?.id)) }) : /* @__PURE__ */ jsxs54(Fragment19, { children: [
+  ] }, color?.id)) }) : /* @__PURE__ */ jsxs53(Fragment19, { children: [
     /* @__PURE__ */ jsx82(
       "button",
       {
@@ -16973,7 +16940,7 @@ var ColorField = (props) => {
 
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
 import { useEffect as useEffect14 } from "react";
-import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -17012,8 +16979,8 @@ var CopyLinkButtonField = (props) => {
             clearErrors(name2);
           }
         }, [value]);
-        return /* @__PURE__ */ jsxs55("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs55(
+        return /* @__PURE__ */ jsxs54("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs54(
             "div",
             {
               "aria-disabled": readonly,
@@ -21016,7 +20983,7 @@ function useEffectEvent(callback) {
 }
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-import { jsx as jsx85, jsxs as jsxs56, Fragment as Fragment20 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs55, Fragment as Fragment20 } from "react/jsx-runtime";
 import * as ReactDOM2 from "react-dom";
 
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -21414,7 +21381,7 @@ var FloatingArrow = /* @__PURE__ */ React9.forwardRef(function FloatingArrow2(pr
     bottom: isCustomShape ? "" : "rotate(180deg)",
     right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
   }[side];
-  return /* @__PURE__ */ jsxs56("svg", {
+  return /* @__PURE__ */ jsxs55("svg", {
     ...rest,
     "aria-hidden": true,
     ref,
@@ -30830,7 +30797,7 @@ var StateManagedSelect$1 = StateManagedSelect;
 
 // src/widgets/basic/date-field/date.tsx
 var import_moment2 = __toESM(require_moment());
-import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs56 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
     name: name2,
@@ -30858,7 +30825,7 @@ var DateField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   const InputDateCustom = forwardRef6(
-    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs57("label", { className: `flex ${className}`, children: [
+    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs56("label", { className: `flex ${className}`, children: [
       /* @__PURE__ */ jsx88(
         "input",
         {
@@ -30901,7 +30868,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__ */ jsxs57(Fragment24, { children: [
+          return /* @__PURE__ */ jsxs56(Fragment24, { children: [
             /* @__PURE__ */ jsx88(
               DatePicker,
               {
@@ -30968,7 +30935,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs57(
+                }) => /* @__PURE__ */ jsxs56(
                   "div",
                   {
                     style: {
@@ -31061,11 +31028,11 @@ var DateField = (props) => {
 };
 
 // src/widgets/basic/download-binary-field/download-binary.tsx
-import { jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs57 } from "react/jsx-runtime";
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs57(
     "button",
     {
       type: "button",
@@ -31080,7 +31047,7 @@ var DownLoadBinaryField = (props) => {
 };
 
 // src/widgets/basic/download-file-field/download-file.tsx
-import { jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs58 } from "react/jsx-runtime";
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -31092,8 +31059,8 @@ var DownloadFileField = (props) => {
     handleFileChange,
     handleFileDownload
   } = props;
-  return /* @__PURE__ */ jsxs59("div", { className: "", children: [
-    /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs58("div", { className: "", children: [
+    /* @__PURE__ */ jsxs58(
       "label",
       {
         htmlFor: inputId,
@@ -31128,7 +31095,7 @@ var DownloadFileField = (props) => {
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
 import { useState as useState17 } from "react";
-import { jsx as jsx91, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs59 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -31142,14 +31109,14 @@ var DropdownField = (props) => {
   } = props;
   const [open, setOpen] = useState17(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs59(
     "div",
     {
       ref: dropdownRef,
       className: `relative ${className}`,
       onClick: () => setOpen(!open),
       children: [
-        /* @__PURE__ */ jsxs60(
+        /* @__PURE__ */ jsxs59(
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
@@ -31185,7 +31152,7 @@ var DropdownField = (props) => {
 };
 
 // src/widgets/basic/fee-field/fee.tsx
-import { Fragment as Fragment25, jsx as jsx92, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx92, jsxs as jsxs60 } from "react/jsx-runtime";
 var FeeField = (props) => {
   const { value, formValues } = props;
   const { t: t3 } = useI18n();
@@ -31196,23 +31163,23 @@ var FeeField = (props) => {
     )
   ) + " VND";
   const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
-  return /* @__PURE__ */ jsxs61(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs60(Fragment25, { children: [
     value?.subtotals?.map((sub) => {
       if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
-        return /* @__PURE__ */ jsxs61(Fragment25, { children: [
-          /* @__PURE__ */ jsxs61("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
-            /* @__PURE__ */ jsxs61("div", { className: "text-[14px] leading-[21px] text-right", children: [
+        return /* @__PURE__ */ jsxs60(Fragment25, { children: [
+          /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
+            /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
               sub?.name,
               ":"
             ] }),
             /* @__PURE__ */ jsx92("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__ */ jsxs61(
+          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs60(
             "div",
             {
               className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
               children: [
-                /* @__PURE__ */ jsxs61("div", { className: "text-[14px] leading-[21px] text-right", children: [
+                /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
                   group?.group_name,
                   ":"
                 ] }),
@@ -31224,22 +31191,22 @@ var FeeField = (props) => {
         ] });
       }
     }),
-    /* @__PURE__ */ jsxs61("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
-      /* @__PURE__ */ jsxs61("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
+      /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("total"),
         ":"
       ] }),
       /* @__PURE__ */ jsx92("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
     ] }),
-    /* @__PURE__ */ jsxs61("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__ */ jsxs61("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs60("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__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("paid_amount"),
         ":"
       ] }),
       /* @__PURE__ */ jsx92("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
     ] }),
-    /* @__PURE__ */ jsxs61("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__ */ jsxs61("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs60("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__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("remanining_amount"),
         ":"
       ] }),
@@ -31250,7 +31217,7 @@ var FeeField = (props) => {
 
 // src/widgets/basic/file-upload-field/file-upload.tsx
 import { useEffect as useEffect19, useRef as useRef14, useState as useState18 } from "react";
-import { jsx as jsx93, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 var RenderFile = ({
   file,
   onDelete,
@@ -31266,9 +31233,9 @@ var RenderFile = ({
     "application/vnd.ms-excel": /* @__PURE__ */ jsx93(ExcelIcon, {}),
     "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx93(ExcelIcon, {})
   };
-  return /* @__PURE__ */ jsxs62("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
+  return /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
     /* @__PURE__ */ jsx93("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
-    /* @__PURE__ */ jsxs62("div", { children: [
+    /* @__PURE__ */ jsxs61("div", { children: [
       /* @__PURE__ */ jsx93(
         "div",
         {
@@ -31281,7 +31248,7 @@ var RenderFile = ({
       ),
       /* @__PURE__ */ jsx93("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
     ] }),
-    /* @__PURE__ */ jsxs62("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
+    /* @__PURE__ */ jsxs61("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
       /* @__PURE__ */ jsx93(
         "span",
         {
@@ -31351,7 +31318,7 @@ var FileUploadField = (props) => {
             );
           }
         }, [selectedFiles]);
-        return /* @__PURE__ */ jsxs62("div", { children: [
+        return /* @__PURE__ */ jsxs61("div", { children: [
           selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx93(
             RenderFile,
             {
@@ -31392,7 +31359,7 @@ var FileUploadField = (props) => {
 
 // src/widgets/basic/float-field/float.tsx
 import { useEffect as useEffect20, useRef as useRef15, useState as useState19 } from "react";
-import { Fragment as Fragment26, jsx as jsx94, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
     name: name2,
@@ -31506,7 +31473,7 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs63(Fragment26, { children: [
+        return /* @__PURE__ */ jsxs62(Fragment26, { children: [
           /* @__PURE__ */ jsx94(
             "input",
             {
@@ -31535,7 +31502,7 @@ var FloatField = (props) => {
 
 // src/widgets/basic/float-time-field/float-time.tsx
 import { useState as useState20 } from "react";
-import { Fragment as Fragment27, jsx as jsx95, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -31615,7 +31582,7 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs64(Fragment27, { children: [
+        return /* @__PURE__ */ jsxs63(Fragment27, { children: [
           /* @__PURE__ */ jsx95(
             "input",
             {
@@ -31725,7 +31692,7 @@ var ImageField = (props) => {
 import React17, { useEffect as useEffect22, useMemo as useMemo11 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
-import { Fragment as Fragment28, jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx98, jsxs as jsxs64 } from "react/jsx-runtime";
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
@@ -31741,7 +31708,7 @@ var InfomationField = (props) => {
       stringToColor
     },
     item.id
-  )) : /* @__PURE__ */ jsxs65("div", { className: "flex gap-2 items-center w-max", children: [
+  )) : /* @__PURE__ */ jsxs64("div", { className: "flex gap-2 items-center w-max", children: [
     /* @__PURE__ */ jsx98(
       AvatarField,
       {
@@ -31757,7 +31724,7 @@ var InfomationField = (props) => {
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -31766,7 +31733,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
     /* @__PURE__ */ jsx99(
       AvatarField,
       {
@@ -31798,9 +31765,9 @@ var CustomMenuList = (props) => {
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const { t: t3 } = useI18n();
   const limitedChildren = React17.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs66(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs65(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs66(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs65(
       "button",
       {
         type: "button",
@@ -31890,7 +31857,7 @@ var Many2ManyTagField = (props) => {
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs66("div", { className: "group h-full overflow-y-auto", children: [
+        return /* @__PURE__ */ jsxs65("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ jsx99(
             StateManagedSelect$1,
             {
@@ -32005,7 +31972,7 @@ var Many2ManyTagField = (props) => {
 
 // src/widgets/basic/monetary-field/monetary.tsx
 import { useEffect as useEffect23 } from "react";
-import { Fragment as Fragment29, jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32026,8 +31993,8 @@ var MonetaryField = (props) => {
     symbol = "VND"
   } = props;
   if (isForm && name2 === "amount_residual") {
-    return /* @__PURE__ */ jsxs67("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
-      /* @__PURE__ */ jsxs67("span", { className: "font-semibold", children: [
+    return /* @__PURE__ */ jsxs66("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
+      /* @__PURE__ */ jsxs66("span", { className: "font-semibold", children: [
         string,
         ":"
       ] }),
@@ -32064,7 +32031,7 @@ var MonetaryField = (props) => {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ jsxs67(Fragment29, { children: [
+        return /* @__PURE__ */ jsxs66(Fragment29, { children: [
           /* @__PURE__ */ jsx100(
             "input",
             {
@@ -32118,7 +32085,7 @@ var PaidBadgedField = () => {
 
 // src/widgets/basic/priority-field/rating-star.tsx
 import React18, { useEffect as useEffect24, useState as useState21 } from "react";
-import { jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs67 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
     label,
@@ -32163,7 +32130,7 @@ var RatingStarField = (props) => {
         const starValue = index4 + 1;
         const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
         const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
-        return /* @__PURE__ */ jsxs68(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsxs67(React18.Fragment, { children: [
           /* @__PURE__ */ jsx102(
             "div",
             {
@@ -32243,7 +32210,7 @@ var PriorityField = (props) => {
 
 // src/widgets/basic/radio-group-field/radio-group.tsx
 import { useEffect as useEffect25 } from "react";
-import { jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -32267,7 +32234,7 @@ var RadioGroupField = (props) => {
     {
       name: name2 ?? "",
       control: methods.control,
-      render: ({ field }) => /* @__PURE__ */ jsx104("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-1", children: [
+      render: ({ field }) => /* @__PURE__ */ jsx104("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx104(
           "input",
           {
@@ -32295,7 +32262,7 @@ var RadioGroupField = (props) => {
 
 // src/widgets/basic/remaining-days-field/remaining-days.tsx
 var import_moment3 = __toESM(require_moment());
-import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -32306,7 +32273,7 @@ var RemainingDaysField = (props) => {
   if (!value) return null;
   const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
   const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
-  return /* @__PURE__ */ jsxs70("div", { className: isForm ? "mb-4" : "", children: [
+  return /* @__PURE__ */ jsxs69("div", { className: isForm ? "mb-4" : "", children: [
     /* @__PURE__ */ jsx105(M, { id: `remainingDays_${value}`, place: "top", content: string }),
     /* @__PURE__ */ jsx105(
       "div",
@@ -32326,7 +32293,7 @@ var RemainingDaysField = (props) => {
 };
 
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-import { Fragment as Fragment30, jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
 var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32377,7 +32344,7 @@ var SelectDropdownField = (props) => {
             value: defaultValue || null,
             required: !invisible && required
           };
-          return /* @__PURE__ */ jsxs71(Fragment30, { children: [
+          return /* @__PURE__ */ jsxs70(Fragment30, { children: [
             /* @__PURE__ */ jsx106("div", { className: `group ${isEditTable ? "h-full" : ""}`, children: /* @__PURE__ */ jsx106(
               StateManagedSelect$1,
               {
@@ -32491,7 +32458,7 @@ var TextAreaField = (props) => {
 };
 
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-import { jsx as jsx108, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -32506,7 +32473,7 @@ var ToggleButtonField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx108("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs72("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
+      render: ({ field }) => /* @__PURE__ */ jsx108("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs71("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
         /* @__PURE__ */ jsx108(
           "input",
           {
@@ -32561,7 +32528,7 @@ var ToggleButtonField = (props) => {
 
 // src/widgets/basic/integer-field/integer.tsx
 import { useEffect as useEffect26, useRef as useRef17, useState as useState22 } from "react";
-import { Fragment as Fragment31, jsx as jsx109, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx109, jsxs as jsxs72 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -32660,7 +32627,7 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs73(Fragment31, { children: [
+        return /* @__PURE__ */ jsxs72(Fragment31, { children: [
           /* @__PURE__ */ jsx109(
             "input",
             {
@@ -32704,7 +32671,7 @@ var IntegerField = (props) => {
 };
 
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-import { jsx as jsx110, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs73 } from "react/jsx-runtime";
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -32716,7 +32683,7 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
       ref: buttonRef,
@@ -32732,14 +32699,14 @@ var StatusDropdownField = (props) => {
         ),
         isOpen && /* @__PURE__ */ jsx110("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__ */ jsxs74(
+          return /* @__PURE__ */ jsxs73(
             "div",
             {
               className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
               onClick: () => handleClick(item[0]),
               children: [
                 /* @__PURE__ */ jsx110("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx110(CheckIcon, {}) }),
-                /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx110(
                     "div",
                     {
@@ -32761,7 +32728,7 @@ var StatusDropdownField = (props) => {
 // src/widgets/basic/many2many-field/many2many.tsx
 import { createPortal as createPortal5 } from "react-dom";
 import { useEffect as useEffect27 } from "react";
-import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs74 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32835,7 +32802,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return createPortal5(
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs74(
       "div",
       {
         style: {
@@ -32844,7 +32811,7 @@ var Many2ManyField = (props) => {
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
           /* @__PURE__ */ jsx111("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-          /* @__PURE__ */ jsx111("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs75(
+          /* @__PURE__ */ jsx111("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs74(
             "div",
             {
               style: {
@@ -32852,11 +32819,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__ */ jsxs75("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+                /* @__PURE__ */ jsxs74("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
                   /* @__PURE__ */ jsx111("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ jsx111("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx111(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ jsxs75("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ jsxs74("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ jsx111("div", { className: "col-span-2 flex-1", children: /* @__PURE__ */ jsx111(
                     Search,
                     {
@@ -32916,7 +32883,7 @@ var Many2ManyField = (props) => {
                       "div",
                       {
                         className: `flex w-full items-center h-full overflow-auto `,
-                        children: /* @__PURE__ */ jsx111("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs75(
+                        children: /* @__PURE__ */ jsx111("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs74(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
@@ -32992,7 +32959,7 @@ var Many2ManyField = (props) => {
                     ) }) })
                   }
                 ) }) }) : /* @__PURE__ */ jsx111(LayerLoading, {}),
-                /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-2 mt-auto", children: [
+                /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-2 mt-auto", children: [
                   isDisplayCheckbox && /* @__PURE__ */ jsx111(
                     "button",
                     {
@@ -33041,15 +33008,15 @@ var Many2ManyField = (props) => {
 
 // src/widgets/basic/many2one-field/many2one.tsx
 import React19, { useEffect as useEffect28 } from "react";
-import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs75 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { t: t3 } = useI18n();
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const limitedChildren = React19.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs76(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs75(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs76(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs75(
       "button",
       {
         type: "button",
@@ -33092,7 +33059,7 @@ var Many2OneField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
-    return /* @__PURE__ */ jsxs76(Fragment32, { children: [
+    return /* @__PURE__ */ jsxs75(Fragment32, { children: [
       allowShowDetail && renderDetail({
         idToolTip: String(name2) + Number(index4),
         model: options2?.model ?? relation,
@@ -33110,7 +33077,7 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs76(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs75(Fragment32, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
@@ -33148,7 +33115,7 @@ var Many2OneField = (props) => {
                   methods?.clearErrors(name2);
                 }
               }, [selectedOption]);
-              return /* @__PURE__ */ jsxs76("div", { className: "h-full", children: [
+              return /* @__PURE__ */ jsxs75("div", { className: "h-full", children: [
                 /* @__PURE__ */ jsx112(
                   StateManagedSelect$1,
                   {
@@ -33254,7 +33221,7 @@ var Many2OneField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs76 } from "react/jsx-runtime";
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -33268,10 +33235,10 @@ var StatusbarDurationField = (props) => {
     "div",
     {
       className: `w-full items-center  rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
-      children: /* @__PURE__ */ jsxs77("div", { className: "flex items-center gap-[24px]", children: [
+      children: /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-[24px]", children: [
         /* @__PURE__ */ jsx113("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__ */ jsxs77(
+          return /* @__PURE__ */ jsxs76(
             "label",
             {
               onClick: () => !disabled && handleClick(option.id),
@@ -33306,7 +33273,7 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ jsxs77(
+        ) && /* @__PURE__ */ jsxs76(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
@@ -33344,7 +33311,7 @@ var StatusbarDurationField = (props) => {
 
 // src/widgets/basic/status-bar-field/option/option.tsx
 import { useMemo as useMemo12 } from "react";
-import { Fragment as Fragment33, jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx114, jsxs as jsxs77 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
   const memoizedStatusOptions = useMemo12(() => selection, [selection]);
@@ -33360,8 +33327,8 @@ var StatusBarOptionField = (props) => {
         flexWrap: "wrap"
       },
       children: memoizedStatusOptions?.map((option, index4) => {
-        return /* @__PURE__ */ jsxs78(Fragment33, { children: [
-          /* @__PURE__ */ jsxs78(
+        return /* @__PURE__ */ jsxs77(Fragment33, { children: [
+          /* @__PURE__ */ jsxs77(
             "div",
             {
               style: {
@@ -33480,7 +33447,7 @@ var ICCheck = () => {
 };
 
 // src/widgets/basic/date-option-field/date-option.tsx
-import { jsx as jsx115, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs78 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -33496,7 +33463,7 @@ var DateOptionField = (props) => {
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsxs79(
+      render: ({ field }) => /* @__PURE__ */ jsxs78(
         "label",
         {
           className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm