@fctc/sme-widget-ui 1.9.5 → 1.9.6

package/dist/index.mjs

@@ -16428,207 +16428,6 @@ var LoadingSmall = () => {
   )) }) }) }) });
 };
 
-// src/widgets/common/render-files.tsx
-import { useEffect as useEffect11, useRef as useRef6, useState as useState10 } from "react";
-import { jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
-var FileItem = (props) => {
-  const {
-    filename,
-    index: index4,
-    handleRemoveFile,
-    handleFileDownload,
-    src,
-    mimetype,
-    size: size4,
-    id,
-    envFile,
-    accessToken
-  } = props;
-  const [name2, ext] = filename.split(".");
-  const shortName = name2.length > 12 ? name2.slice(0, 6) : name2;
-  const [isOpen, setIsOpen] = useState10(false);
-  const tooltipRef = useRef6(null);
-  useEffect11(() => {
-    const handleClickOutside = (event) => {
-      if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isOpen]);
-  const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ jsx69(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ jsx69(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ jsx69(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ jsx69(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx69(ExcelIcon, {}),
-    "image/png": /* @__PURE__ */ jsx69(ImageIcon, {}),
-    "video/mp4": /* @__PURE__ */ jsx69(VideoIcon, {})
-  };
-  const renderFile = () => {
-    return /* @__PURE__ */ jsxs44(
-      "div",
-      {
-        onClick: (e3) => {
-          if (accessToken) {
-            e3?.stopPropagation();
-            downloadFile(
-              `${envFile}api/v2/web/content/${id}?download=true`,
-              filename,
-              accessToken
-            );
-          }
-        },
-        style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
-        className: "flex  items-center p-2 gap-2 overflow-hidden rounded-lg",
-        children: [
-          fileTypeIcon[mimetype],
-          /* @__PURE__ */ jsxs44("div", { ref: tooltipRef, className: "relative w-fit", children: [
-            /* @__PURE__ */ jsxs44(
-              "p",
-              {
-                className: "text-[#060606] font-medium text-[14px] cursor-pointer",
-                onClick: () => setIsOpen((prev2) => !prev2),
-                "data-tooltip-id": `field-help-${id}`,
-                "data-tooltip-content": filename,
-                children: [
-                  shortName + "...",
-                  ".",
-                  ext
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx69(
-              M,
-              {
-                id: `field-help-${id}`,
-                isOpen,
-                place: "top",
-                positionStrategy: "fixed",
-                style: {
-                  padding: "6px 12px",
-                  fontSize: "12px",
-                  borderRadius: "4px",
-                  maxWidth: "200%",
-                  whiteSpace: "wrap",
-                  fontWeight: 400,
-                  textTransform: "none",
-                  zIndex: 999
-                }
-              }
-            ),
-            size4 && /* @__PURE__ */ jsx69("span", { className: "text-[12px] font-semibold text-[#666666]", children: formatFileSize(size4) })
-          ] })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs44(
-    "div",
-    {
-      className: "flex relative items-center  justify-between group rounded-md w-fit",
-      children: [
-        renderFile(),
-        handleRemoveFile && /* @__PURE__ */ jsx69(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              backgroundColor: "rgba(0,0,0,0.2)"
-            },
-            onClick: () => handleRemoveFile(index4),
-            className: "cursor-pointer p-2 hidden group-hover:block",
-            children: /* @__PURE__ */ jsx69(DeleteIcon, {})
-          }
-        ),
-        !handleRemoveFile && /* @__PURE__ */ jsx69(
-          "span",
-          {
-            style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              backgroundColor: "rgba(0,0,0,0.2)",
-              zIndex: 10
-            },
-            onClick: (e3) => handleFileDownload(e3, src, filename),
-            className: "hidden group-hover:block cursor-pointer p-2 text-white ",
-            children: /* @__PURE__ */ jsx69(DownloadIcon, {})
-          }
-        )
-      ]
-    },
-    index4
-  );
-};
-var downloadFile = async (url, filename, accessToken) => {
-  try {
-    const response = accessToken ? await fetch(url, {
-      method: "GET",
-      headers: {
-        Authorization: `Bearer ${accessToken}`
-      }
-    }) : await fetch(url);
-    if (response.ok) {
-      const blob = await response.blob();
-      const urlBlob = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = urlBlob;
-      link.download = filename || "downloaded-file";
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(urlBlob);
-    } else {
-      console.error("File download failed:", response.statusText);
-    }
-  } catch (error2) {
-    console.error("File download failed:", error2);
-  }
-};
-var RenderFiles = ({
-  selectedFiles,
-  setSelectedFiles,
-  envFile,
-  accessToken
-}) => {
-  const handleRemoveFile = (index4) => {
-    if (setSelectedFiles) {
-      const files = selectedFiles.filter((_2, i3) => i3 !== index4);
-      setSelectedFiles(files);
-    }
-  };
-  const handleFileDownload = (e3, url, name2) => {
-    e3.stopPropagation();
-    downloadFile(url, name2);
-  };
-  return /* @__PURE__ */ jsx69("div", { className: "flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
-    return /* @__PURE__ */ jsx69("div", { className: "relative group/file", children: /* @__PURE__ */ jsx69(
-      FileItem,
-      {
-        ...file,
-        src: file?.datas,
-        filename: file?.display_name ?? file?.name ?? file?.filename,
-        id: file?.id,
-        index: index4,
-        handleRemoveFile: setSelectedFiles && handleRemoveFile,
-        handleFileDownload,
-        envFile,
-        accessToken
-      }
-    ) }, file?.id ?? index4);
-  }) });
-};
-
 // node_modules/react-toastify/dist/index.mjs
 import { isValidElement as $t } from "react";
 import ut, { useEffect as Rt, useLayoutEffect as Bt, useRef as zt } from "react";
@@ -16815,7 +16614,7 @@ var po = $2(K("zoom"));
 var uo = $2(K("flip"));
 
 // src/widgets/common/select-files.tsx
-import { Fragment as Fragment14, jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -16919,8 +16718,8 @@ var ButtonSelectFiles = ({
       await handleUpload(formData, serivce, xNode);
     }
   };
-  return /* @__PURE__ */ jsxs45(Fragment14, { children: [
-    isPending ? /* @__PURE__ */ jsx70(Fragment14, { children: /* @__PURE__ */ jsx70("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs44(Fragment14, { children: [
+    isPending ? /* @__PURE__ */ jsx69(Fragment14, { children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ jsxs44(
       "button",
       {
         type: "button",
@@ -16928,12 +16727,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__ */ jsx70(AttachIcon, {}),
-          isText && /* @__PURE__ */ jsx70("span", { children: t3("upload_file_placeholder") })
+          /* @__PURE__ */ jsx69(AttachIcon, {}),
+          isText && /* @__PURE__ */ jsx69("span", { children: t3("upload_file_placeholder") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx69(
       "input",
       {
         type: "file",
@@ -16948,11 +16747,11 @@ var ButtonSelectFiles = ({
 };
 
 // src/widgets/common/video-player.tsx
-import { useRef as useRef7, useState as useState11 } from "react";
-import { jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
+import { useRef as useRef6, useState as useState10 } from "react";
+import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
 var VideoPlayer = ({ src }) => {
-  const [isPlaying, setIsPlaying] = useState11(false);
-  const videoRef = useRef7(null);
+  const [isPlaying, setIsPlaying] = useState10(false);
+  const videoRef = useRef6(null);
   const handlePlayPause = () => {
     if (videoRef.current) {
       if (isPlaying) {
@@ -16976,8 +16775,8 @@ var VideoPlayer = ({ src }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs46("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__ */ jsx71(
+  return /* @__PURE__ */ jsxs45("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
+    /* @__PURE__ */ jsx70(
       "video",
       {
         ref: videoRef,
@@ -16989,13 +16788,13 @@ var VideoPlayer = ({ src }) => {
         children: "Your browser does not support the video tag."
       }
     ),
-    /* @__PURE__ */ jsx71("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
-    /* @__PURE__ */ jsx71("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__ */ jsx71("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ jsx71(PlayIcon, {}) }) })
+    /* @__PURE__ */ jsx70("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
+    /* @__PURE__ */ jsx70("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__ */ jsx70("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ jsx70(PlayIcon, {}) }) })
   ] });
 };
 
 // src/widgets/basic/avatar-field/avatar.tsx
-import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
 var AvatarField = (props) => {
   const {
     isForm = false,
@@ -17019,8 +16818,8 @@ var AvatarField = (props) => {
     color: textColor,
     fontSize: `${size4 / 2.5}px`
   };
-  return /* @__PURE__ */ jsxs47(Fragment15, { children: [
-    isForm && allowShowDetail && /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs46(Fragment15, { children: [
+    isForm && allowShowDetail && /* @__PURE__ */ jsx71(
       ModalDetail,
       {
         idToolTip: `avatar-widget-id-${id}`,
@@ -17031,7 +16830,7 @@ var AvatarField = (props) => {
         place: "top-start"
       }
     ),
-    allowShowDetail && /* @__PURE__ */ jsx72(
+    allowShowDetail && /* @__PURE__ */ jsx71(
       M,
       {
         id: `avatar-widget-id-${id}`,
@@ -17040,7 +16839,7 @@ var AvatarField = (props) => {
         className: "z-20"
       }
     ),
-    avatarSrc ? /* @__PURE__ */ jsx72(
+    avatarSrc ? /* @__PURE__ */ jsx71(
       "img",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17048,7 +16847,7 @@ var AvatarField = (props) => {
         className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
         alt: "Avatar"
       }
-    ) : /* @__PURE__ */ jsx72("div", { children: /* @__PURE__ */ jsx72(
+    ) : /* @__PURE__ */ jsx71("div", { children: /* @__PURE__ */ jsx71(
       "div",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17061,7 +16860,7 @@ var AvatarField = (props) => {
 };
 
 // src/widgets/basic/binary-field/binary.tsx
-import { jsx as jsx73, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs47 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
     name: name2,
@@ -17084,7 +16883,7 @@ var BinaryField = (props) => {
     image
   } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx72(
     Controller,
     {
       name: name2 ?? "",
@@ -17094,13 +16893,13 @@ var BinaryField = (props) => {
       },
       render: ({ field }) => {
         const renderImage = initialImage || selectedImage;
-        return /* @__PURE__ */ jsx73(
+        return /* @__PURE__ */ jsx72(
           "div",
           {
             ref: binaryRef,
             className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
-            children: renderImage ? /* @__PURE__ */ jsxs48("div", { className: "relative group", children: [
-              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx73(
+            children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
+              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx72(
                 "img",
                 {
                   style: {
@@ -17111,7 +16910,7 @@ var BinaryField = (props) => {
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : renderImage ? /* @__PURE__ */ jsx73(
+              ) : renderImage ? /* @__PURE__ */ jsx72(
                 "img",
                 {
                   style: {
@@ -17122,17 +16921,17 @@ var BinaryField = (props) => {
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : /* @__PURE__ */ jsx73(PlaceHolderIcon, {}),
-              !isInsideTable && !readonly && /* @__PURE__ */ jsx73(
+              ) : /* @__PURE__ */ jsx72(PlaceHolderIcon, {}),
+              !isInsideTable && !readonly && /* @__PURE__ */ jsx72(
                 "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__ */ jsx73(DeleteIcon, {})
+                  children: /* @__PURE__ */ jsx72(DeleteIcon, {})
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs48(
+            ] }) : /* @__PURE__ */ jsxs47(
               "label",
               {
                 htmlFor: inputId,
@@ -17142,7 +16941,7 @@ var BinaryField = (props) => {
                 },
                 className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ jsx73(
+                  /* @__PURE__ */ jsx72(
                     "input",
                     {
                       id: inputId,
@@ -17154,8 +16953,8 @@ var BinaryField = (props) => {
                       className: "hidden z-10 relative"
                     }
                   ),
-                  /* @__PURE__ */ jsx73("img", { src: image, alt: "", className: "z-0 relative" }),
-                  /* @__PURE__ */ jsx73(
+                  /* @__PURE__ */ jsx72("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ jsx72(
                     "div",
                     {
                       className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
@@ -17164,7 +16963,7 @@ var BinaryField = (props) => {
                         left: "-8px",
                         boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
                       },
-                      children: /* @__PURE__ */ jsx73(
+                      children: /* @__PURE__ */ jsx72(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -17172,7 +16971,7 @@ var BinaryField = (props) => {
                           height: "14",
                           viewBox: "0 0 14 14",
                           fill: "none",
-                          children: /* @__PURE__ */ jsx73(
+                          children: /* @__PURE__ */ jsx72(
                             "path",
                             {
                               "fill-rule": "evenodd",
@@ -17196,7 +16995,7 @@ var BinaryField = (props) => {
 };
 
 // src/widgets/basic/button-badge-field/button-badge.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var typeStyles = {
   primary: {
     backgroundColor: "#3b82f6",
@@ -17271,11 +17070,11 @@ var ButtonBadgeField = (props) => {
     return item && type === "selection" && Array.isArray(item) ? item[1] : item;
   };
   const label = getLabel(defaultValue ?? value);
-  return label ? /* @__PURE__ */ jsx74("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
+  return label ? /* @__PURE__ */ jsx73("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
 };
 
 // src/widgets/basic/button-field/button.tsx
-import { Fragment as Fragment16, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
 var ButtonField = (props) => {
   const {
     func,
@@ -17286,7 +17085,7 @@ var ButtonField = (props) => {
     type = "submit"
   } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsx75(Fragment16, { children: !loading ? /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx74(Fragment16, { children: !loading ? /* @__PURE__ */ jsx74(
     "button",
     {
       type,
@@ -17295,7 +17094,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ jsxs49(
+  ) : /* @__PURE__ */ jsxs48(
     "button",
     {
       type,
@@ -17304,15 +17103,15 @@ var ButtonField = (props) => {
       children: [
         t3("loading"),
         " ",
-        /* @__PURE__ */ jsx75(LoadingIcon, {})
+        /* @__PURE__ */ jsx74(LoadingIcon, {})
       ]
     }
   ) });
 };
 
 // src/widgets/basic/char-field/char.tsx
-import { useEffect as useEffect12, useMemo as useMemo4 } from "react";
-import { Fragment as Fragment17, jsx as jsx76, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
+import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
@@ -17340,9 +17139,9 @@ var CharField = (props) => {
   } = props;
   if (!isForm && !isEditTable) {
     const propValue = value || defaultValue;
-    return /* @__PURE__ */ jsx76("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ jsx75("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx75(
     Controller,
     {
       name: name2 ?? "",
@@ -17370,12 +17169,12 @@ var CharField = (props) => {
         fieldState: { error: error2, isDirty }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect12(() => {
+        useEffect11(() => {
           if (value2) {
             clearErrors(name2);
           }
         }, [value2, clearErrors, name2]);
-        useEffect12(() => {
+        useEffect11(() => {
           if (widget !== WIDGET_AUTO_COMPUTE_DEPEND) return;
           const depValue = formValues?.[options2?.depend_field]?.[options2?.field_name];
           const currentValue = methods?.getValues(name2);
@@ -17396,8 +17195,8 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ jsxs50(Fragment17, { children: [
-          /* @__PURE__ */ jsx76(
+        return /* @__PURE__ */ jsxs49(Fragment17, { children: [
+          /* @__PURE__ */ jsx75(
             "input",
             {
               value: displayValue ?? "",
@@ -17458,7 +17257,7 @@ var CharField = (props) => {
                 `
             }
           ),
-          isEditTable ? /* @__PURE__ */ jsx76(Fragment17, {}) : /* @__PURE__ */ jsx76(Fragment17, { children: error2 && /* @__PURE__ */ jsx76("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
+          isEditTable ? /* @__PURE__ */ jsx75(Fragment17, {}) : /* @__PURE__ */ jsx75(Fragment17, { children: error2 && /* @__PURE__ */ jsx75("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
         ] });
       }
     }
@@ -17466,7 +17265,7 @@ var CharField = (props) => {
 };
 
 // src/widgets/basic/checkbox-field/checkbox.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var CheckboxField = (props) => {
   const {
     name: name2,
@@ -17481,9 +17280,9 @@ var CheckboxField = (props) => {
   } = props;
   if (!isForm) {
     if (name2 === "is_active" || name2 === "active") {
-      return /* @__PURE__ */ jsx77(ActiveBadgeField, { type: value });
+      return /* @__PURE__ */ jsx76(ActiveBadgeField, { type: value });
     } else {
-      return /* @__PURE__ */ jsx77(
+      return /* @__PURE__ */ jsx76(
         "input",
         {
           type: "checkbox",
@@ -17494,12 +17293,12 @@ var CheckboxField = (props) => {
       );
     }
   }
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx76(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx77(
+      render: ({ field }) => /* @__PURE__ */ jsx76(
         "div",
         {
           className: "flex items-center gap-2",
@@ -17512,7 +17311,7 @@ var CheckboxField = (props) => {
               onChange2(name2 ?? "", checked);
             }
           },
-          children: /* @__PURE__ */ jsx77(
+          children: /* @__PURE__ */ jsx76(
             "input",
             {
               ...field,
@@ -17539,24 +17338,24 @@ var CheckboxField = (props) => {
 };
 
 // src/widgets/basic/color-field/color-wrapper.tsx
-import { useEffect as useEffect13, useRef as useRef8, useState as useState12 } from "react";
-import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const {
     colors: colors2,
     defaultColor,
     savePickColor
   } = props;
-  const [selectedColor, setSelectedColor] = useState12(colors2[defaultColor]);
-  const [showFullColors, setIsShowFullColor] = useState12(false);
-  const pickColorsRef = useRef8(null);
-  useEffect13(() => {
+  const [selectedColor, setSelectedColor] = useState11(colors2[defaultColor]);
+  const [showFullColors, setIsShowFullColor] = useState11(false);
+  const pickColorsRef = useRef7(null);
+  useEffect12(() => {
     setSelectedColor(colors2[defaultColor]);
   }, [defaultColor]);
   const handleShowFullColors = () => {
     setIsShowFullColor(!showFullColors);
   };
-  useEffect13(() => {
+  useEffect12(() => {
     const handleClickOutside = (event) => {
       if (pickColorsRef.current && !pickColorsRef.current.contains(event.target)) {
         setIsShowFullColor(false);
@@ -17567,8 +17366,8 @@ var ColorWrapper = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ jsx78("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx78("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs51("div", { children: [
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx77("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ jsx77("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ jsxs50("div", { children: [
+    /* @__PURE__ */ jsx77(
       "button",
       {
         "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -17582,7 +17381,7 @@ var ColorWrapper = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx77(
       M,
       {
         className: "",
@@ -17591,8 +17390,8 @@ var ColorWrapper = (props) => {
         content: i18n_default.t(color?.name)
       }
     )
-  ] }, color?.id)) }) : /* @__PURE__ */ jsxs51(Fragment18, { children: [
-    /* @__PURE__ */ jsx78(
+  ] }, color?.id)) }) : /* @__PURE__ */ jsxs50(Fragment18, { children: [
+    /* @__PURE__ */ jsx77(
       "button",
       {
         "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -17605,7 +17404,7 @@ var ColorWrapper = (props) => {
         style: { backgroundColor: selectedColor?.color }
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx77(
       M,
       {
         place: "top",
@@ -17617,13 +17416,13 @@ var ColorWrapper = (props) => {
 };
 
 // src/widgets/basic/color-field/color.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var ColorField = (props) => {
   const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
   if (!isForm) {
-    return /* @__PURE__ */ jsx79(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
+    return /* @__PURE__ */ jsx78(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
   }
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx78(
     Controller,
     {
       name: name2 ?? "",
@@ -17633,7 +17432,7 @@ var ColorField = (props) => {
           field.onChange(color?.id);
           onChange2 && onChange2(name2 ?? "", color?.id);
         };
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx78(
           ColorWrapper,
           {
             savePickColor: handlePickColorChange,
@@ -17647,8 +17446,8 @@ var ColorField = (props) => {
 };
 
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
-import { useEffect as useEffect14 } from "react";
-import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useEffect as useEffect13 } from "react";
+import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -17667,9 +17466,9 @@ var CopyLinkButtonField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm) {
-    return /* @__PURE__ */ jsx80("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ jsx79("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx79(
     Controller,
     {
       name: name2 ?? "",
@@ -17682,13 +17481,13 @@ var CopyLinkButtonField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect14(() => {
+        useEffect13(() => {
           if (value) {
             clearErrors(name2);
           }
         }, [value]);
-        return /* @__PURE__ */ jsxs52("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs52(
+        return /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs51(
             "div",
             {
               "aria-disabled": readonly,
@@ -17697,7 +17496,7 @@ var CopyLinkButtonField = (props) => {
                   ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
                  ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`,
               children: [
-                /* @__PURE__ */ jsx80(
+                /* @__PURE__ */ jsx79(
                   "input",
                   {
                     value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -17738,19 +17537,19 @@ var CopyLinkButtonField = (props) => {
                 `
                   }
                 ),
-                readonly && value && /* @__PURE__ */ jsx80(
+                readonly && value && /* @__PURE__ */ jsx79(
                   "button",
                   {
                     className: "cursor-pointer",
                     type: "button",
                     onClick: () => handleCopyToClipboard(propValue),
-                    children: isCopied ? /* @__PURE__ */ jsx80(CheckIcon, {}) : /* @__PURE__ */ jsx80(CopyIcon, {})
+                    children: isCopied ? /* @__PURE__ */ jsx79(CheckIcon, {}) : /* @__PURE__ */ jsx79(CopyIcon, {})
                   }
                 )
               ]
             }
           ),
-          error2 && /* @__PURE__ */ jsx80("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && /* @__PURE__ */ jsx79("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -17758,10 +17557,10 @@ var CopyLinkButtonField = (props) => {
 };
 
 // src/widgets/basic/date-field/date.tsx
-import { forwardRef as forwardRef6, useEffect as useEffect18 } from "react";
+import { forwardRef as forwardRef6, useEffect as useEffect17 } from "react";
 
 // node_modules/react-datepicker/dist/index.es.js
-import React9, { useRef as useRef12, useCallback as useCallback5, useEffect as useEffect16, cloneElement as cloneElement3, Component, createRef, createElement as createElement5 } from "react";
+import React9, { useRef as useRef11, useCallback as useCallback5, useEffect as useEffect15, cloneElement as cloneElement3, Component, createRef, createElement as createElement5 } from "react";
 
 // node_modules/date-fns/constants.js
 var daysInYear = 365.2425;
@@ -21691,7 +21490,7 @@ function useEffectEvent(callback) {
 }
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-import { jsx as jsx81, jsxs as jsxs53, Fragment as Fragment19 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs52, Fragment as Fragment19 } from "react/jsx-runtime";
 import * as ReactDOM2 from "react-dom";
 
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -22089,7 +21888,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
     bottom: isCustomShape ? "" : "rotate(180deg)",
     right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
   }[side];
-  return /* @__PURE__ */ jsxs53("svg", {
+  return /* @__PURE__ */ jsxs52("svg", {
     ...rest,
     "aria-hidden": true,
     ref,
@@ -22105,18 +21904,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
       transform: [rotation, transform].filter((t3) => !!t3).join(" "),
       ...restStyle
     },
-    children: [computedStrokeWidth > 0 && /* @__PURE__ */ jsx81("path", {
+    children: [computedStrokeWidth > 0 && /* @__PURE__ */ jsx80("path", {
       clipPath: "url(#" + clipPathId + ")",
       fill: "none",
       stroke,
       strokeWidth: computedStrokeWidth + (d ? 0 : 1),
       d: dValue
-    }), /* @__PURE__ */ jsx81("path", {
+    }), /* @__PURE__ */ jsx80("path", {
       stroke: computedStrokeWidth && !d ? rest.fill : "none",
       d: dValue
-    }), /* @__PURE__ */ jsx81("clipPath", {
+    }), /* @__PURE__ */ jsx80("clipPath", {
       id: clipPathId,
-      children: /* @__PURE__ */ jsx81("rect", {
+      children: /* @__PURE__ */ jsx80("rect", {
         x: -halfStrokeWidth,
         y: halfStrokeWidth * (isCustomShape ? -1 : 1),
         width: width + computedStrokeWidth,
@@ -22331,8 +22130,8 @@ var CalendarContainer = function(_a2) {
   return React9.createElement("div", { className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children);
 };
 var useDetectClickOutside = function(onClickOutside, ignoreClass) {
-  var ref = useRef12(null);
-  var onClickOutsideRef = useRef12(onClickOutside);
+  var ref = useRef11(null);
+  var onClickOutsideRef = useRef11(onClickOutside);
   onClickOutsideRef.current = onClickOutside;
   var handleClickOutside = useCallback5(function(event) {
     var _a2;
@@ -22345,7 +22144,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
       }
     }
   }, [ignoreClass]);
-  useEffect16(function() {
+  useEffect15(function() {
     document.addEventListener("mousedown", handleClickOutside);
     return function() {
       document.removeEventListener("mousedown", handleClickOutside);
@@ -25586,7 +25385,7 @@ function withFloating(Component3) {
   var WithFloating = function(props) {
     var _a2;
     var hidePopper = typeof props.hidePopper === "boolean" ? props.hidePopper : true;
-    var arrowRef = useRef12(null);
+    var arrowRef = useRef11(null);
     var floatingProps = useFloating2(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
       flip3({ padding: 15 }),
       offset3(10),
@@ -26598,13 +26397,13 @@ function _objectWithoutProperties(e3, t3) {
 }
 
 // node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
-import { useState as useState15, useCallback as useCallback6 } from "react";
+import { useState as useState14, useCallback as useCallback6 } from "react";
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
   var _ref$defaultInputValu = _ref3.defaultInputValue, defaultInputValue = _ref$defaultInputValu === void 0 ? "" : _ref$defaultInputValu, _ref$defaultMenuIsOpe = _ref3.defaultMenuIsOpen, defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe, _ref$defaultValue = _ref3.defaultValue, defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue, propsInputValue = _ref3.inputValue, propsMenuIsOpen = _ref3.menuIsOpen, propsOnChange = _ref3.onChange, propsOnInputChange = _ref3.onInputChange, propsOnMenuClose = _ref3.onMenuClose, propsOnMenuOpen = _ref3.onMenuOpen, propsValue = _ref3.value, restSelectProps = _objectWithoutProperties(_ref3, _excluded);
-  var _useState = useState15(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
-  var _useState3 = useState15(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
-  var _useState5 = useState15(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
+  var _useState = useState14(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
+  var _useState3 = useState14(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
+  var _useState5 = useState14(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
   var onChange2 = useCallback6(function(value2, actionMeta) {
     if (typeof propsOnChange === "function") {
       propsOnChange(value2, actionMeta);
@@ -26765,7 +26564,7 @@ function _toConsumableArray(r4) {
 
 // node_modules/react-select/dist/Select-ef7c0426.esm.js
 import * as React13 from "react";
-import { useMemo as useMemo8, Fragment as Fragment22, useRef as useRef15, useCallback as useCallback8, useEffect as useEffect17, Component as Component2 } from "react";
+import { useMemo as useMemo8, Fragment as Fragment22, useRef as useRef14, useCallback as useCallback8, useEffect as useEffect16, Component as Component2 } from "react";
 
 // node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 import * as React11 from "react";
@@ -28049,7 +27848,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 jsx82 = function jsx83(type, props) {
+var jsx81 = function jsx82(type, props) {
   var args = arguments;
   if (props == null || !hasOwn.call(props, "css")) {
     return React12.createElement.apply(void 0, args);
@@ -28067,7 +27866,7 @@ var jsx82 = function jsx83(type, props) {
   var JSX;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx82 || (jsx82 = {}));
+})(jsx81 || (jsx81 = {}));
 function css() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -28097,7 +27896,7 @@ function _taggedTemplateLiteral(e3, t3) {
 }
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
-import { useContext as useContext9, useRef as useRef14, useState as useState16, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
+import { useContext as useContext9, useRef as useRef13, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
@@ -28443,9 +28242,9 @@ var PortalPlacementContext = /* @__PURE__ */ createContext5(null);
 var MenuPlacer = function MenuPlacer2(props) {
   var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
   var _ref3 = useContext9(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
-  var ref = useRef14(null);
-  var _useState = useState16(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
-  var _useState3 = useState16(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
+  var ref = useRef13(null);
+  var _useState = useState15(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
+  var _useState3 = useState15(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
   var controlHeight2 = theme.spacing.controlHeight;
   index3(function() {
     var menuEl = ref.current;
@@ -28475,7 +28274,7 @@ var MenuPlacer = function MenuPlacer2(props) {
 };
 var Menu = function Menu2(props) {
   var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "menu", {
+  return jsx81("div", _extends({}, getStyleProps(props, "menu", {
     menu: true
   }), {
     ref: innerRef
@@ -28497,7 +28296,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 jsx82("div", _extends({}, getStyleProps(props, "menuList", {
+  return jsx81("div", _extends({}, getStyleProps(props, "menuList", {
     "menu-list": true,
     "menu-list--is-multi": isMulti
   }), {
@@ -28517,7 +28316,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 jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "noOptionsMessage", {
@@ -28527,7 +28326,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 jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "loadingMessage", {
@@ -28547,15 +28346,15 @@ var menuPortalCSS = function menuPortalCSS2(_ref8) {
 };
 var MenuPortal = function MenuPortal2(props) {
   var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
-  var menuPortalRef = useRef14(null);
-  var cleanupRef = useRef14(null);
-  var _useState5 = useState16(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
+  var menuPortalRef = useRef13(null);
+  var cleanupRef = useRef13(null);
+  var _useState5 = useState15(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
   var portalPlacementContext = useMemo7(function() {
     return {
       setPortalPlacement
     };
   }, []);
-  var _useState7 = useState16(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
+  var _useState7 = useState15(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
   var updateComputedPosition = useCallback7(function() {
     if (!controlElement) return;
     var rect = getBoundingClientObj(controlElement);
@@ -28590,7 +28389,7 @@ var MenuPortal = function MenuPortal2(props) {
     runAutoUpdate();
   }, [runAutoUpdate]);
   if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
-  var menuWrapper = jsx82("div", _extends({
+  var menuWrapper = jsx81("div", _extends({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -28599,7 +28398,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), "menuPortal", {
     "menu-portal": true
   }), innerProps), children);
-  return jsx82(PortalPlacementContext.Provider, {
+  return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
   }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
 };
@@ -28615,7 +28414,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 jsx82("div", _extends({}, getStyleProps(props, "container", {
+  return jsx81("div", _extends({}, getStyleProps(props, "container", {
     "--is-disabled": isDisabled,
     "--is-rtl": isRtl
   }), innerProps), children);
@@ -28636,7 +28435,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 jsx82("div", _extends({}, getStyleProps(props, "valueContainer", {
+  return jsx81("div", _extends({}, getStyleProps(props, "valueContainer", {
     "value-container": true,
     "value-container--is-multi": isMulti,
     "value-container--has-value": hasValue
@@ -28652,7 +28451,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
 };
 var IndicatorsContainer = function IndicatorsContainer2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
+  return jsx81("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
     indicators: true
   }), innerProps), children);
 };
@@ -28673,7 +28472,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 var Svg = function Svg2(_ref3) {
   var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
-  return jsx82("svg", _extends({
+  return jsx81("svg", _extends({
     height: size4,
     width: size4,
     viewBox: "0 0 20 20",
@@ -28683,16 +28482,16 @@ var Svg = function Svg2(_ref3) {
   }, props));
 };
 var CrossIcon = function CrossIcon2(props) {
-  return jsx82(Svg, _extends({
+  return jsx81(Svg, _extends({
     size: 20
-  }, props), jsx82("path", {
+  }, props), jsx81("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 jsx82(Svg, _extends({
+  return jsx81(Svg, _extends({
     size: 20
-  }, props), jsx82("path", {
+  }, props), jsx81("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"
   }));
 };
@@ -28713,18 +28512,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
 var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
+  return jsx81("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
     indicator: true,
     "dropdown-indicator": true
-  }), innerProps), children || jsx82(DownChevron, null));
+  }), innerProps), children || jsx81(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "clearIndicator", {
+  return jsx81("div", _extends({}, getStyleProps(props, "clearIndicator", {
     indicator: true,
     "clear-indicator": true
-  }), innerProps), children || jsx82(CrossIcon, null));
+  }), innerProps), children || jsx81(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;
@@ -28740,7 +28539,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator2(props) {
   var innerProps = props.innerProps;
-  return jsx82("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+  return jsx81("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
     "indicator-separator": true
   })));
 };
@@ -28764,7 +28563,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
 };
 var LoadingDot = function LoadingDot2(_ref6) {
   var delay = _ref6.delay, offset4 = _ref6.offset;
-  return jsx82("span", {
+  return jsx81("span", {
     css: /* @__PURE__ */ css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
       backgroundColor: "currentColor",
@@ -28779,20 +28578,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 jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps,
     isRtl,
     size: size4
   }), "loadingIndicator", {
     indicator: true,
     "loading-indicator": true
-  }), innerProps), jsx82(LoadingDot, {
+  }), innerProps), jsx81(LoadingDot, {
     delay: 0,
     offset: isRtl
-  }), jsx82(LoadingDot, {
+  }), jsx81(LoadingDot, {
     delay: 160,
     offset: true
-  }), jsx82(LoadingDot, {
+  }), jsx81(LoadingDot, {
     delay: 320,
     offset: !isRtl
   }));
@@ -28824,7 +28623,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 jsx82("div", _extends({
+  return jsx81("div", _extends({
     ref: innerRef
   }, getStyleProps(props, "control", {
     control: true,
@@ -28846,15 +28645,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 jsx82("div", _extends({}, getStyleProps(props, "group", {
+  return jsx81("div", _extends({}, getStyleProps(props, "group", {
     group: true
-  }), innerProps), jsx82(Heading, _extends({}, headingProps, {
+  }), innerProps), jsx81(Heading, _extends({}, headingProps, {
     selectProps,
     theme,
     getStyles,
     getClassNames,
     cx
-  }), label), jsx82("div", null, children));
+  }), label), jsx81("div", null, children));
 };
 var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
   var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -28876,7 +28675,7 @@ var GroupHeading = function GroupHeading2(props) {
   var _cleanCommonProps = cleanCommonProps(props);
   _cleanCommonProps.data;
   var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
-  return jsx82("div", _extends({}, getStyleProps(props, "groupHeading", {
+  return jsx81("div", _extends({}, getStyleProps(props, "groupHeading", {
     "group-heading": true
   }), innerProps));
 };
@@ -28928,11 +28727,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 jsx82("div", _extends({}, getStyleProps(props, "input", {
+  return jsx81("div", _extends({}, getStyleProps(props, "input", {
     "input-container": true
   }), {
     "data-value": value || ""
-  }), jsx82("input", _extends({
+  }), jsx81("input", _extends({
     className: cx({
       input: true
     }, inputClassName),
@@ -28986,35 +28785,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
 };
 var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
   var children = _ref4.children, innerProps = _ref4.innerProps;
-  return jsx82("div", innerProps, children);
+  return jsx81("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children, innerProps = _ref5.innerProps;
-  return jsx82("div", _extends({
+  return jsx81("div", _extends({
     role: "button"
-  }, innerProps), children || jsx82(CrossIcon, {
+  }, innerProps), children || jsx81(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 jsx82(Container, {
+  return jsx81(Container, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
       "multi-value": true,
       "multi-value--is-disabled": isDisabled
     })), innerProps),
     selectProps
-  }, jsx82(Label, {
+  }, jsx81(Label, {
     data,
     innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
       "multi-value__label": true
     })),
     selectProps
-  }, children), jsx82(Remove, {
+  }, children), jsx81(Remove, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
       "multi-value__remove": true
@@ -29047,7 +28846,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 jsx82("div", _extends({}, getStyleProps(props, "option", {
+  return jsx81("div", _extends({}, getStyleProps(props, "option", {
     option: true,
     "option--is-disabled": isDisabled,
     "option--is-focused": isFocused,
@@ -29071,7 +28870,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
 };
 var Placeholder = function Placeholder2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "placeholder", {
+  return jsx81("div", _extends({}, getStyleProps(props, "placeholder", {
     placeholder: true
   }), innerProps), children);
 };
@@ -29093,7 +28892,7 @@ var css3 = function css4(_ref3, unstyled) {
 };
 var SingleValue = function SingleValue2(props) {
   var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "singleValue", {
+  return jsx81("div", _extends({}, getStyleProps(props, "singleValue", {
     "single-value": true,
     "single-value--is-disabled": isDisabled
   }), innerProps), children);
@@ -29195,7 +28994,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText2(props) {
-  return jsx82("span", _extends({
+  return jsx81("span", _extends({
     css: _ref
   }, props));
 };
@@ -29330,18 +29129,18 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx82(Fragment22, null, jsx82("span", {
+  var ScreenReaderText = jsx81(Fragment22, null, jsx81("span", {
     id: "aria-selection"
-  }, ariaSelected), jsx82("span", {
+  }, ariaSelected), jsx81("span", {
     id: "aria-focused"
-  }, ariaFocused), jsx82("span", {
+  }, ariaFocused), jsx81("span", {
     id: "aria-results"
-  }, ariaResults), jsx82("span", {
+  }, ariaResults), jsx81("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx82(Fragment22, null, jsx82(A11yText$1, {
+  return jsx81(Fragment22, null, jsx81(A11yText$1, {
     id
-  }, isInitialFocus && ScreenReaderText), jsx82(A11yText$1, {
+  }, isInitialFocus && ScreenReaderText), jsx81(A11yText$1, {
     "aria-live": ariaLive,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
@@ -29654,7 +29453,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 jsx82("input", _extends({
+  return jsx81("input", _extends({
     ref: innerRef
   }, filteredProps, {
     css: /* @__PURE__ */ css({
@@ -29686,10 +29485,10 @@ var cancelScroll = function cancelScroll2(event) {
 };
 function useScrollCapture(_ref3) {
   var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
-  var isBottom = useRef15(false);
-  var isTop = useRef15(false);
-  var touchStart = useRef15(0);
-  var scrollTarget = useRef15(null);
+  var isBottom = useRef14(false);
+  var isTop = useRef14(false);
+  var touchStart = useRef14(0);
+  var scrollTarget = useRef14(null);
   var handleEventDelta = useCallback8(function(event, delta) {
     if (scrollTarget.current === null) return;
     var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
@@ -29749,7 +29548,7 @@ function useScrollCapture(_ref3) {
     el.removeEventListener("touchstart", onTouchStart, false);
     el.removeEventListener("touchmove", onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -29796,8 +29595,8 @@ var listenerOptions = {
 };
 function useScrollLock(_ref3) {
   var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
-  var originalStyles = useRef15({});
-  var scrollTarget = useRef15(null);
+  var originalStyles = useRef14({});
+  var scrollTarget = useRef14(null);
   var addScrollLock = useCallback8(function(touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
@@ -29852,7 +29651,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -29896,7 +29695,7 @@ function ScrollManager(_ref3) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx82(Fragment22, null, lockEnabled && jsx82("div", {
+  return jsx81(Fragment22, null, lockEnabled && jsx81("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -29915,7 +29714,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
 };
 var RequiredInput = function RequiredInput2(_ref3) {
   var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
-  return jsx82("input", {
+  return jsx81("input", {
     required: true,
     name: name2,
     tabIndex: -1,
@@ -31505,7 +31304,7 @@ var StateManagedSelect$1 = StateManagedSelect;
 
 // src/widgets/basic/date-field/date.tsx
 var import_moment2 = __toESM(require_moment());
-import { Fragment as Fragment23, jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
     name: name2,
@@ -31533,8 +31332,8 @@ var DateField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   const InputDateCustom = forwardRef6(
-    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs54("label", { className: `flex ${className}`, children: [
-      /* @__PURE__ */ jsx84(
+    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ jsxs53("label", { className: `flex ${className}`, children: [
+      /* @__PURE__ */ jsx83(
         "input",
         {
           className: `bg-transparent w-full focus-visible:outline-none outline-none border-none ${readonly && "cursor-not-allowed"}`,
@@ -31548,13 +31347,13 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ jsx84(CalendarIcon, {})
+      isForm2 && /* @__PURE__ */ jsx83(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx84("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
+    return /* @__PURE__ */ jsx83("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx83(
       Controller,
       {
         name: name2 || "",
@@ -31570,14 +31369,14 @@ var DateField = (props) => {
         },
         render: ({ field, fieldState: { error: error2 } }) => {
           const { setError, clearErrors } = methods;
-          useEffect18(() => {
+          useEffect17(() => {
             if (value) {
               clearErrors(name2);
             }
           }, [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__ */ jsxs54(Fragment23, { children: [
-            /* @__PURE__ */ jsx84(
+          return /* @__PURE__ */ jsxs53(Fragment23, { children: [
+            /* @__PURE__ */ jsx83(
               DatePicker,
               {
                 selected: selectedDate,
@@ -31625,7 +31424,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__ */ jsx84(
+                customInput: /* @__PURE__ */ jsx83(
                   InputDateCustom,
                   {
                     isForm,
@@ -31643,7 +31442,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs54(
+                }) => /* @__PURE__ */ jsxs53(
                   "div",
                   {
                     style: {
@@ -31652,7 +31451,7 @@ var DateField = (props) => {
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         "button",
                         {
                           onClick: decreaseMonth,
@@ -31660,7 +31459,7 @@ var DateField = (props) => {
                           children: "<"
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31686,7 +31485,7 @@ var DateField = (props) => {
                           autoFocus: true
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31714,7 +31513,7 @@ var DateField = (props) => {
                           }))
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         "button",
                         {
                           onClick: increaseMonth,
@@ -31727,7 +31526,7 @@ var DateField = (props) => {
                 )
               }
             ),
-            !isEditTable && error2 && /* @__PURE__ */ jsx84("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ jsx83("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -31736,26 +31535,26 @@ var DateField = (props) => {
 };
 
 // src/widgets/basic/download-binary-field/download-binary.tsx
-import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs54(
     "button",
     {
       type: "button",
       onClick: handleFileDownload,
       className: "download-binary-field flex items-center gap-1 text-blue-700 my-auto",
       children: [
-        /* @__PURE__ */ jsx85(DownloadIcon, {}),
-        /* @__PURE__ */ jsx85("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
+        /* @__PURE__ */ jsx84(DownloadIcon, {}),
+        /* @__PURE__ */ jsx84("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
       ]
     }
   );
 };
 
 // src/widgets/basic/download-file-field/download-file.tsx
-import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -31767,15 +31566,15 @@ var DownloadFileField = (props) => {
     handleFileChange,
     handleFileDownload
   } = props;
-  return /* @__PURE__ */ jsxs56("div", { className: "", children: [
-    /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs55("div", { className: "", children: [
+    /* @__PURE__ */ jsxs55(
       "label",
       {
         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__ */ jsx86("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx86("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ jsx86("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
-          /* @__PURE__ */ jsx86(
+          file ? /* @__PURE__ */ jsx85("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx85("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ jsx85("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
+          /* @__PURE__ */ jsx85(
             "input",
             {
               id: inputId,
@@ -31789,7 +31588,7 @@ var DownloadFileField = (props) => {
         ]
       }
     ),
-    file && /* @__PURE__ */ jsx86(
+    file && /* @__PURE__ */ jsx85(
       "button",
       {
         onClick: handleFileDownload,
@@ -31802,8 +31601,8 @@ var DownloadFileField = (props) => {
 };
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
-import { useState as useState17 } from "react";
-import { jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
+import { useState as useState16 } from "react";
+import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -31815,32 +31614,32 @@ var DropdownField = (props) => {
     dropdownClassName = "",
     useClickOutside: useClickOutside2
   } = props;
-  const [open, setOpen] = useState17(false);
+  const [open, setOpen] = useState16(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       ref: dropdownRef,
       className: `relative ${className}`,
       onClick: () => setOpen(!open),
       children: [
-        /* @__PURE__ */ jsxs57(
+        /* @__PURE__ */ jsxs56(
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
             children: [
               selectedValue?.icon,
-              /* @__PURE__ */ jsx87("span", { children: selectedValue?.label }),
-              /* @__PURE__ */ jsx87(ChevronBottomIcon, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx86("span", { children: selectedValue?.label }),
+              /* @__PURE__ */ jsx86(ChevronBottomIcon, { className: "h-4 w-4" })
             ]
           }
         ),
-        open && /* @__PURE__ */ jsx87(
+        open && /* @__PURE__ */ jsx86(
           "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__ */ jsx87(
+            children: options2.map((option, index4) => /* @__PURE__ */ jsx86(
               "div",
               {
                 onClick: () => {
@@ -31860,7 +31659,7 @@ var DropdownField = (props) => {
 };
 
 // src/widgets/basic/fee-field/fee.tsx
-import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
 var FeeField = (props) => {
   const { value, formValues } = props;
   const { t: t3 } = useI18n();
@@ -31871,27 +31670,27 @@ var FeeField = (props) => {
     )
   ) + " VND";
   const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
-  return /* @__PURE__ */ jsxs58(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs57(Fragment24, { children: [
     value?.subtotals?.map((sub) => {
       if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
-        return /* @__PURE__ */ jsxs58(Fragment24, { children: [
-          /* @__PURE__ */ jsxs58("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
-            /* @__PURE__ */ jsxs58("div", { className: "text-[14px] leading-[21px] text-right", children: [
+        return /* @__PURE__ */ jsxs57(Fragment24, { children: [
+          /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
+            /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
               sub?.name,
               ":"
             ] }),
-            /* @__PURE__ */ jsx88("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
+            /* @__PURE__ */ jsx87("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
           ] }),
-          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs58(
+          sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs57(
             "div",
             {
               className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
               children: [
-                /* @__PURE__ */ jsxs58("div", { className: "text-[14px] leading-[21px] text-right", children: [
+                /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
                   group?.group_name,
                   ":"
                 ] }),
-                /* @__PURE__ */ jsx88("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
+                /* @__PURE__ */ jsx87("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}`
@@ -31899,33 +31698,33 @@ var FeeField = (props) => {
         ] });
       }
     }),
-    /* @__PURE__ */ jsxs58("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__ */ jsxs58("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("total"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx88("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
+      /* @__PURE__ */ jsx87("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
     ] }),
-    /* @__PURE__ */ jsxs58("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__ */ jsxs58("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("paid_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx88("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
+      /* @__PURE__ */ jsx87("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
     ] }),
-    /* @__PURE__ */ jsxs58("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__ */ jsxs58("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
+      /* @__PURE__ */ jsxs57("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("remanining_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ jsx88("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
+      /* @__PURE__ */ jsx87("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 useEffect19, useRef as useRef16, useState as useState18 } from "react";
-import { jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
+import { jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
 var RenderFile = ({
   file,
   onDelete,
@@ -31935,16 +31734,16 @@ var RenderFile = ({
     readAs: "all"
   });
   const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ jsx89(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ jsx89(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ jsx89(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ jsx89(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx89(ExcelIcon, {})
+    "application/pdf": /* @__PURE__ */ jsx88(PdfIcon, {}),
+    "application/zip": /* @__PURE__ */ jsx88(ZipIcon, {}),
+    "application/x-zip-compressed": /* @__PURE__ */ jsx88(ZipIcon, {}),
+    "application/vnd.ms-excel": /* @__PURE__ */ jsx88(ExcelIcon, {}),
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ jsx88(ExcelIcon, {})
   };
-  return /* @__PURE__ */ jsxs59("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
-    /* @__PURE__ */ jsx89("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
-    /* @__PURE__ */ jsxs59("div", { children: [
-      /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs58("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
+    /* @__PURE__ */ jsx88("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
+    /* @__PURE__ */ jsxs58("div", { children: [
+      /* @__PURE__ */ jsx88(
         "div",
         {
           style: {
@@ -31954,20 +31753,20 @@ var RenderFile = ({
           children: file?.name || file?.display_name || info?.name
         }
       ),
-      /* @__PURE__ */ jsx89("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
+      /* @__PURE__ */ jsx88("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
     ] }),
-    /* @__PURE__ */ jsxs59("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__ */ jsx89(
+    /* @__PURE__ */ jsxs58("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
+      /* @__PURE__ */ jsx88(
         "span",
         {
           onClick: () => onDownload && onDownload(
             file?.data,
             file?.name || file?.display_name || info?.name
           ),
-          children: /* @__PURE__ */ jsx89(DownloadIcon, {})
+          children: /* @__PURE__ */ jsx88(DownloadIcon, {})
         }
       ),
-      /* @__PURE__ */ jsx89("span", { onClick: onDelete, children: /* @__PURE__ */ jsx89(DeleteIconDanger, {}) })
+      /* @__PURE__ */ jsx88("span", { onClick: onDelete, children: /* @__PURE__ */ jsx88(DeleteIconDanger, {}) })
     ] })
   ] });
 };
@@ -31989,10 +31788,10 @@ var FileUploadField = (props) => {
     downloadFunction
   } = props;
   const { t: t3 } = useI18n();
-  const fileInputRef = useRef16(null);
-  const [selectedFiles, setSelectedFiles] = useState18([]);
-  const [uploadError, setUploadError] = useState18();
-  useEffect19(() => {
+  const fileInputRef = useRef15(null);
+  const [selectedFiles, setSelectedFiles] = useState17([]);
+  const [uploadError, setUploadError] = useState17();
+  useEffect18(() => {
     if (selectedFiles?.length === 0 && value) {
       setSelectedFiles([
         {
@@ -32001,7 +31800,7 @@ var FileUploadField = (props) => {
       ]);
     }
   }, [value]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx88(
     Controller,
     {
       name: name2 || "",
@@ -32010,7 +31809,7 @@ var FileUploadField = (props) => {
         required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
-        useEffect19(() => {
+        useEffect18(() => {
           let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
           if (widget !== "many2many_binary" && data && isBase64File(data)) {
             data = data.split(",")[1];
@@ -32026,8 +31825,8 @@ var FileUploadField = (props) => {
             );
           }
         }, [selectedFiles]);
-        return /* @__PURE__ */ jsxs59("div", { children: [
-          selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx89(
+        return /* @__PURE__ */ jsxs58("div", { children: [
+          selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ jsx88(
             RenderFile,
             {
               file: fileItem,
@@ -32042,8 +31841,8 @@ var FileUploadField = (props) => {
               }
             }
           )),
-          uploadError && /* @__PURE__ */ jsx89("div", { className: "text-[#de4747]", children: uploadError }),
-          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ jsx89(
+          uploadError && /* @__PURE__ */ jsx88("div", { className: "text-[#de4747]", children: uploadError }),
+          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ jsx88(
             ButtonSelectFiles,
             {
               fileInputRef,
@@ -32058,7 +31857,7 @@ var FileUploadField = (props) => {
               useUploadFile
             }
           ),
-          error2 && !isEditTable && /* @__PURE__ */ jsx89("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ jsx88("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32066,8 +31865,8 @@ var FileUploadField = (props) => {
 };
 
 // src/widgets/basic/float-field/float.tsx
-import { useEffect as useEffect20, useRef as useRef17, useState as useState19 } from "react";
-import { Fragment as Fragment25, jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useRef as useRef16, useState as useState18 } from "react";
+import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
     name: name2,
@@ -32085,9 +31884,9 @@ var FloatField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx90("span", { children: formatFloatNumber(propValue ?? defaultValue) });
+    return /* @__PURE__ */ jsx89("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx89(
     Controller,
     {
       name: name2 ?? "",
@@ -32098,10 +31897,10 @@ var FloatField = (props) => {
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
-        const [inputValue, setInputValue] = useState19(
+        const [inputValue, setInputValue] = useState18(
           value !== void 0 && value !== null ? formatFloatNumber(value) : ""
         );
-        useEffect20(() => {
+        useEffect19(() => {
           if (propValue !== void 0 && propValue !== null && propValue !== parseFloat(inputValue?.replace(/,/g, ""))) {
             setInputValue(formatFloatNumber(propValue));
             clearErrors(name2);
@@ -32112,9 +31911,9 @@ var FloatField = (props) => {
             setInputValue("");
           }
         }, [value, name2, clearErrors, propValue]);
-        const isDirtyRef = useRef17(false);
-        const inputRef = useRef17(null);
-        const lastCommittedValueRef = useRef17(null);
+        const isDirtyRef = useRef16(false);
+        const inputRef = useRef16(null);
+        const lastCommittedValueRef = useRef16(null);
         const handleInputChange = (e3) => {
           const newValue = e3.target.value;
           const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -32192,8 +31991,8 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs60(Fragment25, { children: [
-          /* @__PURE__ */ jsx90(
+        return /* @__PURE__ */ jsxs59(Fragment25, { children: [
+          /* @__PURE__ */ jsx89(
             "input",
             {
               ref: inputRef,
@@ -32213,7 +32012,7 @@ var FloatField = (props) => {
                 `
             }
           ),
-          error2 && !isEditTable && /* @__PURE__ */ jsx90("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ jsx89("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32221,8 +32020,8 @@ var FloatField = (props) => {
 };
 
 // src/widgets/basic/float-time-field/float-time.tsx
-import { useState as useState20 } from "react";
-import { Fragment as Fragment26, jsx as jsx91, jsxs as jsxs61 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -32238,9 +32037,9 @@ var FloatTimeField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm) {
     const formatValue = value ?? 0;
-    return /* @__PURE__ */ jsx91("span", { children: convertFloatToTime(formatValue) });
+    return /* @__PURE__ */ jsx90("span", { children: convertFloatToTime(formatValue) });
   }
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx90(
     Controller,
     {
       name: name2 ?? "",
@@ -32253,11 +32052,11 @@ var FloatTimeField = (props) => {
         field: { onChange: fieldOnChange, onBlur, value: value2 },
         fieldState: { error: error2, isDirty }
       }) => {
-        const [input, setInput] = useState20(
+        const [input, setInput] = useState19(
           convertFloatToTime(value2 ?? defaultValue)
         );
-        const [formattedTime, setFormattedTime] = useState20("");
-        const [errors, setErrors] = useState20("");
+        const [formattedTime, setFormattedTime] = useState19("");
+        const [errors, setErrors] = useState19("");
         const handleInputChange = (e3) => {
           const raw = e3.target.value.replace(/[^\d:]/g, "");
           setInput(raw);
@@ -32302,8 +32101,8 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs61(Fragment26, { children: [
-          /* @__PURE__ */ jsx91(
+        return /* @__PURE__ */ jsxs60(Fragment26, { children: [
+          /* @__PURE__ */ jsx90(
             "input",
             {
               type: "text",
@@ -32335,7 +32134,7 @@ var FloatTimeField = (props) => {
               readOnly: readonly
             }
           ),
-          (error2 || errors) && /* @__PURE__ */ jsx91("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
+          (error2 || errors) && /* @__PURE__ */ jsx90("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
         ] });
       }
     }
@@ -32343,8 +32142,8 @@ var FloatTimeField = (props) => {
 };
 
 // src/widgets/basic/html-field/html.tsx
-import { useEffect as useEffect21, useRef as useRef18 } from "react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useRef as useRef17 } from "react";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var HtmlField = (props) => {
   const {
     name: name2,
@@ -32356,18 +32155,18 @@ var HtmlField = (props) => {
     value,
     isEditTable
   } = props;
-  const divRef = useRef18(null);
+  const divRef = useRef17(null);
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx92("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
+    return /* @__PURE__ */ jsx91("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
   }
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx91(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
       defaultValue,
       render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
-        useEffect21(() => {
+        useEffect20(() => {
           if (divRef.current && divRef.current.innerHTML !== value2) {
             divRef.current.innerHTML = value2 || "";
           }
@@ -32379,7 +32178,7 @@ var HtmlField = (props) => {
             onChange2(newValue, "");
           }
         };
-        return /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsx91(
           "div",
           {
             ref: divRef,
@@ -32398,28 +32197,28 @@ var HtmlField = (props) => {
 };
 
 // src/widgets/basic/image-field/image.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var ImageField = (props) => {
   const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ jsx93("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
+    return /* @__PURE__ */ jsx92("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
-  return /* @__PURE__ */ jsx93("div", { id: "qr-code", children: /* @__PURE__ */ jsx93("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
+  return /* @__PURE__ */ jsx92("div", { id: "qr-code", children: /* @__PURE__ */ jsx92("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import React16, { useEffect as useEffect22, useMemo as useMemo10 } from "react";
+import React16, { useEffect as useEffect21, useMemo as useMemo10 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
-import { Fragment as Fragment27, jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
-    return /* @__PURE__ */ jsx94(Fragment27, {});
+    return /* @__PURE__ */ jsx93(Fragment27, {});
   }
   const inforValues = Array.isArray(value) ? value : [value];
-  return /* @__PURE__ */ jsx94("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx93("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ jsx93(
     AvatarField,
     {
       id: item.id,
@@ -32428,8 +32227,8 @@ var InfomationField = (props) => {
       stringToColor
     },
     item.id
-  )) : /* @__PURE__ */ jsxs62("div", { className: "flex gap-2 items-center w-max", children: [
-    /* @__PURE__ */ jsx94(
+  )) : /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 items-center w-max", children: [
+    /* @__PURE__ */ jsx93(
       AvatarField,
       {
         avatarSrc: inforValues[0].image_256,
@@ -32439,12 +32238,12 @@ var InfomationField = (props) => {
         stringToColor
       }
     ),
-    showName && /* @__PURE__ */ jsx94("span", { className: "capitalize", children: inforValues[0].display_name })
+    showName && /* @__PURE__ */ jsx93("span", { className: "capitalize", children: inforValues[0].display_name })
   ] }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import { jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -32453,8 +32252,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+    /* @__PURE__ */ jsx94(
       AvatarField,
       {
         id: data?.id,
@@ -32466,8 +32265,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
         stringToColor
       }
     ),
-    /* @__PURE__ */ jsx95("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
-    /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx94("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
+    /* @__PURE__ */ jsx94(
       "span",
       {
         className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -32475,7 +32274,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
           e3.stopPropagation();
           props.removeProps.onClick();
         },
-        children: /* @__PURE__ */ jsx95(CloseIcon, {})
+        children: /* @__PURE__ */ jsx94(CloseIcon, {})
       }
     )
   ] });
@@ -32485,9 +32284,9 @@ var CustomMenuList = (props) => {
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const { t: t3 } = useI18n();
   const limitedChildren = React16.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs63(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs62(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs63(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs62(
       "button",
       {
         type: "button",
@@ -32532,7 +32331,7 @@ var Many2ManyTagField = (props) => {
       value: item.id,
       label: item.name ?? item.display_name
     })) : [];
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx94(
       InfomationField,
       {
         value: optionValue || null,
@@ -32541,7 +32340,7 @@ var Many2ManyTagField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx94(
     Controller,
     {
       name: name2 ?? "",
@@ -32551,7 +32350,7 @@ var Many2ManyTagField = (props) => {
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;
-        useEffect22(() => {
+        useEffect21(() => {
           if (field.value) {
             clearErrors(name2);
           }
@@ -32577,8 +32376,8 @@ var Many2ManyTagField = (props) => {
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs63("div", { className: "group h-full overflow-y-auto", children: [
-          /* @__PURE__ */ jsx95(
+        return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
+          /* @__PURE__ */ jsx94(
             StateManagedSelect$1,
             {
               options: options2,
@@ -32656,7 +32455,7 @@ var Many2ManyTagField = (props) => {
                 })
               },
               components: isUser ? {
-                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx95(
+                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx94(
                   CustomMultiValue,
                   {
                     ...multiValueProps,
@@ -32665,7 +32464,7 @@ var Many2ManyTagField = (props) => {
                 ),
                 IndicatorSeparator: () => null
               } : {
-                MenuList: (menuListProps) => /* @__PURE__ */ jsx95(
+                MenuList: (menuListProps) => /* @__PURE__ */ jsx94(
                   CustomMenuList,
                   {
                     ...menuListProps,
@@ -32676,13 +32475,13 @@ var Many2ManyTagField = (props) => {
                   }
                 ),
                 IndicatorSeparator: () => null,
-                DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx95(components.DropdownIndicator, { ...props2 }),
-                ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx95(components.ClearIndicator, { ...props2 })
+                DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx94(components.DropdownIndicator, { ...props2 }),
+                ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx94(components.ClearIndicator, { ...props2 })
               },
               required: !invisible && required
             }
           ),
-          !isEditTable && error2 && /* @__PURE__ */ jsx95("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          !isEditTable && error2 && /* @__PURE__ */ jsx94("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32690,8 +32489,8 @@ var Many2ManyTagField = (props) => {
 };
 
 // src/widgets/basic/monetary-field/monetary.tsx
-import { useEffect as useEffect23 } from "react";
-import { Fragment as Fragment28, jsx as jsx96, jsxs as jsxs64 } from "react/jsx-runtime";
+import { useEffect as useEffect22 } from "react";
+import { Fragment as Fragment28, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32711,26 +32510,26 @@ var MonetaryField = (props) => {
     isEditTable
   } = props;
   if (isForm && name2 === "amount_residual") {
-    return /* @__PURE__ */ jsxs64("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
-      /* @__PURE__ */ jsxs64("span", { className: "font-semibold", children: [
+    return /* @__PURE__ */ jsxs63("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
+      /* @__PURE__ */ jsxs63("span", { className: "font-semibold", children: [
         string,
         ":"
       ] }),
-      /* @__PURE__ */ jsx96("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
+      /* @__PURE__ */ jsx95("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__ */ jsx96("span", { children: `${formatNumberOnly(
+      return /* @__PURE__ */ jsx95("span", { children: `${formatNumberOnly(
         parseFloat(String(value ?? defaultValue))
       )} VND` });
     }
-    return /* @__PURE__ */ jsx96("span", { children: `${formatNumberOnly(
+    return /* @__PURE__ */ jsx95("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
     )} ${currencySymbol}` });
   }
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx95(
     Controller,
     {
       name: name2 ?? "",
@@ -32744,13 +32543,13 @@ var MonetaryField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect23(() => {
+        useEffect22(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ jsxs64(Fragment28, { children: [
-          /* @__PURE__ */ jsx96(
+        return /* @__PURE__ */ jsxs63(Fragment28, { children: [
+          /* @__PURE__ */ jsx95(
             "input",
             {
               value: formatNumberOnly(value2),
@@ -32788,7 +32587,7 @@ var MonetaryField = (props) => {
                 `
             }
           ),
-          !isEditTable && error2 && /* @__PURE__ */ jsx96("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          !isEditTable && error2 && /* @__PURE__ */ jsx95("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32796,14 +32595,14 @@ var MonetaryField = (props) => {
 };
 
 // src/widgets/basic/paid-badged-field/paid-badged.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var PaidBadgedField = () => {
-  return /* @__PURE__ */ jsx97("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ jsx97(PaidIcon, {}) });
+  return /* @__PURE__ */ jsx96("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ jsx96(PaidIcon, {}) });
 };
 
 // src/widgets/basic/priority-field/rating-star.tsx
-import React17, { useEffect as useEffect24, useState as useState21 } from "react";
-import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
+import React17, { useEffect as useEffect23, useState as useState20 } from "react";
+import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
     label,
@@ -32812,9 +32611,9 @@ var RatingStarField = (props) => {
     onSelectPriority,
     id
   } = props;
-  const [rating, setRating] = useState21(defaultValue);
-  const [hover, setHover] = useState21(0);
-  useEffect24(() => {
+  const [rating, setRating] = useState20(defaultValue);
+  const [hover, setHover] = useState20(0);
+  useEffect23(() => {
     setRating(defaultValue);
   }, [defaultValue]);
   const handleClick = (value) => {
@@ -32838,7 +32637,7 @@ var RatingStarField = (props) => {
     setHover(0);
     setRating(0);
   };
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: "flex gap-1 cursor-pointer w-fit",
@@ -32848,17 +32647,17 @@ 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__ */ jsxs65(React17.Fragment, { children: [
-          /* @__PURE__ */ jsx98(
+        return /* @__PURE__ */ jsxs64(React17.Fragment, { children: [
+          /* @__PURE__ */ jsx97(
             "div",
             {
               onMouseEnter: () => handleHover(starValue),
               onClick: () => handleClick(starValue),
               "data-tooltip-id": `${id}-${starValue}`,
-              children: /* @__PURE__ */ jsx98(StarIcon, { fill: fillColor, stroke: strokeColor })
+              children: /* @__PURE__ */ jsx97(StarIcon, { fill: fillColor, stroke: strokeColor })
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx97(
             M,
             {
               className: "z-50",
@@ -32874,7 +32673,7 @@ var RatingStarField = (props) => {
 };
 
 // src/widgets/basic/priority-field/priority.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var PriorityField = (props) => {
   const {
     isForm,
@@ -32890,7 +32689,7 @@ var PriorityField = (props) => {
   const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
   const defaultPriority = parseInt(value) + 1;
   if (!isForm) {
-    return /* @__PURE__ */ jsx99(
+    return /* @__PURE__ */ jsx98(
       RatingStarField,
       {
         label,
@@ -32901,7 +32700,7 @@ var PriorityField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     Controller,
     {
       name: name ?? "",
@@ -32911,7 +32710,7 @@ var PriorityField = (props) => {
           field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
           onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
         };
-        return /* @__PURE__ */ jsx99(
+        return /* @__PURE__ */ jsx98(
           RatingStarField,
           {
             label,
@@ -32927,8 +32726,8 @@ var PriorityField = (props) => {
 };
 
 // src/widgets/basic/radio-group-field/radio-group.tsx
-import { useEffect as useEffect25 } from "react";
-import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useEffect as useEffect24 } from "react";
+import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -32941,19 +32740,19 @@ var RadioGroupField = (props) => {
     onChange: onChange2,
     setValue
   } = props;
-  useEffect25(() => {
+  useEffect24(() => {
     if (selection?.length > 0) {
       if (setValue) setValue(name2, selection?.[0]?.[0]);
     }
   }, [selection, name2, setValue]);
   if (!methods) return null;
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx99(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
-      render: ({ field }) => /* @__PURE__ */ jsx100("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx100(
+      render: ({ field }) => /* @__PURE__ */ jsx99("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx99(
           "input",
           {
             type: "radio",
@@ -32972,7 +32771,7 @@ var RadioGroupField = (props) => {
             className: "custom-radio"
           }
         ),
-        /* @__PURE__ */ jsx100("label", { htmlFor: String(select[0]), children: select[1] })
+        /* @__PURE__ */ jsx99("label", { htmlFor: String(select[0]), children: select[1] })
       ] }, select[0])) })
     }
   );
@@ -32980,7 +32779,7 @@ var RadioGroupField = (props) => {
 
 // src/widgets/basic/remaining-days-field/remaining-days.tsx
 var import_moment3 = __toESM(require_moment());
-import { jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -32991,14 +32790,14 @@ 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__ */ jsxs67("div", { className: isForm ? "mb-4" : "", children: [
-    /* @__PURE__ */ jsx101(M, { id: `remainingDays_${value}`, place: "top", content: string }),
-    /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsxs66("div", { className: isForm ? "mb-4" : "", children: [
+    /* @__PURE__ */ jsx100(M, { id: `remainingDays_${value}`, place: "top", content: string }),
+    /* @__PURE__ */ jsx100(
       "div",
       {
         "data-tooltip-id": `remainingDays_${value}`,
         className: "flex items-center w-fit cursor-context-menu",
-        children: /* @__PURE__ */ jsx101(
+        children: /* @__PURE__ */ jsx100(
           "div",
           {
             className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -33011,7 +32810,7 @@ var RemainingDaysField = (props) => {
 };
 
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-import { Fragment as Fragment29, jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
 var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -33033,9 +32832,9 @@ var SelectDropdownField = (props) => {
     label: val[1]
   })) : [];
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ jsx102("span", { children: options2?.find((item) => item?.value === value)?.label });
+    return /* @__PURE__ */ jsx101("span", { children: options2?.find((item) => item?.value === value)?.label });
   } else {
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(
       Controller,
       {
         name: name2 || "",
@@ -33062,8 +32861,8 @@ var SelectDropdownField = (props) => {
             value: defaultValue || null,
             required: !invisible && required
           };
-          return /* @__PURE__ */ jsxs68(Fragment29, { children: [
-            /* @__PURE__ */ jsx102("div", { className: "group", children: /* @__PURE__ */ jsx102(
+          return /* @__PURE__ */ jsxs67(Fragment29, { children: [
+            /* @__PURE__ */ jsx101("div", { className: "group", children: /* @__PURE__ */ jsx101(
               StateManagedSelect$1,
               {
                 ...commonProps,
@@ -33118,12 +32917,12 @@ var SelectDropdownField = (props) => {
                 menuPortalTarget: typeof window !== "undefined" ? document.body : null,
                 components: {
                   IndicatorSeparator: () => null,
-                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ jsx102(components.DropdownIndicator, { ...props2 })
+                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ jsx101(components.DropdownIndicator, { ...props2 })
                 },
                 noOptionsMessage: () => t3("no-available")
               }
             ) }),
-            !isEditTable && error2 && /* @__PURE__ */ jsx102("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ jsx101("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -33132,7 +32931,7 @@ var SelectDropdownField = (props) => {
 };
 
 // src/widgets/basic/textarea-field/textarea.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var TextAreaField = (props) => {
   const {
     methods,
@@ -33156,9 +32955,9 @@ var TextAreaField = (props) => {
     }
   }) : {};
   if (!isForm) {
-    return /* @__PURE__ */ jsx103("span", { children: value && typeof value === "object" ? value.display_name : value });
+    return /* @__PURE__ */ jsx102("span", { children: value && typeof value === "object" ? value.display_name : value });
   }
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx102(
     "textarea",
     {
       ...formProps,
@@ -33174,7 +32973,7 @@ var TextAreaField = (props) => {
 };
 
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-import { jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs68 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -33184,13 +32983,13 @@ var ToggleButtonField = (props) => {
     onChange: onChange2,
     methods
   } = props;
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx103(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsx104("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs69("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
-        /* @__PURE__ */ jsx104(
+      render: ({ field }) => /* @__PURE__ */ jsx103("div", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxs68("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx103(
           "input",
           {
             ...field,
@@ -33209,7 +33008,7 @@ var ToggleButtonField = (props) => {
             checked: field.value ?? false
           }
         ),
-        /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsx103(
           "span",
           {
             style: {
@@ -33218,7 +33017,7 @@ var ToggleButtonField = (props) => {
             },
             className: `rounded-full transition duration-300 
                 ${field.value ? "bg-primary" : "bg-gray-300"}`,
-            children: /* @__PURE__ */ jsx104(
+            children: /* @__PURE__ */ jsx103(
               "span",
               {
                 style: {
@@ -33242,8 +33041,8 @@ var ToggleButtonField = (props) => {
 };
 
 // src/widgets/basic/integer-field/integer.tsx
-import { useEffect as useEffect26, useRef as useRef19, useState as useState22 } from "react";
-import { Fragment as Fragment30, jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
+import { useEffect as useEffect25, useRef as useRef18, useState as useState21 } from "react";
+import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs69 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -33262,9 +33061,9 @@ var IntegerField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const displayValue = value ?? defaultValue;
-    return /* @__PURE__ */ jsx105("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
+    return /* @__PURE__ */ jsx104("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
   }
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx104(
     Controller,
     {
       name: name2 || "",
@@ -33278,13 +33077,13 @@ var IntegerField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        const isDirtyRef = useRef19(false);
-        const inputRef = useRef19(null);
-        const lastCommittedValueRef = useRef19(null);
-        const [inputValue, setInputValue] = useState22(
+        const isDirtyRef = useRef18(false);
+        const inputRef = useRef18(null);
+        const lastCommittedValueRef = useRef18(null);
+        const [inputValue, setInputValue] = useState21(
           value2 !== void 0 && value2 !== null ? String(value2) : ""
         );
-        useEffect26(() => {
+        useEffect25(() => {
           if (value2 !== void 0 && value2 !== null) {
             setInputValue(String(value2));
             clearErrors(name2);
@@ -33342,8 +33141,8 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs70(Fragment30, { children: [
-          /* @__PURE__ */ jsx105(
+        return /* @__PURE__ */ jsxs69(Fragment30, { children: [
+          /* @__PURE__ */ jsx104(
             "input",
             {
               ref: inputRef,
@@ -33378,7 +33177,7 @@ var IntegerField = (props) => {
                 `
             }
           ),
-          error2 && isEditTable && /* @__PURE__ */ jsx105("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && isEditTable && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -33386,7 +33185,7 @@ var IntegerField = (props) => {
 };
 
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -33398,13 +33197,13 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       ref: buttonRef,
       className: isForm ? "absolute top-7 right-6 z-10" : void 0,
       children: [
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx105(
           "button",
           {
             type: "button",
@@ -33412,23 +33211,23 @@ 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__ */ jsx106("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__ */ jsx105("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
           const isActive = item[0] == state;
-          return /* @__PURE__ */ jsxs71(
+          return /* @__PURE__ */ jsxs70(
             "div",
             {
               className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
               onClick: () => handleClick(item[0]),
               children: [
-                /* @__PURE__ */ jsx106("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx106(CheckIcon, {}) }),
-                /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx106(
+                /* @__PURE__ */ jsx105("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ jsx105(CheckIcon, {}) }),
+                /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx105(
                     "div",
                     {
                       className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
                     }
                   ),
-                  /* @__PURE__ */ jsx106("span", { className: "text-sm", children: item[1] })
+                  /* @__PURE__ */ jsx105("span", { className: "text-sm", children: item[1] })
                 ] })
               ]
             },
@@ -33442,8 +33241,8 @@ 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 jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
+import { useEffect as useEffect26 } from "react";
+import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -33502,7 +33301,7 @@ var Many2ManyField = (props) => {
     clearSearch
   } = searchController;
   const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
-  useEffect27(() => {
+  useEffect26(() => {
     const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
     if (groupItems?.length > 0) {
       typeof setPageLimit === "function" && setPageLimit(80);
@@ -33517,7 +33316,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return createPortal5(
-    /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsxs71(
       "div",
       {
         style: {
@@ -33525,8 +33324,8 @@ var Many2ManyField = (props) => {
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
-          /* @__PURE__ */ jsx107("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-          /* @__PURE__ */ jsx107("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs72(
+          /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+          /* @__PURE__ */ jsx106("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
             "div",
             {
               style: {
@@ -33534,12 +33333,12 @@ 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__ */ jsxs72("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-                  /* @__PURE__ */ jsx107("div", { className: "text-[20px] font-semibold", children: title }),
-                  /* @__PURE__ */ jsx107("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx107(CloseIcon, {}) })
+                /* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+                  /* @__PURE__ */ jsx106("div", { className: "text-[20px] font-semibold", children: title }),
+                  /* @__PURE__ */ jsx106("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx106(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ jsxs72("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
-                  /* @__PURE__ */ jsx107("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx107(
+                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
+                  /* @__PURE__ */ jsx106("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx106(
                     Search,
                     {
                       removeSearchItems,
@@ -33573,7 +33372,7 @@ var Many2ManyField = (props) => {
                       groupByList
                     }
                   ) }),
-                  /* @__PURE__ */ jsx107(
+                  /* @__PURE__ */ jsx106(
                     PaginationView,
                     {
                       className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -33590,20 +33389,20 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ jsx107("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx107("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx107(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ jsx106("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx106("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx106(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
-                    children: /* @__PURE__ */ jsx107("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx107("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx107(
+                    children: /* @__PURE__ */ jsx106("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx106("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx106(
                       "div",
                       {
                         className: `flex w-full items-center h-full overflow-auto `,
-                        children: /* @__PURE__ */ jsx107("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs72(
+                        children: /* @__PURE__ */ jsx106("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
                             children: [
-                              /* @__PURE__ */ jsx107(
+                              /* @__PURE__ */ jsx106(
                                 TableHead,
                                 {
                                   columns,
@@ -33613,7 +33412,7 @@ var Many2ManyField = (props) => {
                                   handleCheckBoxAll
                                 }
                               ),
-                              rows?.length > 0 ? /* @__PURE__ */ jsx107(
+                              rows?.length > 0 ? /* @__PURE__ */ jsx106(
                                 TableBody,
                                 {
                                   tableGroupController,
@@ -33653,16 +33452,16 @@ var Many2ManyField = (props) => {
                                   checkedAll,
                                   context
                                 }
-                              ) : /* @__PURE__ */ jsx107("tr", { children: /* @__PURE__ */ jsx107(
+                              ) : /* @__PURE__ */ jsx106("tr", { children: /* @__PURE__ */ jsx106(
                                 "td",
                                 {
                                   className: "w-full",
                                   colSpan: columns?.length + 2,
-                                  children: /* @__PURE__ */ jsx107(
+                                  children: /* @__PURE__ */ jsx106(
                                     "div",
                                     {
                                       className: `flex flex-col items-center justify-center gap-3 py-6`,
-                                      children: /* @__PURE__ */ jsx107(EmptyTable, {})
+                                      children: /* @__PURE__ */ jsx106(EmptyTable, {})
                                     }
                                   )
                                 }
@@ -33673,9 +33472,9 @@ var Many2ManyField = (props) => {
                       }
                     ) }) })
                   }
-                ) }) }) : /* @__PURE__ */ jsx107(LayerLoading, {}),
-                /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-2 mt-auto", children: [
-                  isDisplayCheckbox && /* @__PURE__ */ jsx107(
+                ) }) }) : /* @__PURE__ */ jsx106(LayerLoading, {}),
+                /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
+                  isDisplayCheckbox && /* @__PURE__ */ jsx106(
                     "button",
                     {
                       disabled: selectedRowKeys?.length === 0,
@@ -33685,7 +33484,7 @@ var Many2ManyField = (props) => {
                       children: t3("choose")
                     }
                   ),
-                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx107(
+                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx106(
                     "button",
                     {
                       type: "button",
@@ -33701,7 +33500,7 @@ var Many2ManyField = (props) => {
                       children: t3("new")
                     }
                   ),
-                  /* @__PURE__ */ jsx107(
+                  /* @__PURE__ */ jsx106(
                     "button",
                     {
                       type: "button",
@@ -33722,16 +33521,16 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect28 } from "react";
-import { Fragment as Fragment31, jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
+import React18, { useEffect as useEffect27 } from "react";
+import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { t: t3 } = useI18n();
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const limitedChildren = React18.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ jsxs73(components.MenuList, { ...props, className: "z-[99]", children: [
+  return /* @__PURE__ */ jsxs72(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs73(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ jsxs72(
       "button",
       {
         type: "button",
@@ -33774,14 +33573,14 @@ var Many2OneField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
-    return /* @__PURE__ */ jsxs73(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs72(Fragment31, { children: [
       allowShowDetail && renderDetail({
         idToolTip: String(name2) + Number(index4),
         model: options2?.model ?? relation,
         context: contextObject,
         idForm: id
       }),
-      /* @__PURE__ */ jsx108(
+      /* @__PURE__ */ jsx107(
         "span",
         {
           className: "cursor-pointer",
@@ -33792,20 +33591,20 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs73(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs72(Fragment31, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
       context: contextObject,
       idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
     }),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx107(
       "div",
       {
         id: name2,
         "data-tooltip-id": name2,
         className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-        children: /* @__PURE__ */ jsx108(
+        children: /* @__PURE__ */ jsx107(
           Controller,
           {
             name: name2 ?? "",
@@ -33825,13 +33624,13 @@ var Many2OneField = (props) => {
               const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
                 (option) => option.value === tempSelectedOption?.value
               ) : currentValue ? currentValue : null;
-              useEffect28(() => {
+              useEffect27(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
                 }
               }, [selectedOption]);
-              return /* @__PURE__ */ jsxs73("div", { className: "h-full", children: [
-                /* @__PURE__ */ jsx108(
+              return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
+                /* @__PURE__ */ jsx107(
                   StateManagedSelect$1,
                   {
                     menuShouldScrollIntoView: false,
@@ -33907,7 +33706,7 @@ var Many2OneField = (props) => {
                       })
                     },
                     components: {
-                      MenuList: (menuListProps) => /* @__PURE__ */ jsx108(
+                      MenuList: (menuListProps) => /* @__PURE__ */ jsx107(
                         CustomMenuList2,
                         {
                           ...menuListProps,
@@ -33918,13 +33717,13 @@ var Many2OneField = (props) => {
                         }
                       ),
                       IndicatorSeparator: () => null,
-                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx108(components.DropdownIndicator, { ...props2 })
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx107(components.DropdownIndicator, { ...props2 })
                     },
                     isDisabled: readonly,
                     noOptionsMessage: () => t3(isFetching ? "loading" : "no-available")
                   }
                 ),
-                !isEditTable && error2 && /* @__PURE__ */ jsx108("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+                !isEditTable && error2 && /* @__PURE__ */ jsx107("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
               ] });
             }
           }
@@ -33935,7 +33734,7 @@ var Many2OneField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -33945,14 +33744,14 @@ var StatusbarDurationField = (props) => {
     defaultValue,
     setModalStatus
   } = props;
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx108(
     "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__ */ jsxs74("div", { className: "flex items-center gap-[24px]", children: [
-        /* @__PURE__ */ jsx109("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
+      children: /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-[24px]", children: [
+        /* @__PURE__ */ jsx108("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
           const value = option?.id === defaultValue;
-          return /* @__PURE__ */ jsxs74(
+          return /* @__PURE__ */ jsxs73(
             "label",
             {
               onClick: () => !disabled && handleClick(option.id),
@@ -33962,7 +33761,7 @@ var StatusbarDurationField = (props) => {
                 ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
               `,
               children: [
-                /* @__PURE__ */ jsx109(
+                /* @__PURE__ */ jsx108(
                   "input",
                   {
                     type: "radio",
@@ -33972,7 +33771,7 @@ var StatusbarDurationField = (props) => {
                   }
                 ),
                 option?.name,
-                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ jsx109(
+                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ jsx108(
                   "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]
@@ -33987,14 +33786,14 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ jsxs74(
+        ) && /* @__PURE__ */ jsxs73(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
             className: "w-[24px] h-[24px] cursor-pointer relative",
             children: [
-              /* @__PURE__ */ jsx109(MoreIcon, {}),
-              modelStatus && /* @__PURE__ */ jsx109(
+              /* @__PURE__ */ jsx108(MoreIcon, {}),
+              modelStatus && /* @__PURE__ */ jsx108(
                 "div",
                 {
                   onClick: (e3) => e3.stopPropagation(),
@@ -34003,7 +33802,7 @@ var StatusbarDurationField = (props) => {
                     (item) => item?.fold && item.id !== defaultValue
                   )?.map((option) => {
                     const value = option?.id === defaultValue;
-                    return /* @__PURE__ */ jsx109(
+                    return /* @__PURE__ */ jsx108(
                       "div",
                       {
                         className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34025,14 +33824,14 @@ var StatusbarDurationField = (props) => {
 
 // src/widgets/basic/status-bar-field/option/option.tsx
 import { useMemo as useMemo11 } from "react";
-import { Fragment as Fragment32, jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
   const memoizedStatusOptions = useMemo11(() => selection, [selection]);
   const indexInProgress = memoizedStatusOptions?.findIndex(
     (option) => option?.[0] === defaultValue
   );
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "div",
     {
       style: {
@@ -34041,8 +33840,8 @@ var StatusBarOptionField = (props) => {
         flexWrap: "wrap"
       },
       children: memoizedStatusOptions?.map((option, index4) => {
-        return /* @__PURE__ */ jsxs75(Fragment32, { children: [
-          /* @__PURE__ */ jsxs75(
+        return /* @__PURE__ */ jsxs74(Fragment32, { children: [
+          /* @__PURE__ */ jsxs74(
             "div",
             {
               style: {
@@ -34060,7 +33859,7 @@ var StatusBarOptionField = (props) => {
                 boxShadow: index4 === indexInProgress ? "0 1px 2px 0 rgba(51, 51, 51, 0.04), 0 2px 4px 0 rgba(51, 51, 51, 0.04), 0 4px 8px -2px rgba(51, 51, 51, 0.06), 0 0 0 1px rgba(51, 51, 51, 0.04), 0 -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset" : ""
               },
               children: [
-                /* @__PURE__ */ jsx110(
+                /* @__PURE__ */ jsx109(
                   "span",
                   {
                     style: {
@@ -34072,10 +33871,10 @@ var StatusBarOptionField = (props) => {
                       alignItems: "center",
                       borderRadius: "100%"
                     },
-                    children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ jsx110(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ jsx110(ICCircle, {}) : /* @__PURE__ */ jsx110(ICMinus, {})
+                    children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ jsx109(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ jsx109(ICCircle, {}) : /* @__PURE__ */ jsx109(ICMinus, {})
                   }
                 ),
-                /* @__PURE__ */ jsx110(
+                /* @__PURE__ */ jsx109(
                   "span",
                   {
                     style: {
@@ -34088,7 +33887,7 @@ var StatusBarOptionField = (props) => {
             },
             option?.[0]
           ),
-          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx110(
+          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx109(
             "div",
             {
               style: {
@@ -34104,7 +33903,7 @@ var StatusBarOptionField = (props) => {
   );
 };
 var ICMinus = () => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34112,7 +33911,7 @@ var ICMinus = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ jsx110(
+      children: /* @__PURE__ */ jsx109(
         "path",
         {
           d: "M4 8H12",
@@ -34126,7 +33925,7 @@ var ICMinus = () => {
   );
 };
 var ICCircle = () => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34134,12 +33933,12 @@ var ICCircle = () => {
       height: "8",
       viewBox: "0 0 8 8",
       fill: "none",
-      children: /* @__PURE__ */ jsx110("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
+      children: /* @__PURE__ */ jsx109("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
     }
   );
 };
 var ICCheck = () => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34147,7 +33946,7 @@ var ICCheck = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ jsx110(
+      children: /* @__PURE__ */ jsx109(
         "path",
         {
           d: "M13.3408 5.23535L13.252 5.32324L6.88867 11.6875L6.7998 11.7764L6.71191 11.6875L2.89258 7.86914L2.80469 7.78125L2.89258 7.69238L3.74121 6.84375L3.83008 6.75586L6.7998 9.72559L12.2266 4.29785L12.3154 4.20996L13.3408 5.23535Z",
@@ -34161,7 +33960,7 @@ var ICCheck = () => {
 };
 
 // src/widgets/basic/date-option-field/date-option.tsx
-import { jsx as jsx111, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -34172,19 +33971,19 @@ var DateOptionField = (props) => {
     string,
     onChange: onChange2
   } = props;
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx110(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ jsxs76(
+      render: ({ field }) => /* @__PURE__ */ jsxs75(
         "label",
         {
           className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
                   ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
                   ${readonly ? "opacity-50 pointer-events-none" : ""}`,
           children: [
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx110(
               "input",
               {
                 type: "checkbox",
@@ -34284,7 +34083,6 @@ export {
   RadioGroupField,
   RatingStarField,
   RemainingDaysField,
-  RenderFiles,
   ResetIcon,
   Row,
   Search,