@fctc/sme-widget-ui 1.9.4 → 1.9.6

package/dist/widgets.js

@@ -4979,7 +4979,6 @@ __export(widgets_exports, {
   RadioGroupField: () => RadioGroupField,
   RatingStarField: () => RatingStarField,
   RemainingDaysField: () => RemainingDaysField,
-  RenderFiles: () => RenderFiles,
   Row: () => Row,
   Search: () => Search,
   SelectDropdownField: () => SelectDropdownField,
@@ -7818,8 +7817,8 @@ var en_default = {
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
-  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and each file should be up to 10MB.",
-  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP, JSON formats are allowed, and total should be up to 50MB.",
+  file_accept_single: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and each file should be up to 10MB.",
+  file_accept_total: "Only JPEG, PNG, PDF, MP4, XLS, XLXS, ZIP formats are allowed, and total should be up to 50MB.",
   must_required: "is required",
   invalid_number: "Invalid number",
   active: "Active",
@@ -8262,22 +8261,6 @@ var convertFloatToTime = (floatValue) => {
   const formattedMinutes = String(minutes).padStart(2, "0");
   return `${formattedHours}:${formattedMinutes}`;
 };
-var isBase64Image = (str) => {
-  const base64Regex = /^data:image\/(png|jpeg|jpg|gif|webp);base64,/;
-  if (!base64Regex.test(str)) {
-    return false;
-  }
-  try {
-    const base64Data = str.split(",")[1];
-    return !!base64Data && atob(base64Data).length > 0;
-  } catch (error2) {
-    return false;
-  }
-};
-var checkIsImageLink = (url) => {
-  const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-  return imageExtensions.test(url) || isBase64Image(url);
-};
 var formatFileSize = (size4) => {
   if (size4 < 1024) return `${size4} B`;
   const i3 = Math.floor(Math.log(size4) / Math.log(1024));
@@ -9936,58 +9919,12 @@ var DeleteIconDanger = () => {
 
 // src/icons/image-icon.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var ImageIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      width: "38",
-      height: "38",
-      viewBox: "0 0 38 38",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { id: "image-a", width: "32", height: "35", x: "3", y: "1", rx: "3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-            "path",
-            {
-              id: "image-b",
-              d: "M4,19.1032723 C10.2068966,11.6847994 21.5862069,29.7010908 34,22.2826178 C34,27.7196562 34,31.605523 34,33.9402182 C34,34.6467394 33.6428571,35 32.9285714,35 L5.07142857,35 C4.35714286,35 4,34.6467394 4,33.9402182 C4,30.6431191 4,25.6974705 4,19.1032723 Z"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("polygon", { fill: "#1C8B96", points: "34 2 34 34 4 34" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("use", { fill: "#FFF", fillOpacity: ".93", xlinkHref: "#image-a" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-            "rect",
-            {
-              width: "30",
-              height: "33",
-              x: "4",
-              y: "2",
-              stroke: "#1C8B96",
-              strokeWidth: "2",
-              rx: "3"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("use", { fill: "#1C8B96", fillOpacity: ".516", xlinkHref: "#image-b" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-            "path",
-            {
-              stroke: "#1C8B96",
-              d: "M4.5,19.288684 C4.5,28.1705666 4.5,28.2098953 4.5,33.9402182 C4.5,34.3693663 4.63206932,34.5 5.07142857,34.5 L32.9285714,34.5 C33.3679307,34.5 33.5,34.3693663 33.5,33.9402182 C33.5,29.8349108 33.5,29.6695315 33.5,23.1393414 C28.409924,25.8483285 23.7681405,24.8893521 16.4444643,21.1379608 C11.4216372,18.5651287 11.0931764,18.4094718 9.43982941,17.9988583 C7.34020973,17.4774116 5.78906845,17.8335647 4.5,19.2887422 Z"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("circle", { cx: "25.5", cy: "11.5", r: "4.5", fill: "#1C8B96" })
-        ] })
-      ]
-    }
-  );
-};
 
-// src/widgets/advanced/table/table-group.tsx
+// src/icons/video-icon.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// src/widgets/advanced/table/table-group.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var TableGroup = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -10037,28 +9974,28 @@ var TableGroup = (props) => {
     setSelectedRowKeys
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       "tr",
       {
         draggable: true,
         className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative",
         onClick: onExpandChildGroup,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "td",
             {
               colSpan: colEmptyGroup.fromStart ?? 1,
               style: { display: "table-cell" },
               className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
-              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "div",
                 {
                   style: { paddingLeft: leftPadding },
                   className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                         TriangleIcon,
                         {
                           style: {
@@ -10067,15 +10004,15 @@ var TableGroup = (props) => {
                           className: `w-2 h-2  text-button_primary `
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                       "div",
                       {
                         onClick: (e3) => {
                           e3.stopPropagation();
                         },
-                        children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                           PaginationView,
                           {
                             className: "pagination-bar !bg-transparent absolute right-0 top-1/2 -translate-y-1/2",
@@ -10096,7 +10033,7 @@ var TableGroup = (props) => {
           columns?.map((col) => {
             if (col?.optional === "hide") return;
             if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
-              return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "td",
                 {
                   className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -10114,7 +10051,7 @@ var TableGroup = (props) => {
         ]
       }
     ),
-    isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       TableBodyRow,
       {
         columns: columnsGroup,
@@ -10144,7 +10081,7 @@ var TableGroup = (props) => {
 
 // src/widgets/advanced/table/table-row.tsx
 var import_react11 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var Row = (props) => {
   const {
     row,
@@ -10210,17 +10147,17 @@ var Row = (props) => {
       setIsAutoSelect(false);
     }
   }, [checkedAll]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tr",
     {
       "data-row-id": row?.id,
       className: `border-b border-[#e8e8e8] cursor-pointer`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-        isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+        isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "td",
           {
             className: `column w-max whitespace-nowrap  p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -10233,9 +10170,9 @@ var Row = (props) => {
         ),
         columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
           if (row?.display_type === "line_section" && col.key !== "display_name") {
-            return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", {});
+            return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", {});
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "td",
             {
               colSpan: 1,
@@ -10254,7 +10191,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "button",
           {
             type: "button",
@@ -10262,7 +10199,7 @@ var Row = (props) => {
             onClick: () => {
               onRemoveRow(indexRow);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DeleteIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DeleteIcon, {})
           }
         ) }) })
       ] })
@@ -10272,7 +10209,7 @@ var Row = (props) => {
 };
 
 // src/widgets/advanced/table/table-body.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var TableBodyRow = (props) => {
   const {
     rows,
@@ -10302,7 +10239,7 @@ var TableBodyRow = (props) => {
     isEditTable
   } = props;
   return rows && rows?.length > 0 && rows?.map((row, index4) => {
-    return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       TableGroup,
       {
         columns,
@@ -10327,7 +10264,7 @@ var TableBodyRow = (props) => {
         onClickRow
       },
       `record-group-${index4}`
-    ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Row,
       {
         row,
@@ -10355,7 +10292,7 @@ var TableBodyRow = (props) => {
 };
 var TableBody = (props) => {
   const [isAutoSelect, setIsAutoSelect] = (0, import_react12.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TableBodyRow,
     {
       ...props,
@@ -10616,7 +10553,7 @@ function useFileInfo(source, options2) {
 }
 
 // src/widgets/advanced/table/table-filter.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var TableFilter = ({ columns, onToggleColumnOptional }) => {
   const [openTableFilter, setOpenTableFilter] = (0, import_react15.useState)();
   const [filterPosition, setFilterPosition] = (0, import_react15.useState)(null);
@@ -10648,7 +10585,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       window.removeEventListener("resize", updatePosition);
     };
   }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       ref: filterRef,
@@ -10657,7 +10594,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
       },
       className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-white",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "button",
           {
             type: "button",
@@ -10665,7 +10602,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
             onClick: () => {
               setOpenTableFilter(!openTableFilter);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10674,42 +10611,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
                 viewBox: "0 0 16 16",
                 fill: "none",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M14.6665 4.83301H10.6665C10.3932 4.83301 10.1665 4.60634 10.1665 4.33301C10.1665 4.05967 10.3932 3.83301 10.6665 3.83301H14.6665C14.9398 3.83301 15.1665 4.05967 15.1665 4.33301C15.1665 4.60634 14.9398 4.83301 14.6665 4.83301Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M4.00016 4.83301H1.3335C1.06016 4.83301 0.833496 4.60634 0.833496 4.33301C0.833496 4.05967 1.06016 3.83301 1.3335 3.83301H4.00016C4.2735 3.83301 4.50016 4.05967 4.50016 4.33301C4.50016 4.60634 4.2735 4.83301 4.00016 4.83301Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M6.66683 7.16667C5.10683 7.16667 3.8335 5.89333 3.8335 4.33333C3.8335 2.77333 5.10683 1.5 6.66683 1.5C8.22683 1.5 9.50016 2.77333 9.50016 4.33333C9.50016 5.89333 8.22683 7.16667 6.66683 7.16667ZM6.66683 2.5C5.6535 2.5 4.8335 3.32 4.8335 4.33333C4.8335 5.34667 5.6535 6.16667 6.66683 6.16667C7.68016 6.16667 8.50016 5.34667 8.50016 4.33333C8.50016 3.32 7.68016 2.5 6.66683 2.5Z",
                       fill: "#1F1F1F"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M14.6667 12.167H12C11.7267 12.167 11.5 11.9403 11.5 11.667C11.5 11.3937 11.7267 11.167 12 11.167H14.6667C14.94 11.167 15.1667 11.3937 15.1667 11.667C15.1667 11.9403 14.94 12.167 14.6667 12.167Z",
                       fill: "black"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M5.3335 12.167H1.3335C1.06016 12.167 0.833496 11.9403 0.833496 11.667C0.833496 11.3937 1.06016 11.167 1.3335 11.167H5.3335C5.60683 11.167 5.8335 11.3937 5.8335 11.667C5.8335 11.9403 5.60683 12.167 5.3335 12.167Z",
                       fill: "black"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "path",
                     {
                       d: "M9.33333 14.4997C7.77333 14.4997 6.5 13.2263 6.5 11.6663C6.5 10.1063 7.77333 8.83301 9.33333 8.83301C10.8933 8.83301 12.1667 10.1063 12.1667 11.6663C12.1667 13.2263 10.8933 14.4997 9.33333 14.4997ZM9.33333 9.83301C8.32 9.83301 7.5 10.653 7.5 11.6663C7.5 12.6797 8.32 13.4997 9.33333 13.4997C10.3467 13.4997 11.1667 12.6797 11.1667 11.6663C11.1667 10.653 10.3467 9.83301 9.33333 9.83301Z",
@@ -10722,7 +10659,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
           }
         ),
         filterPosition && openTableFilter && (0, import_react_dom.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "div",
             {
               ref: filterPopupRef,
@@ -10733,8 +10670,8 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
               },
               className: "absolute z-[9999] flex w-[250px] h-auto max-h-[800%] overflow-auto flex-col gap-[16px] rounded-[8px] bg-[#fff] px-[24px] py-[16px] shadow-md",
               children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "input",
                     {
                       type: "checkbox",
@@ -10744,7 +10681,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
                       className: "cursor-pointer"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     "label",
                     {
                       htmlFor: `${item.name}`,
@@ -10764,14 +10701,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
 };
 
 // src/widgets/advanced/table/table-footer.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var TableFooter = ({ onAddRow, rows }) => {
   const emptyData = rows?.length <= 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "td",
     {
       className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
         "button",
         {
           type: "button",
@@ -10781,7 +10718,7 @@ var TableFooter = ({ onAddRow, rows }) => {
           },
           className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
               "svg",
               {
                 style: {
@@ -10794,14 +10731,14 @@ var TableFooter = ({ onAddRow, rows }) => {
                 viewBox: "0 0 20 20",
                 fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "path",
                     {
                       className: `${!emptyData ? "fill-primary" : "fill-white"} `,
                       d: "M15 10.625H5C4.65833 10.625 4.375 10.3417 4.375 10C4.375 9.65833 4.65833 9.375 5 9.375H15C15.3417 9.375 15.625 9.65833 15.625 10C15.625 10.3417 15.3417 10.625 15 10.625Z"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "path",
                     {
                       className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -12621,8 +12558,7 @@ var M = import_react16.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
 });
 
 // src/widgets/advanced/table/table-head.tsx
-var import_react_dom2 = require("react-dom");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var TableHead = (props) => {
   const {
     handleCheckBoxAll,
@@ -12632,7 +12568,7 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "tr",
     {
       style: {
@@ -12644,11 +12580,11 @@ var TableHead = (props) => {
       },
       className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
-        isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "th",
           {
             className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -12660,36 +12596,32 @@ var TableHead = (props) => {
           }
         ),
         columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "th",
             {
-              "data-rtc-resizable": col?.name,
               className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
                 col.title,
-                col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-                  (0, import_react_dom2.createPortal)(
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                      M,
-                      {
-                        style: {
-                          padding: "6px 12px",
-                          fontSize: "12px",
-                          borderRadius: "4px",
-                          maxWidth: "200px",
-                          whiteSpace: "wrap",
-                          fontWeight: 400,
-                          textTransform: "none",
-                          zIndex: "9999"
-                        },
-                        id: `field-help-${col?.field?.name}`,
-                        content: col?.field?.help,
-                        place: "top"
-                      }
-                    ),
-                    document.body
+                col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                    M,
+                    {
+                      style: {
+                        padding: "6px 12px",
+                        fontSize: "12px",
+                        borderRadius: "4px",
+                        maxWidth: "200%",
+                        whiteSpace: "wrap",
+                        fontWeight: 400,
+                        textTransform: "none"
+                      },
+                      id: `field-help-${col?.field?.name}`,
+                      content: col?.field?.help,
+                      place: "top",
+                      className: "z-30"
+                    }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     "span",
                     {
                       style: {
@@ -12708,8 +12640,8 @@ var TableHead = (props) => {
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className: "relative p-2 w-[35px]" }),
-        columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { className: "relative p-2 w-[35px]" }),
+        columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "th",
           {
             style: {
@@ -12717,7 +12649,7 @@ var TableHead = (props) => {
               right: 0
             },
             className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               TableFilter,
               {
                 columns,
@@ -12732,9 +12664,9 @@ var TableHead = (props) => {
 };
 
 // src/icons/empty-table-icon.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var IcEmptyTable = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -12743,9 +12675,9 @@ var IcEmptyTable = () => {
       viewBox: "0 0 216 140",
       fill: "none",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M64.5 0V140",
@@ -12755,7 +12687,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M151.5 0V140",
@@ -12765,7 +12697,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M215.5 24H0.5",
@@ -12775,7 +12707,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M215.5 50H0.5",
@@ -12785,7 +12717,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M215.5 88H0.5",
@@ -12795,7 +12727,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M215.5 114H0.5",
@@ -12805,7 +12737,7 @@ var IcEmptyTable = () => {
               strokeDasharray: "3 3"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M199.5 0V140",
@@ -12814,7 +12746,7 @@ var IcEmptyTable = () => {
               strokeMiterlimit: "10"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M16.5 0V140",
@@ -12823,7 +12755,7 @@ var IcEmptyTable = () => {
               strokeMiterlimit: "10"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M0.5 16H215.5",
@@ -12832,7 +12764,7 @@ var IcEmptyTable = () => {
               strokeMiterlimit: "10"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M0.5 124H215.5",
@@ -12841,7 +12773,7 @@ var IcEmptyTable = () => {
               strokeMiterlimit: "10"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12852,7 +12784,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12863,7 +12795,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12874,7 +12806,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12885,7 +12817,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12896,14 +12828,14 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M132.285 26.7744C132.222 26.6683 132.14 26.5872 132.042 26.5334L129.519 25.0772C129.429 25.0276 129.325 25.0013 129.211 25C128.942 24.9971 128.588 25.201 127.882 25.6087L86.5178 49.4905C85.8115 49.8983 85.4583 50.1021 85.1886 50.4166C84.9513 50.6932 84.7584 51.0274 84.6375 51.3712C84.5 51.762 84.5 52.1698 84.5 52.9854V110.942C84.5 111.758 84.5 112.166 84.6375 112.398C84.7003 112.504 84.7827 112.585 84.8806 112.639L87.4028 114.095C87.4932 114.145 87.5969 114.171 87.7108 114.172C87.9806 114.175 88.3337 113.971 89.04 113.563L130.404 89.6817C131.111 89.2739 131.464 89.07 131.734 88.7556C131.971 88.479 132.164 88.1448 132.285 87.801C132.422 87.4102 132.422 87.0023 132.422 86.1868V28.2298C132.422 27.4143 132.422 27.0066 132.285 26.7744Z",
               fill: "white"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M85 50.5007L87.7503 52.132M132.081 26.7061C131.991 26.6565 131.887 26.6302 131.773 26.6289C131.503 26.6259 131.15 26.8298 130.444 27.2376L87.7502 52.0455L87.7503 114.001",
@@ -12913,7 +12845,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M132.285 26.7744C132.222 26.6683 132.14 26.5872 132.042 26.5334L129.519 25.0772C129.429 25.0276 129.325 25.0013 129.211 25C128.942 24.9971 128.588 25.201 127.882 25.6087L86.5178 49.4905C85.8115 49.8983 85.4583 50.1021 85.1886 50.4166C84.9513 50.6932 84.7584 51.0274 84.6375 51.3712C84.5 51.762 84.5 52.1698 84.5 52.9854V110.942C84.5 111.758 84.5 112.166 84.6375 112.398C84.7003 112.504 84.7827 112.585 84.8806 112.639L87.4028 114.095C87.4932 114.145 87.5969 114.171 87.7108 114.172C87.9806 114.175 88.3337 113.971 89.04 113.563L130.404 89.6817C131.111 89.2739 131.464 89.07 131.734 88.7556C131.971 88.479 132.164 88.1448 132.285 87.801C132.422 87.4102 132.422 87.0023 132.422 86.1868V28.2298C132.422 27.4143 132.422 27.0066 132.285 26.7744Z",
@@ -12922,7 +12854,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12933,7 +12865,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12944,7 +12876,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12955,7 +12887,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12966,7 +12898,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12977,7 +12909,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12988,7 +12920,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -12999,7 +12931,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -13010,7 +12942,7 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.6",
@@ -13021,14 +12953,14 @@ var IcEmptyTable = () => {
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M114.191 31.968C113.467 32.3862 112.814 32.4107 112.354 32.1116C111.929 31.8356 111.669 31.2839 111.669 30.5118C111.669 29.4663 111.287 28.7441 110.676 28.433C110.112 28.1458 109.352 28.209 108.516 28.6915C106.775 29.6968 105.363 32.1417 105.363 34.1523C105.363 35.7608 104.234 37.7167 102.841 38.5209L99.6884 40.3412C97.5989 41.5475 95.905 44.4814 95.905 46.8941C95.905 47.0871 95.9701 47.225 96.0762 47.294L96.1036 47.3098C96.0942 47.3051 96.0851 47.2998 96.0762 47.294L93.5814 45.8536C93.4591 45.7914 93.3828 45.647 93.3828 45.4379C93.3828 43.0252 95.0767 40.0913 97.1661 38.885L100.319 37.0647C101.712 36.2605 102.841 34.3046 102.841 32.6961C102.841 30.6855 104.253 28.2406 105.994 27.2353C106.83 26.7528 107.59 26.6896 108.154 26.9768L110.676 28.433C111.287 28.7441 111.669 29.4663 111.669 30.5118L114.822 28.6915C115.825 28.1125 116.736 28.0367 117.413 28.3813L119.936 29.8374C119.259 29.4928 118.347 29.5687 117.344 30.1477L114.191 31.968Z",
               fill: "white"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               "fill-rule": "evenodd",
@@ -13037,7 +12969,7 @@ var IcEmptyTable = () => {
               fill: "white"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M112.328 31.8616C112.788 32.1606 113.441 32.1362 114.165 31.718M114.165 31.718L117.318 29.8977M114.165 31.718C112.772 32.5222 111.643 31.8702 111.643 30.2617M117.318 29.8977C118.321 29.3186 119.233 29.2429 119.91 29.5874L117.387 28.1312C116.71 27.7867 115.799 27.8624 114.796 28.4415L111.643 30.2617M117.318 29.8977C119.407 28.6913 121.101 29.6693 121.101 32.082C121.101 32.4841 120.819 32.9731 120.471 33.1741L96.5097 47.0081C96.1614 47.2091 95.8791 47.0462 95.8791 46.644M111.643 30.2617C111.643 28.2512 110.231 27.4362 108.49 28.4415M95.8791 46.644C95.8791 46.8532 95.9554 46.9976 96.0777 47.0598L93.5555 45.6036C93.4332 45.5414 93.3569 45.397 93.3569 45.1878C93.3569 42.7751 95.0507 39.8413 97.1402 38.6349L100.293 36.8147C101.686 36.0104 102.815 34.0545 102.815 32.4461C102.815 30.4355 104.227 27.9906 105.968 26.9853C106.804 26.5027 107.563 26.4396 108.128 26.7267L110.65 28.183C110.086 27.8958 109.326 27.959 108.49 28.4415M95.8791 46.644C95.8791 44.2313 97.573 41.2975 99.6624 40.0911L102.815 38.2709C104.208 37.4666 105.337 35.5107 105.337 33.9023C105.337 31.8917 106.749 29.4468 108.49 28.4415M109.751 31.3539C109.751 32.1581 109.186 33.1361 108.49 33.5382C107.794 33.9403 107.229 33.6143 107.229 32.8101C107.229 32.0059 107.794 31.0279 108.49 30.6258C109.186 30.2237 109.751 30.5497 109.751 31.3539Z",
@@ -13048,7 +12980,7 @@ var IcEmptyTable = () => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "clip0_2454_28950", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("clipPath", { id: "clip0_2454_28950", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "rect",
           {
             width: "215",
@@ -13063,14 +12995,14 @@ var IcEmptyTable = () => {
 };
 
 // src/widgets/advanced/table/empty-table.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var EmptyTable = () => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IcEmptyTable, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IcEmptyTable, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
     ] })
   ] });
 };
@@ -14889,10 +14821,10 @@ function s3(o3, s4, t3) {
 
 // src/widgets/advanced/login/shared/button.tsx
 var React2 = __toESM(require("react"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Button = React2.forwardRef(
   ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "button",
       {
         className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium 
@@ -14902,7 +14834,7 @@ var Button = React2.forwardRef(
         ref,
         type,
         ...props,
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
       }
     );
   }
@@ -14911,7 +14843,7 @@ Button.displayName = "Button";
 
 // src/widgets/advanced/login/shared/text-input.tsx
 var import_react18 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function TextInput(props) {
   const {
     className,
@@ -14925,17 +14857,17 @@ function TextInput(props) {
     required
   } = props;
   const [showPassword, setShowPassword] = (0, import_react18.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
+      required ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
       {
         className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "input",
             {
               className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -14944,18 +14876,18 @@ function TextInput(props) {
               ...register(name2)
             }
           ),
-          type === "password" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          type === "password" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "span",
             {
               onClick: () => setShowPassword(!showPassword),
               className: "focus:outline-none",
-              children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeIcon, {})
+              children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EyeIcon, {})
             }
           )
         ]
       }
     ),
-    errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "p",
       {
         className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -14967,7 +14899,7 @@ function TextInput(props) {
 
 // src/widgets/advanced/login/provider/credential/form-options/index.tsx
 var import_react19 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
   forgotPasswordUrl,
@@ -14993,9 +14925,9 @@ function FormOptions({
   (0, import_react19.useEffect)(() => {
     localStorage.setItem(STAY_LOGIN_IN, "false");
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: "flex gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("label", { className: "flex gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "input",
         {
           checked: stayLoginIn,
@@ -15004,9 +14936,9 @@ function FormOptions({
           onChange: handleCheckboxChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
     ] }),
-    !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
+    !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
   ] });
 }
 
@@ -15022,7 +14954,7 @@ var loginSchema = import_zod.default.object({
 });
 
 // src/widgets/advanced/login/provider/credential/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var CredentialLogin = (props) => {
   const {
     shouldRenderDivider,
@@ -15042,16 +14974,16 @@ var CredentialLogin = (props) => {
     mode: "onChange",
     resolver: s3(loginSchema)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "form",
       {
         onSubmit: handleSubmit(onSubmit ?? (() => {
         })),
         className: `flex w-full h-fit flex-col gap-10`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               TextInput,
               {
                 inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15064,7 +14996,7 @@ var CredentialLogin = (props) => {
                 errors
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               TextInput,
               {
                 inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15077,7 +15009,7 @@ var CredentialLogin = (props) => {
                 errors
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               FormOptions,
               {
                 forgotPasswordUrl,
@@ -15087,7 +15019,7 @@ var CredentialLogin = (props) => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             Button,
             {
               type: "submit",
@@ -15099,56 +15031,56 @@ var CredentialLogin = (props) => {
         ]
       }
     ),
-    shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-center relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
+    shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex justify-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
     ] })
   ] });
 };
 
 // src/widgets/advanced/login/provider/google/google-btn/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function GoogleButton(props) {
   const { onLoginGoogle, db } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "button",
     {
       className: "google-wrapper w-full active:scale-[0.97] cursor-pointer hover:bg-gray-100 scale-100 transition-all gap-2 p-4 border border-[#e5e7eb] rounded-[10px] flex items-center justify-center bg-white",
       onClick: () => onLoginGoogle?.(db),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GoogleIcon, { className: "google-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GoogleIcon, { className: "google-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
       ]
     }
   );
 }
 
 // src/widgets/advanced/login/provider/google/redirect/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function SocialRedirect(props) {
   const { db, onLoginSocial } = props;
   onLoginSocial && onLoginSocial(String(db));
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
 }
 
 // src/widgets/advanced/login/provider/google/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GoogleButton, { db, onLoginGoogle }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SocialRedirect, { db, onLoginSocial })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GoogleButton, { db, onLoginGoogle }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SocialRedirect, { db, onLoginSocial })
   ] });
 };
 
 // src/widgets/advanced/login/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var LoginProviderMapping = {
   google: GoogleLogin
 };
 var Login = (props) => {
   const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "w-full space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       CredentialLogin,
       {
         ...props,
@@ -15158,7 +15090,7 @@ var Login = (props) => {
     ),
     providers.map((provider, index4) => {
       const ProviderComp = LoginProviderMapping[provider];
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         ProviderComp,
         {
           db,
@@ -15172,7 +15104,7 @@ var Login = (props) => {
 };
 
 // src/widgets/advanced/search/popup-filter/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var PopupFilter = ({
   handleAddTagSearch,
   removeSearchItems,
@@ -15183,7 +15115,7 @@ var PopupFilter = ({
   fields
 }) => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       style: {
@@ -15193,25 +15125,25 @@ var PopupFilter = ({
         zIndex: 33
       },
       className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
           children: [
-            filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "filter-by w-full px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
+            filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
               ] }),
               filterBy?.reduce((acc, item, index4, array) => {
                 const prevItem = array[index4 - 1];
                 const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
                 const isExist = item?.active;
                 if (isDifferentGroup) {
-                  acc.push(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("hr", { className: "my-2" }, "separator-" + index4));
+                  acc.push(/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("hr", { className: "my-2" }, "separator-" + index4));
                 }
                 acc.push(
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "button",
                     {
                       className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
@@ -15236,8 +15168,8 @@ var PopupFilter = ({
                         });
                       },
                       children: [
-                        isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
+                        isExist && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
                       ]
                     },
                     "filter-" + index4
@@ -15246,16 +15178,16 @@ var PopupFilter = ({
                 return acc;
               }, [])
             ] }),
-            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-            groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "group-by w-full px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
               ] }),
               groupBy?.map((item, index4) => {
                 const isExist = item?.active;
                 if (!item.string) return;
-                return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                   "button",
                   {
                     onClick: () => {
@@ -15279,8 +15211,8 @@ var PopupFilter = ({
                     },
                     className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
                     children: [
-                      isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string })
+                      isExist && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm", children: item?.string })
                     ]
                   },
                   "groupby-" + index4 + 1
@@ -15299,7 +15231,7 @@ var import_react21 = require("react");
 
 // src/widgets/advanced/search/tag-search/index.tsx
 var import_react20 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var TagSearch = ({
   removeSearchItems,
   selectedTags,
@@ -15310,23 +15242,23 @@ var TagSearch = ({
   return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
     if (tag?.values?.length > 0) {
       if (tag?.type !== "group_by") {
-        return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
           "div",
           {
             className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.type === SearchType.SEARCH ? tag?.title : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FilterIcon, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react20.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: value }),
-                  idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.type === SearchType.SEARCH ? tag?.title : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FilterIcon, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react20.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: value }),
+                  idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                     " ",
                     instance.t("or"),
                     " "
                   ] })
                 ] }, idx);
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 "button",
                 {
                   className: "px-2 text-sm font-bold",
@@ -15343,7 +15275,7 @@ var TagSearch = ({
                       );
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
                 }
               )
             ]
@@ -15351,26 +15283,26 @@ var TagSearch = ({
           "selected-tag-" + index4
         );
       } else if (tag?.type === "group_by") {
-        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "div",
           {
             className: "flex min-h-full overflow-hidden",
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
-              (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
+              (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
                 "div",
                 {
                   className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(GroupByIcon, {}) }),
-                    value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: string }),
-                      idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(GroupByIcon, {}) }),
+                    value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: string }),
+                      idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
                         " ",
                         "> ",
                         " "
                       ] })
                     ] })),
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                       "button",
                       {
                         className: "pr-2 text-sm font-bold",
@@ -15385,7 +15317,7 @@ var TagSearch = ({
                             );
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
                       }
                     )
                   ]
@@ -15402,7 +15334,7 @@ var TagSearch = ({
 };
 
 // src/widgets/advanced/search/search-list/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var SearchList = ({
   handleAddTagSearch,
   handleMouseEnter,
@@ -15412,7 +15344,7 @@ var SearchList = ({
   hoveredIndexSearchList
 }) => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       style: {
@@ -15424,7 +15356,7 @@ var SearchList = ({
           if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
             return;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "button",
           {
             onClick: () => {
@@ -15446,12 +15378,12 @@ var SearchList = ({
             children: [
               t3("search"),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-bold", children: searchItem?.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-bold", children: searchItem?.title }),
               " ",
               t3("for"),
               ":",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "span",
                 {
                   style: {
@@ -15471,7 +15403,7 @@ var SearchList = ({
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Search = ({
   removeSearchItems,
   selectedTags,
@@ -15588,15 +15520,15 @@ var Search = ({
     setDidInit(true);
     setIsReadyFormatDomain(true);
   }, [aid, filterBy, fieldsList]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       ref: popupFilterRef,
       className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SearchIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SearchIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             TagSearch,
             {
               removeSearchItems,
@@ -15606,7 +15538,7 @@ var Search = ({
               setGroupBy
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "input",
             {
               value: searchString,
@@ -15619,7 +15551,7 @@ var Search = ({
               onKeyUp: (e3) => e3.preventDefault()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             SearchList,
             {
               handleAddTagSearch,
@@ -15628,8 +15560,8 @@ var Search = ({
             }
           )
         ] }),
-        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
             "div",
             {
               className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -15638,8 +15570,8 @@ var Search = ({
                 setShowPopupFilter((prev2) => !prev2);
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   ChevronBottomIcon,
                   {
                     className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -15648,7 +15580,7 @@ var Search = ({
               ]
             }
           ),
-          showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             PopupFilter,
             {
               handleAddTagSearch,
@@ -15667,30 +15599,30 @@ var Search = ({
 };
 
 // src/widgets/basic/active-badge-field/active-badge.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ActiveBadgeField = (props) => {
   const { t: t3 } = useI18n();
   const {
     type,
     className
   } = props;
-  if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, {});
+  if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, {});
   const typeStyle = type ? "text-green-500" : "text-red-500";
   const text = type ? t3("active") : t3("in_active");
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
 };
 
 // src/widgets/common/modal-layer.tsx
 var import_react22 = require("react");
 var import_react23 = require("@headlessui/react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ModalLayer = ({
   isOpen,
   onClose,
   title,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     import_react23.Transition,
     {
       show: isOpen,
@@ -15701,22 +15633,22 @@ var ModalLayer = ({
       leaveFrom: "transform scale-100 opacity-100",
       leaveTo: "transform scale-95 opacity-0",
       as: import_react22.Fragment,
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react23.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react23.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react23.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react23.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
             "div",
             {
               className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
               children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                title && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                   "button",
                   {
                     onClick: onClose,
                     "aria-label": "Close",
                     className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CloseIcon, {})
                   }
                 )
               ]
@@ -15730,7 +15662,7 @@ var ModalLayer = ({
 };
 
 // src/widgets/common/modal-confirm.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var ModalConfirm = ({
   name: name2,
   isShowModal,
@@ -15744,7 +15676,7 @@ var ModalConfirm = ({
   const renderButtonAction = (name3) => {
     switch (name3) {
       case "duplicate":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "button",
           {
             type: "button",
@@ -15752,13 +15684,13 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoadingIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
             ]
           }
         );
       case "archive":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "button",
           {
             type: "button",
@@ -15766,13 +15698,13 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoadingIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
             ]
           }
         );
       case "unarchive":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "button",
           {
             type: "button",
@@ -15780,13 +15712,13 @@ var ModalConfirm = ({
             className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoadingIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
             ]
           }
         );
       case "delete":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
           "button",
           {
             type: "button",
@@ -15794,8 +15726,8 @@ var ModalConfirm = ({
             className: "button-primary flex-1 flex items-center justify-center gap-2",
             disabled: isLoading,
             children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoadingIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
             ]
           }
         );
@@ -15803,13 +15735,13 @@ var ModalConfirm = ({
         break;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "text-[18px] font-bold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-[16px]", children: content })
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "text-[18px] font-bold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-[16px]", children: content })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         "button",
         {
           type: "button",
@@ -15825,8 +15757,8 @@ var ModalConfirm = ({
 
 // src/widgets/common/modal-detail.tsx
 var import_react24 = require("react");
-var import_react_dom3 = require("react-dom");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var ModalDetail = ({
   idToolTip,
   title,
@@ -15848,19 +15780,19 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
             "div",
             {
               id: "modal-detail",
               className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
               children: [
                 t3("detail_button"),
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   "button",
                   {
                     onClick: handleNavigateDetail,
@@ -15871,9 +15803,9 @@ var ModalDetail = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CloseIcon, { className: "h-5 w-5" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CloseIcon, { className: "h-5 w-5" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
           id: idForm,
           aid,
           model,
@@ -15888,7 +15820,7 @@ var ModalDetail = ({
 
 // src/widgets/common/loading-normal.tsx
 var import_react25 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var LayerLoading = () => {
   const { t: t3 } = useI18n();
   const [activeIndex, setActiveIndex] = (0, import_react25.useState)(0);
@@ -15898,21 +15830,21 @@ var LayerLoading = () => {
     }, 200);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "div",
       {
         className: `loading-item ${index4 === activeIndex ? "active" : ""}`
       },
       index4
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
   ] }) }) });
 };
 
 // src/widgets/common/loading-small.tsx
 var import_react26 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var LoadingSmall = () => {
   const [activeIndex, setActiveIndex] = (0, import_react26.useState)(0);
   (0, import_react26.useEffect)(() => {
@@ -15921,7 +15853,7 @@ var LoadingSmall = () => {
     }, 200);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -15930,261 +15862,12 @@ var LoadingSmall = () => {
   )) }) }) }) });
 };
 
-// src/widgets/common/video-player.tsx
-var import_react27 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var VideoPlayer = ({ src }) => {
-  const [isPlaying, setIsPlaying] = (0, import_react27.useState)(false);
-  const videoRef = (0, import_react27.useRef)(null);
-  const handlePlayPause = () => {
-    if (videoRef.current) {
-      if (isPlaying) {
-        videoRef.current.pause();
-      } else {
-        videoRef.current.play();
-      }
-      setIsPlaying(!isPlaying);
-    }
-  };
-  const handleFullScreen = () => {
-    if (videoRef.current) {
-      if (videoRef.current.requestFullscreen) {
-        videoRef.current.requestFullscreen();
-      } else if (videoRef.current.webkitRequestFullscreen) {
-        ;
-        videoRef.current.webkitRequestFullscreen();
-      } else if (videoRef.current.msRequestFullscreen) {
-        ;
-        videoRef.current.msRequestFullscreen();
-      }
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("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__ */ (0, import_jsx_runtime68.jsx)(
-      "video",
-      {
-        ref: videoRef,
-        src,
-        className: "w-full rounded-lg",
-        onClick: handlePlayPause,
-        width: 300,
-        height: 300,
-        children: "Your browser does not support the video tag."
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlayIcon, {}) }) })
-  ] });
-};
-
-// src/widgets/common/render-files.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var ImageItem = ({
-  filename,
-  checksum,
-  index: index4,
-  src = null,
-  useGetImage,
-  size: size4,
-  id,
-  envFile,
-  accessToken
-}) => {
-  const { data: image } = useGetImage({
-    data: { filename, checksum },
-    queryKey: [`get-image-${""}`],
-    src
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group group/file", children: image || src ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-    "img",
-    {
-      src: image || src,
-      alt: filename,
-      className: "w-32 h-32 object-cover rounded-md cursor-pointer"
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-    "div",
-    {
-      onClick: (e3) => {
-        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",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
-          size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
-        ] })
-      ]
-    }
-  ) }, index4);
-};
-var FileItem = (props) => {
-  const {
-    filename,
-    index: index4,
-    handleRemoveFile,
-    handleFileDownload,
-    src,
-    mimetype,
-    size: size4,
-    useGetImage,
-    id,
-    envFile,
-    accessToken
-  } = props;
-  const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {})
-  };
-  const renderFile = () => {
-    if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageItem, { ...props, useGetImage });
-    } else if (mimetype?.includes("video")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VideoPlayer, { ...props });
-    } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-        "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",
-          children: [
-            fileTypeIcon[mimetype],
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
-              size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
-            ] })
-          ]
-        }
-      );
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-    "div",
-    {
-      className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit",
-      children: [
-        renderFile(),
-        handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-          "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__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
-          }
-        ),
-        !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-          "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__ */ (0, import_jsx_runtime69.jsx)(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,
-  useGetImage,
-  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__ */ (0, import_jsx_runtime69.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-      FileItem,
-      {
-        ...file,
-        src: file?.datas,
-        filename: file?.display_name ?? file?.name ?? file?.filename,
-        id: file?.id,
-        index: index4,
-        handleRemoveFile: setSelectedFiles && handleRemoveFile,
-        handleFileDownload,
-        useGetImage,
-        envFile,
-        accessToken
-      }
-    ) }, file?.id ?? index4);
-  }) });
-};
-
 // node_modules/react-toastify/dist/index.mjs
-var import_react28 = require("react");
-var import_react29 = __toESM(require("react"), 1);
-var import_react30 = require("react");
+var import_react27 = require("react");
+var import_react28 = __toESM(require("react"), 1);
+var import_react29 = require("react");
+var import_react30 = __toESM(require("react"), 1);
 var import_react31 = __toESM(require("react"), 1);
-var import_react32 = __toESM(require("react"), 1);
 
 // node_modules/clsx/dist/clsx.mjs
 function r3(e3) {
@@ -16202,12 +15885,12 @@ function clsx() {
 }
 
 // node_modules/react-toastify/dist/index.mjs
-var import_react33 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
+var import_react33 = require("react");
 var import_react34 = require("react");
 var import_react35 = require("react");
-var import_react36 = require("react");
+var import_react36 = __toESM(require("react"), 1);
 var import_react37 = __toESM(require("react"), 1);
-var import_react38 = __toESM(require("react"), 1);
 function Mt(t3) {
   if (!t3 || typeof document == "undefined") return;
   let o3 = document.head || document.getElementsByTagName("head")[0], e3 = document.createElement("style");
@@ -16219,7 +15902,7 @@ var L2 = (t3) => typeof t3 == "number" && !isNaN(t3);
 var N2 = (t3) => typeof t3 == "string";
 var P = (t3) => typeof t3 == "function";
 var mt = (t3) => N2(t3) || L2(t3);
-var z3 = (t3) => (0, import_react28.isValidElement)(t3) || N2(t3) || P(t3) || L2(t3);
+var z3 = (t3) => (0, import_react27.isValidElement)(t3) || N2(t3) || P(t3) || L2(t3);
 function Z(t3, o3, e3 = 300) {
   let { scrollHeight: r4, style: s4 } = t3;
   requestAnimationFrame(() => {
@@ -16230,22 +15913,22 @@ function Z(t3, o3, e3 = 300) {
 }
 function $2({ enter: t3, exit: o3, appendPosition: e3 = false, collapse: r4 = true, collapseDuration: s4 = 300 }) {
   return function({ children: a2, position: d, preventExitTransition: c2, done: T2, nodeRef: g, isIn: v, playToast: x2 }) {
-    let C2 = e3 ? `${t3}--${d}` : t3, S2 = e3 ? `${o3}--${d}` : o3, E2 = (0, import_react29.useRef)(0);
-    return (0, import_react29.useLayoutEffect)(() => {
+    let C2 = e3 ? `${t3}--${d}` : t3, S2 = e3 ? `${o3}--${d}` : o3, E2 = (0, import_react28.useRef)(0);
+    return (0, import_react28.useLayoutEffect)(() => {
       let f = g.current, p = C2.split(" "), b2 = (n4) => {
         n4.target === g.current && (x2(), f.removeEventListener("animationend", b2), f.removeEventListener("animationcancel", b2), E2.current === 0 && n4.type !== "animationcancel" && f.classList.remove(...p));
       };
       (() => {
         f.classList.add(...p), f.addEventListener("animationend", b2), f.addEventListener("animationcancel", b2);
       })();
-    }, []), (0, import_react29.useEffect)(() => {
+    }, []), (0, import_react28.useEffect)(() => {
       let f = g.current, p = () => {
         f.removeEventListener("animationend", p), r4 ? Z(f, T2, s4) : T2();
       };
       v || (c2 ? p() : (() => {
         E2.current = 1, f.className += ` ${S2}`, f.addEventListener("animationend", p);
       })());
-    }, [v]), import_react29.default.createElement(import_react29.default.Fragment, null, a2);
+    }, [v]), import_react28.default.createElement(import_react28.default.Fragment, null, a2);
   };
 }
 var Xt = 1;
@@ -16365,7 +16048,7 @@ var po = $2(K("zoom"));
 var uo = $2(K("flip"));
 
 // src/widgets/common/select-files.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -16378,7 +16061,8 @@ var ButtonSelectFiles = ({
   useUploadFile,
   env,
   service,
-  user
+  user,
+  isText
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16389,8 +16073,7 @@ var ButtonSelectFiles = ({
     "application/zip",
     "application/x-zip-compressed",
     "application/vnd.ms-excel",
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    "application/json"
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
@@ -16469,8 +16152,8 @@ var ButtonSelectFiles = ({
       await handleUpload(formData, serivce, xNode);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-    isPending ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    isPending ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "button",
       {
         type: "button",
@@ -16478,12 +16161,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__ */ (0, import_jsx_runtime70.jsx)(AttachIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: t3("upload_file_placeholder") })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AttachIcon, {}),
+          isText && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: t3("upload_file_placeholder") })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "input",
       {
         type: "file",
@@ -16491,12 +16174,59 @@ var ButtonSelectFiles = ({
         style: { display: "none" },
         onChange: handleOnChange,
         multiple: true,
-        accept: ".jpeg,.jpg,.png,.pdf,.json,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+        accept: ".jpeg,.jpg,.png,.pdf,.mp4,.zip,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
       }
     )
   ] });
 };
 
+// src/widgets/common/video-player.tsx
+var import_react38 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var VideoPlayer = ({ src }) => {
+  const [isPlaying, setIsPlaying] = (0, import_react38.useState)(false);
+  const videoRef = (0, import_react38.useRef)(null);
+  const handlePlayPause = () => {
+    if (videoRef.current) {
+      if (isPlaying) {
+        videoRef.current.pause();
+      } else {
+        videoRef.current.play();
+      }
+      setIsPlaying(!isPlaying);
+    }
+  };
+  const handleFullScreen = () => {
+    if (videoRef.current) {
+      if (videoRef.current.requestFullscreen) {
+        videoRef.current.requestFullscreen();
+      } else if (videoRef.current.webkitRequestFullscreen) {
+        ;
+        videoRef.current.webkitRequestFullscreen();
+      } else if (videoRef.current.msRequestFullscreen) {
+        ;
+        videoRef.current.msRequestFullscreen();
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("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__ */ (0, import_jsx_runtime70.jsx)(
+      "video",
+      {
+        ref: videoRef,
+        src,
+        className: "w-full rounded-lg",
+        onClick: handlePlayPause,
+        width: 300,
+        height: 300,
+        children: "Your browser does not support the video tag."
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("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__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PlayIcon, {}) }) })
+  ] });
+};
+
 // src/widgets/basic/avatar-field/avatar.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var AvatarField = (props) => {
@@ -21790,7 +21520,7 @@ function useFloating2(options2) {
 }
 
 // node_modules/react-datepicker/dist/index.es.js
-var import_react_dom6 = __toESM(require("react-dom"));
+var import_react_dom5 = __toESM(require("react-dom"));
 var _extendStatics = function extendStatics(d, b2) {
   _extendStatics = Object.setPrototypeOf || {
     __proto__: []
@@ -25033,7 +24763,7 @@ var Portal = (
       }
     };
     Portal2.prototype.render = function() {
-      return import_react_dom6.default.createPortal(this.props.children, this.el);
+      return import_react_dom5.default.createPortal(this.props.children, this.el);
     };
     return Portal2;
   }(import_react44.Component)
@@ -27601,7 +27331,7 @@ function _taggedTemplateLiteral(e3, t3) {
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 var import_react50 = require("react");
-var import_react_dom7 = require("react-dom");
+var import_react_dom6 = require("react-dom");
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var import_react48 = require("react");
@@ -28104,7 +27834,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ (0, import_react_dom7.createPortal)(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -30997,7 +30727,7 @@ var import_toConsumableArray2 = __toESM(require_toConsumableArray());
 var import_typeof5 = __toESM(require_typeof());
 var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
 var import_defineProperty3 = __toESM(require_defineProperty());
-var import_react_dom8 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React14.createElement(Select, _extends({
@@ -32944,7 +32674,7 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-var import_react_dom9 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var import_react65 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
@@ -33019,7 +32749,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return (0, import_react_dom9.createPortal)(
+  return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {
@@ -33755,7 +33485,6 @@ var DateOptionField = (props) => {
   RadioGroupField,
   RatingStarField,
   RemainingDaysField,
-  RenderFiles,
   Row,
   Search,
   SelectDropdownField,