@fctc/sme-widget-ui 1.9.5 → 1.9.6

package/dist/widgets.mjs

@@ -9857,86 +9857,9 @@ var DeleteIconDanger = () => {
 
 // src/icons/image-icon.tsx
 import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
-var ImageIcon = () => {
-  return /* @__PURE__ */ jsxs21(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "22",
-      height: "23",
-      viewBox: "0 0 22 23",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx41(
-          "path",
-          {
-            d: "M22 5.36046V17.6395C21.9989 18.9283 21.4865 20.1639 20.5752 21.0752C19.6639 21.9865 18.4283 22.4989 17.1395 22.5H4.86047C4.32055 22.5016 3.78427 22.4116 3.27442 22.2339C2.31857 21.9038 1.48947 21.2838 0.902556 20.4603C0.315646 19.6368 0.000149319 18.6508 0 17.6395V5.36046C0.00108389 4.07172 0.513515 2.83607 1.42479 1.92479C2.33607 1.01351 3.57172 0.501084 4.86047 0.5H17.1395C18.4283 0.501084 19.6639 1.01351 20.5752 1.92479C21.4865 2.83607 21.9989 4.07172 22 5.36046Z",
-            fill: "#E6F7FF"
-          }
-        ),
-        /* @__PURE__ */ jsx41(
-          "path",
-          {
-            d: "M13.75 18.4995V22.2495H5C4.47235 22.251 3.94826 22.1631 3.45 21.9895C2.51588 21.6669 1.70561 21.061 1.13204 20.2562C0.558472 19.4514 0.250146 18.4878 0.25 17.4995V14.7695L3.41 12.6595C3.88229 12.3434 4.44129 12.1822 5.00937 12.1984C5.57745 12.2145 6.1264 12.4071 6.58 12.7495L10.07 15.3695L13.45 17.8995C13.5438 17.9687 13.6199 18.0592 13.672 18.1635C13.7241 18.2678 13.7509 18.3829 13.75 18.4995Z",
-            fill: "#70D5B8"
-          }
-        ),
-        /* @__PURE__ */ jsx41(
-          "path",
-          {
-            d: "M7.625 8.625C9.00571 8.625 10.125 7.50571 10.125 6.125C10.125 4.74429 9.00571 3.625 7.625 3.625C6.24429 3.625 5.125 4.74429 5.125 6.125C5.125 7.50571 6.24429 8.625 7.625 8.625Z",
-            fill: "#FFD44D"
-          }
-        ),
-        /* @__PURE__ */ jsx41(
-          "path",
-          {
-            d: "M21.7492 12.5393V17.4993C21.7482 18.7588 21.2474 19.9663 20.3568 20.8569C19.4662 21.7475 18.2587 22.2483 16.9992 22.2493H4.99922C4.47157 22.2509 3.94748 22.163 3.44922 21.9893L14.4492 10.9893C14.8555 10.5799 15.3808 10.3092 15.95 10.2158C16.5192 10.1224 17.1034 10.2112 17.6192 10.4693L21.7492 12.5393Z",
-            fill: "#13BF8A"
-          }
-        )
-      ]
-    }
-  );
-};
 
 // src/icons/video-icon.tsx
 import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var VideoIcon = () => {
-  return /* @__PURE__ */ jsxs22(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "22",
-      height: "21",
-      viewBox: "0 0 22 21",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx42(
-          "path",
-          {
-            d: "M22.0001 2.10859L22.0001 18.8914C22.0001 19.7798 21.2799 20.5 20.3915 20.5H1.61054C0.722142 20.5 0.00195312 19.7798 0.00195312 18.8914V2.10859C0.00195312 1.22019 0.722143 0.5 1.61054 0.5H20.3915C21.2799 0.5 22.0001 1.22019 22.0001 2.10859Z",
-            fill: "#435E88"
-          }
-        ),
-        /* @__PURE__ */ jsx42(
-          "path",
-          {
-            d: "M21.9974 2.10515L21.9981 18.8914C21.9981 19.7782 21.2797 20.5 20.3895 20.5H1.60863C0.721846 20.5 0 19.7782 0 18.8914L20.3888 0.5C21.2791 0.5 21.9974 1.21832 21.9974 2.10515Z",
-            fill: "#33527D"
-          }
-        ),
-        /* @__PURE__ */ jsx42(
-          "path",
-          {
-            d: "M3.96875 14.8779C4.15191 14.8782 4.30078 15.0267 4.30078 15.21V17.123C4.30078 17.3063 4.15191 17.4549 3.96875 17.4551H2.05469C1.87133 17.4551 1.72266 17.3064 1.72266 17.123V15.21C1.72266 15.0266 1.87133 14.8779 2.05469 14.8779H3.96875ZM19.9492 14.8779C20.1326 14.8779 20.2812 15.0266 20.2812 15.21V17.123C20.2812 17.3064 20.1326 17.4551 19.9492 17.4551H18.0361C17.8528 17.4551 17.7041 17.3064 17.7041 17.123V15.21C17.7041 15.0266 17.8528 14.8779 18.0361 14.8779H19.9492ZM8.59473 7.55566C8.59499 7.0953 9.10791 6.82103 9.49121 7.07617L14.1484 10.1758C14.4914 10.4041 14.4914 10.9084 14.1484 11.1367L9.49121 14.2363C9.10788 14.4915 8.59493 14.2173 8.59473 13.7568V7.55566ZM3.96875 10.6592C4.15175 10.6594 4.30052 10.8072 4.30078 10.9902V12.9043C4.30078 13.0875 4.15191 13.2361 3.96875 13.2363H2.05469C1.87133 13.2363 1.72266 13.0877 1.72266 12.9043V10.9902C1.72292 10.8071 1.87149 10.6592 2.05469 10.6592H3.96875ZM19.9492 10.6592C20.1324 10.6592 20.281 10.8071 20.2812 10.9902V12.9043C20.2812 13.0877 20.1326 13.2363 19.9492 13.2363H18.0361C17.8528 13.2363 17.7041 13.0877 17.7041 12.9043V10.9902C17.7044 10.8071 17.8529 10.6592 18.0361 10.6592H19.9492ZM3.96875 6.4375C4.15177 6.43773 4.30055 6.58651 4.30078 6.76953V8.68359C4.30078 8.86681 4.15191 9.0154 3.96875 9.01562H2.05469C1.87133 9.01562 1.72266 8.86695 1.72266 8.68359V6.76953C1.72289 6.58637 1.87147 6.4375 2.05469 6.4375H3.96875ZM19.9492 6.4375C20.1324 6.4375 20.281 6.58637 20.2812 6.76953V8.68359C20.2812 8.86695 20.1326 9.01562 19.9492 9.01562H18.0361C17.8528 9.01562 17.7041 8.86695 17.7041 8.68359V6.76953C17.7043 6.58637 17.8529 6.4375 18.0361 6.4375H19.9492ZM3.96875 2.21875C4.15181 2.21898 4.3006 2.36771 4.30078 2.55078V4.46484C4.30078 4.64806 4.15191 4.79665 3.96875 4.79688H2.05469C1.87133 4.79688 1.72266 4.6482 1.72266 4.46484V2.55078C1.72283 2.36757 1.87144 2.21875 2.05469 2.21875H3.96875ZM19.9492 2.21875C20.1325 2.21875 20.2811 2.36757 20.2812 2.55078V4.46484C20.2812 4.6482 20.1326 4.79688 19.9492 4.79688H18.0361C17.8528 4.79688 17.7041 4.6482 17.7041 4.46484V2.55078C17.7043 2.36757 17.8529 2.21875 18.0361 2.21875H19.9492Z",
-            fill: "white"
-          }
-        )
-      ]
-    }
-  );
-};
 
 // src/widgets/advanced/table/table-group.tsx
 import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -15877,207 +15800,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";
@@ -16264,7 +15986,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,
@@ -16368,8 +16090,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",
@@ -16377,12 +16099,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",
@@ -16397,11 +16119,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) {
@@ -16425,8 +16147,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,
@@ -16438,13 +16160,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,
@@ -16468,8 +16190,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}`,
@@ -16480,7 +16202,7 @@ var AvatarField = (props) => {
         place: "top-start"
       }
     ),
-    allowShowDetail && /* @__PURE__ */ jsx72(
+    allowShowDetail && /* @__PURE__ */ jsx71(
       M,
       {
         id: `avatar-widget-id-${id}`,
@@ -16489,7 +16211,7 @@ var AvatarField = (props) => {
         className: "z-20"
       }
     ),
-    avatarSrc ? /* @__PURE__ */ jsx72(
+    avatarSrc ? /* @__PURE__ */ jsx71(
       "img",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -16497,7 +16219,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}`,
@@ -16510,7 +16232,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,
@@ -16533,7 +16255,7 @@ var BinaryField = (props) => {
     image
   } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx72(
     Controller,
     {
       name: name2 ?? "",
@@ -16543,13 +16265,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: {
@@ -16560,7 +16282,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: {
@@ -16571,17 +16293,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,
@@ -16591,7 +16313,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,
@@ -16603,8 +16325,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",
@@ -16613,7 +16335,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",
@@ -16621,7 +16343,7 @@ var BinaryField = (props) => {
                           height: "14",
                           viewBox: "0 0 14 14",
                           fill: "none",
-                          children: /* @__PURE__ */ jsx73(
+                          children: /* @__PURE__ */ jsx72(
                             "path",
                             {
                               "fill-rule": "evenodd",
@@ -16645,7 +16367,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",
@@ -16720,11 +16442,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,
@@ -16735,7 +16457,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,
@@ -16744,7 +16466,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ jsxs49(
+  ) : /* @__PURE__ */ jsxs48(
     "button",
     {
       type,
@@ -16753,15 +16475,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 {
@@ -16789,9 +16511,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 ?? "",
@@ -16819,12 +16541,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);
@@ -16845,8 +16567,8 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ jsxs50(Fragment17, { children: [
-          /* @__PURE__ */ jsx76(
+        return /* @__PURE__ */ jsxs49(Fragment17, { children: [
+          /* @__PURE__ */ jsx75(
             "input",
             {
               value: displayValue ?? "",
@@ -16907,7 +16629,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 }) })
         ] });
       }
     }
@@ -16915,7 +16637,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,
@@ -16930,9 +16652,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",
@@ -16943,12 +16665,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",
@@ -16961,7 +16683,7 @@ var CheckboxField = (props) => {
               onChange2(name2 ?? "", checked);
             }
           },
-          children: /* @__PURE__ */ jsx77(
+          children: /* @__PURE__ */ jsx76(
             "input",
             {
               ...field,
@@ -16988,24 +16710,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);
@@ -17016,8 +16738,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}`,
@@ -17031,7 +16753,7 @@ var ColorWrapper = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx77(
       M,
       {
         className: "",
@@ -17040,8 +16762,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}`,
@@ -17054,7 +16776,7 @@ var ColorWrapper = (props) => {
         style: { backgroundColor: selectedColor?.color }
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx77(
       M,
       {
         place: "top",
@@ -17066,13 +16788,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 ?? "",
@@ -17082,7 +16804,7 @@ var ColorField = (props) => {
           field.onChange(color?.id);
           onChange2 && onChange2(name2 ?? "", color?.id);
         };
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx78(
           ColorWrapper,
           {
             savePickColor: handlePickColorChange,
@@ -17096,8 +16818,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,
@@ -17116,9 +16838,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 ?? "",
@@ -17131,13 +16853,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,
@@ -17146,7 +16868,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) : "",
@@ -17187,19 +16909,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 })
         ] });
       }
     }
@@ -17207,10 +16929,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;
@@ -21140,7 +20862,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
@@ -21538,7 +21260,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,
@@ -21554,18 +21276,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,
@@ -21780,8 +21502,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;
@@ -21794,7 +21516,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
       }
     }
   }, [ignoreClass]);
-  useEffect16(function() {
+  useEffect15(function() {
     document.addEventListener("mousedown", handleClickOutside);
     return function() {
       document.removeEventListener("mousedown", handleClickOutside);
@@ -25035,7 +24757,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),
@@ -26047,13 +25769,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);
@@ -26214,7 +25936,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";
@@ -27498,7 +27220,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);
@@ -27516,7 +27238,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];
@@ -27546,7 +27268,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
@@ -27892,9 +27614,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;
@@ -27924,7 +27646,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
@@ -27946,7 +27668,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
   }), {
@@ -27966,7 +27688,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", {
@@ -27976,7 +27698,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", {
@@ -27996,15 +27718,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);
@@ -28039,7 +27761,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,
@@ -28048,7 +27770,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);
 };
@@ -28064,7 +27786,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);
@@ -28085,7 +27807,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
@@ -28101,7 +27823,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);
 };
@@ -28122,7 +27844,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",
@@ -28132,16 +27854,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"
   }));
 };
@@ -28162,18 +27884,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;
@@ -28189,7 +27911,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
   })));
 };
@@ -28213,7 +27935,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",
@@ -28228,20 +27950,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
   }));
@@ -28273,7 +27995,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,
@@ -28295,15 +28017,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;
@@ -28325,7 +28047,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));
 };
@@ -28377,11 +28099,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),
@@ -28435,35 +28157,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
@@ -28496,7 +28218,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,
@@ -28520,7 +28242,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);
 };
@@ -28542,7 +28264,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);
@@ -28644,7 +28366,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));
 };
@@ -28779,18 +28501,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",
@@ -29103,7 +28825,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({
@@ -29135,10 +28857,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;
@@ -29198,7 +28920,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);
@@ -29245,8 +28967,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;
@@ -29301,7 +29023,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -29345,7 +29067,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));
@@ -29364,7 +29086,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,
@@ -30954,7 +30676,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,
@@ -30982,8 +30704,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"}`,
@@ -30997,13 +30719,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 || "",
@@ -31019,14 +30741,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,
@@ -31074,7 +30796,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,
@@ -31092,7 +30814,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ jsxs54(
+                }) => /* @__PURE__ */ jsxs53(
                   "div",
                   {
                     style: {
@@ -31101,7 +30823,7 @@ var DateField = (props) => {
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         "button",
                         {
                           onClick: decreaseMonth,
@@ -31109,7 +30831,7 @@ var DateField = (props) => {
                           children: "<"
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31135,7 +30857,7 @@ var DateField = (props) => {
                           autoFocus: true
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31163,7 +30885,7 @@ var DateField = (props) => {
                           }))
                         }
                       ),
-                      /* @__PURE__ */ jsx84(
+                      /* @__PURE__ */ jsx83(
                         "button",
                         {
                           onClick: increaseMonth,
@@ -31176,7 +30898,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 })
           ] });
         }
       }
@@ -31185,26 +30907,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,
@@ -31216,15 +30938,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,
@@ -31238,7 +30960,7 @@ var DownloadFileField = (props) => {
         ]
       }
     ),
-    file && /* @__PURE__ */ jsx86(
+    file && /* @__PURE__ */ jsx85(
       "button",
       {
         onClick: handleFileDownload,
@@ -31251,8 +30973,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,
@@ -31264,32 +30986,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: () => {
@@ -31309,7 +31031,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();
@@ -31320,27 +31042,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}`
@@ -31348,33 +31070,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,
@@ -31384,16 +31106,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: {
@@ -31403,20 +31125,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, {}) })
     ] })
   ] });
 };
@@ -31438,10 +31160,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([
         {
@@ -31450,7 +31172,7 @@ var FileUploadField = (props) => {
       ]);
     }
   }, [value]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx88(
     Controller,
     {
       name: name2 || "",
@@ -31459,7 +31181,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];
@@ -31475,8 +31197,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,
@@ -31491,8 +31213,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,
@@ -31507,7 +31229,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 })
         ] });
       }
     }
@@ -31515,8 +31237,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,
@@ -31534,9 +31256,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 ?? "",
@@ -31547,10 +31269,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);
@@ -31561,9 +31283,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, "");
@@ -31641,8 +31363,8 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ jsxs60(Fragment25, { children: [
-          /* @__PURE__ */ jsx90(
+        return /* @__PURE__ */ jsxs59(Fragment25, { children: [
+          /* @__PURE__ */ jsx89(
             "input",
             {
               ref: inputRef,
@@ -31662,7 +31384,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 })
         ] });
       }
     }
@@ -31670,8 +31392,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,
@@ -31687,9 +31409,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 ?? "",
@@ -31702,11 +31424,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);
@@ -31751,8 +31473,8 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ jsxs61(Fragment26, { children: [
-          /* @__PURE__ */ jsx91(
+        return /* @__PURE__ */ jsxs60(Fragment26, { children: [
+          /* @__PURE__ */ jsx90(
             "input",
             {
               type: "text",
@@ -31784,7 +31506,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 })
         ] });
       }
     }
@@ -31792,8 +31514,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,
@@ -31805,18 +31527,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 || "";
           }
@@ -31828,7 +31550,7 @@ var HtmlField = (props) => {
             onChange2(newValue, "");
           }
         };
-        return /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsx91(
           "div",
           {
             ref: divRef,
@@ -31847,28 +31569,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,
@@ -31877,8 +31599,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,
@@ -31888,12 +31610,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;
@@ -31902,8 +31624,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,
@@ -31915,8 +31637,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",
@@ -31924,7 +31646,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
           e3.stopPropagation();
           props.removeProps.onClick();
         },
-        children: /* @__PURE__ */ jsx95(CloseIcon, {})
+        children: /* @__PURE__ */ jsx94(CloseIcon, {})
       }
     )
   ] });
@@ -31934,9 +31656,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",
@@ -31981,7 +31703,7 @@ var Many2ManyTagField = (props) => {
       value: item.id,
       label: item.name ?? item.display_name
     })) : [];
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx94(
       InfomationField,
       {
         value: optionValue || null,
@@ -31990,7 +31712,7 @@ var Many2ManyTagField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx94(
     Controller,
     {
       name: name2 ?? "",
@@ -32000,7 +31722,7 @@ var Many2ManyTagField = (props) => {
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;
-        useEffect22(() => {
+        useEffect21(() => {
           if (field.value) {
             clearErrors(name2);
           }
@@ -32026,8 +31748,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,
@@ -32105,7 +31827,7 @@ var Many2ManyTagField = (props) => {
                 })
               },
               components: isUser ? {
-                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx95(
+                MultiValue: (multiValueProps) => /* @__PURE__ */ jsx94(
                   CustomMultiValue,
                   {
                     ...multiValueProps,
@@ -32114,7 +31836,7 @@ var Many2ManyTagField = (props) => {
                 ),
                 IndicatorSeparator: () => null
               } : {
-                MenuList: (menuListProps) => /* @__PURE__ */ jsx95(
+                MenuList: (menuListProps) => /* @__PURE__ */ jsx94(
                   CustomMenuList,
                   {
                     ...menuListProps,
@@ -32125,13 +31847,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 })
         ] });
       }
     }
@@ -32139,8 +31861,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 {
@@ -32160,26 +31882,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 ?? "",
@@ -32193,13 +31915,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),
@@ -32237,7 +31959,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 })
         ] });
       }
     }
@@ -32245,14 +31967,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,
@@ -32261,9 +31983,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) => {
@@ -32287,7 +32009,7 @@ var RatingStarField = (props) => {
     setHover(0);
     setRating(0);
   };
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: "flex gap-1 cursor-pointer w-fit",
@@ -32297,17 +32019,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",
@@ -32323,7 +32045,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,
@@ -32339,7 +32061,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,
@@ -32350,7 +32072,7 @@ var PriorityField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     Controller,
     {
       name: name ?? "",
@@ -32360,7 +32082,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,
@@ -32376,8 +32098,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,
@@ -32390,19 +32112,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",
@@ -32421,7 +32143,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])) })
     }
   );
@@ -32429,7 +32151,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,
@@ -32440,14 +32162,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"}`,
@@ -32460,7 +32182,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 {
@@ -32482,9 +32204,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 || "",
@@ -32511,8 +32233,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,
@@ -32567,12 +32289,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 })
           ] });
         }
       }
@@ -32581,7 +32303,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,
@@ -32605,9 +32327,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,
@@ -32623,7 +32345,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,
@@ -32633,13 +32355,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,
@@ -32658,7 +32380,7 @@ var ToggleButtonField = (props) => {
             checked: field.value ?? false
           }
         ),
-        /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsx103(
           "span",
           {
             style: {
@@ -32667,7 +32389,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: {
@@ -32691,8 +32413,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,
@@ -32711,9 +32433,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 || "",
@@ -32727,13 +32449,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);
@@ -32791,8 +32513,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,
@@ -32827,7 +32549,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 })
         ] });
       }
     }
@@ -32835,7 +32557,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,
@@ -32847,13 +32569,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",
@@ -32861,23 +32583,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] })
                 ] })
               ]
             },
@@ -32891,8 +32613,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 {
@@ -32951,7 +32673,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);
@@ -32966,7 +32688,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return createPortal5(
-    /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsxs71(
       "div",
       {
         style: {
@@ -32974,8 +32696,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: {
@@ -32983,12 +32705,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,
@@ -33022,7 +32744,7 @@ var Many2ManyField = (props) => {
                       groupByList
                     }
                   ) }),
-                  /* @__PURE__ */ jsx107(
+                  /* @__PURE__ */ jsx106(
                     PaginationView,
                     {
                       className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -33039,20 +32761,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,
@@ -33062,7 +32784,7 @@ var Many2ManyField = (props) => {
                                   handleCheckBoxAll
                                 }
                               ),
-                              rows?.length > 0 ? /* @__PURE__ */ jsx107(
+                              rows?.length > 0 ? /* @__PURE__ */ jsx106(
                                 TableBody,
                                 {
                                   tableGroupController,
@@ -33102,16 +32824,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, {})
                                     }
                                   )
                                 }
@@ -33122,9 +32844,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,
@@ -33134,7 +32856,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",
@@ -33150,7 +32872,7 @@ var Many2ManyField = (props) => {
                       children: t3("new")
                     }
                   ),
-                  /* @__PURE__ */ jsx107(
+                  /* @__PURE__ */ jsx106(
                     "button",
                     {
                       type: "button",
@@ -33171,16 +32893,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",
@@ -33223,14 +32945,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",
@@ -33241,20 +32963,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 ?? "",
@@ -33274,13 +32996,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,
@@ -33356,7 +33078,7 @@ var Many2OneField = (props) => {
                       })
                     },
                     components: {
-                      MenuList: (menuListProps) => /* @__PURE__ */ jsx108(
+                      MenuList: (menuListProps) => /* @__PURE__ */ jsx107(
                         CustomMenuList2,
                         {
                           ...menuListProps,
@@ -33367,13 +33089,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 })
               ] });
             }
           }
@@ -33384,7 +33106,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,
@@ -33394,14 +33116,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),
@@ -33411,7 +33133,7 @@ var StatusbarDurationField = (props) => {
                 ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
               `,
               children: [
-                /* @__PURE__ */ jsx109(
+                /* @__PURE__ */ jsx108(
                   "input",
                   {
                     type: "radio",
@@ -33421,7 +33143,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]
@@ -33436,14 +33158,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(),
@@ -33452,7 +33174,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]"}`,
@@ -33474,14 +33196,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: {
@@ -33490,8 +33212,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: {
@@ -33509,7 +33231,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: {
@@ -33521,10 +33243,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: {
@@ -33537,7 +33259,7 @@ var StatusBarOptionField = (props) => {
             },
             option?.[0]
           ),
-          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx110(
+          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ jsx109(
             "div",
             {
               style: {
@@ -33553,7 +33275,7 @@ var StatusBarOptionField = (props) => {
   );
 };
 var ICMinus = () => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -33561,7 +33283,7 @@ var ICMinus = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ jsx110(
+      children: /* @__PURE__ */ jsx109(
         "path",
         {
           d: "M4 8H12",
@@ -33575,7 +33297,7 @@ var ICMinus = () => {
   );
 };
 var ICCircle = () => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -33583,12 +33305,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",
@@ -33596,7 +33318,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",
@@ -33610,7 +33332,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,
@@ -33621,19 +33343,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",
@@ -33700,7 +33422,6 @@ export {
   RadioGroupField,
   RatingStarField,
   RemainingDaysField,
-  RenderFiles,
   Row,
   Search,
   SelectDropdownField,