@fctc/sme-widget-ui 1.9.1 → 1.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/icons.d.mts +3 -1
  2. package/dist/icons.d.ts +3 -1
  3. package/dist/icons.js +54 -0
  4. package/dist/icons.mjs +53 -0
  5. package/dist/index.d.mts +1 -1
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.js +794 -681
  8. package/dist/index.mjs +790 -678
  9. package/dist/widgets.d.mts +7 -1
  10. package/dist/widgets.d.ts +7 -1
  11. package/dist/widgets.js +778 -667
  12. package/dist/widgets.mjs +775 -664
  13. package/package.json +1 -1
package/dist/widgets.js CHANGED
@@ -9934,8 +9934,60 @@ var DeleteIconDanger = () => {
9934
9934
  );
9935
9935
  };
9936
9936
 
9937
- // src/widgets/advanced/table/table-group.tsx
9937
+ // src/icons/image-icon.tsx
9938
9938
  var import_jsx_runtime41 = require("react/jsx-runtime");
9939
+ var ImageIcon = () => {
9940
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
9941
+ "svg",
9942
+ {
9943
+ xmlns: "http://www.w3.org/2000/svg",
9944
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
9945
+ width: "38",
9946
+ height: "38",
9947
+ viewBox: "0 0 38 38",
9948
+ children: [
9949
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("defs", { children: [
9950
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { id: "image-a", width: "32", height: "35", x: "3", y: "1", rx: "3" }),
9951
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
9952
+ "path",
9953
+ {
9954
+ id: "image-b",
9955
+ 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"
9956
+ }
9957
+ )
9958
+ ] }),
9959
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
9960
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("polygon", { fill: "#1C8B96", points: "34 2 34 34 4 34" }),
9961
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("use", { fill: "#FFF", fillOpacity: ".93", xlinkHref: "#image-a" }),
9962
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
9963
+ "rect",
9964
+ {
9965
+ width: "30",
9966
+ height: "33",
9967
+ x: "4",
9968
+ y: "2",
9969
+ stroke: "#1C8B96",
9970
+ strokeWidth: "2",
9971
+ rx: "3"
9972
+ }
9973
+ ),
9974
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("use", { fill: "#1C8B96", fillOpacity: ".516", xlinkHref: "#image-b" }),
9975
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
9976
+ "path",
9977
+ {
9978
+ stroke: "#1C8B96",
9979
+ 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"
9980
+ }
9981
+ ),
9982
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("circle", { cx: "25.5", cy: "11.5", r: "4.5", fill: "#1C8B96" })
9983
+ ] })
9984
+ ]
9985
+ }
9986
+ );
9987
+ };
9988
+
9989
+ // src/widgets/advanced/table/table-group.tsx
9990
+ var import_jsx_runtime42 = require("react/jsx-runtime");
9939
9991
  var TableGroup = (props) => {
9940
9992
  const { t: t3 } = useI18n();
9941
9993
  const {
@@ -9985,28 +10037,28 @@ var TableGroup = (props) => {
9985
10037
  setSelectedRowKeys
9986
10038
  });
9987
10039
  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
9988
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
9989
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
10040
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
10041
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
9990
10042
  "tr",
9991
10043
  {
9992
10044
  draggable: true,
9993
10045
  className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative",
9994
10046
  onClick: onExpandChildGroup,
9995
10047
  children: [
9996
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10048
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
9997
10049
  "td",
9998
10050
  {
9999
10051
  colSpan: colEmptyGroup.fromStart ?? 1,
10000
10052
  style: { display: "table-cell" },
10001
10053
  className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
10002
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
10054
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
10003
10055
  "div",
10004
10056
  {
10005
10057
  style: { paddingLeft: leftPadding },
10006
10058
  className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
10007
10059
  children: [
10008
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
10009
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10060
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
10061
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10010
10062
  TriangleIcon,
10011
10063
  {
10012
10064
  style: {
@@ -10015,15 +10067,15 @@ var TableGroup = (props) => {
10015
10067
  className: `w-2 h-2 text-button_primary `
10016
10068
  }
10017
10069
  ),
10018
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
10070
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
10019
10071
  ] }),
10020
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10072
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10021
10073
  "div",
10022
10074
  {
10023
10075
  onClick: (e3) => {
10024
10076
  e3.stopPropagation();
10025
10077
  },
10026
- children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10078
+ children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10027
10079
  PaginationView,
10028
10080
  {
10029
10081
  className: "pagination-bar !bg-transparent absolute right-0 top-1/2 -translate-y-1/2",
@@ -10044,7 +10096,7 @@ var TableGroup = (props) => {
10044
10096
  columns?.map((col) => {
10045
10097
  if (col?.optional === "hide") return;
10046
10098
  if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
10047
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10099
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10048
10100
  "td",
10049
10101
  {
10050
10102
  className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -10062,7 +10114,7 @@ var TableGroup = (props) => {
10062
10114
  ]
10063
10115
  }
10064
10116
  ),
10065
- isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10117
+ isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10066
10118
  TableBodyRow,
10067
10119
  {
10068
10120
  columns: columnsGroup,
@@ -10092,7 +10144,7 @@ var TableGroup = (props) => {
10092
10144
 
10093
10145
  // src/widgets/advanced/table/table-row.tsx
10094
10146
  var import_react11 = require("react");
10095
- var import_jsx_runtime42 = require("react/jsx-runtime");
10147
+ var import_jsx_runtime43 = require("react/jsx-runtime");
10096
10148
  var Row = (props) => {
10097
10149
  const {
10098
10150
  row,
@@ -10158,17 +10210,17 @@ var Row = (props) => {
10158
10210
  setIsAutoSelect(false);
10159
10211
  }
10160
10212
  }, [checkedAll]);
10161
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10213
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10162
10214
  "tr",
10163
10215
  {
10164
10216
  "data-row-id": row?.id,
10165
10217
  className: `border-b border-[#e8e8e8] cursor-pointer`,
10166
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
10167
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10218
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
10219
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10168
10220
  "td",
10169
10221
  {
10170
10222
  className: `column w-max whitespace-nowrap p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
10171
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10223
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10172
10224
  "input",
10173
10225
  {
10174
10226
  type: "checkbox",
@@ -10181,9 +10233,9 @@ var Row = (props) => {
10181
10233
  ),
10182
10234
  columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
10183
10235
  if (row?.display_type === "line_section" && col.key !== "display_name") {
10184
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", {});
10236
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", {});
10185
10237
  }
10186
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10238
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10187
10239
  "td",
10188
10240
  {
10189
10241
  colSpan: 1,
@@ -10202,7 +10254,7 @@ var Row = (props) => {
10202
10254
  `${col.name}____${index4}`
10203
10255
  );
10204
10256
  }),
10205
- typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10257
+ 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)(
10206
10258
  "button",
10207
10259
  {
10208
10260
  type: "button",
@@ -10210,7 +10262,7 @@ var Row = (props) => {
10210
10262
  onClick: () => {
10211
10263
  onRemoveRow(indexRow);
10212
10264
  },
10213
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DeleteIcon, {})
10265
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DeleteIcon, {})
10214
10266
  }
10215
10267
  ) }) })
10216
10268
  ] })
@@ -10220,7 +10272,7 @@ var Row = (props) => {
10220
10272
  };
10221
10273
 
10222
10274
  // src/widgets/advanced/table/table-body.tsx
10223
- var import_jsx_runtime43 = require("react/jsx-runtime");
10275
+ var import_jsx_runtime44 = require("react/jsx-runtime");
10224
10276
  var TableBodyRow = (props) => {
10225
10277
  const {
10226
10278
  rows,
@@ -10250,7 +10302,7 @@ var TableBodyRow = (props) => {
10250
10302
  isEditTable
10251
10303
  } = props;
10252
10304
  return rows && rows?.length > 0 && rows?.map((row, index4) => {
10253
- return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10305
+ return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10254
10306
  TableGroup,
10255
10307
  {
10256
10308
  columns,
@@ -10275,7 +10327,7 @@ var TableBodyRow = (props) => {
10275
10327
  onClickRow
10276
10328
  },
10277
10329
  `record-group-${index4}`
10278
- ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10330
+ ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10279
10331
  Row,
10280
10332
  {
10281
10333
  row,
@@ -10303,7 +10355,7 @@ var TableBodyRow = (props) => {
10303
10355
  };
10304
10356
  var TableBody = (props) => {
10305
10357
  const [isAutoSelect, setIsAutoSelect] = (0, import_react12.useState)(false);
10306
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
10358
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10307
10359
  TableBodyRow,
10308
10360
  {
10309
10361
  ...props,
@@ -10564,7 +10616,7 @@ function useFileInfo(source, options2) {
10564
10616
  }
10565
10617
 
10566
10618
  // src/widgets/advanced/table/table-filter.tsx
10567
- var import_jsx_runtime44 = require("react/jsx-runtime");
10619
+ var import_jsx_runtime45 = require("react/jsx-runtime");
10568
10620
  var TableFilter = ({ columns, onToggleColumnOptional }) => {
10569
10621
  const [openTableFilter, setOpenTableFilter] = (0, import_react15.useState)();
10570
10622
  const [filterPosition, setFilterPosition] = (0, import_react15.useState)(null);
@@ -10596,7 +10648,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10596
10648
  window.removeEventListener("resize", updatePosition);
10597
10649
  };
10598
10650
  }, [filterRef, openTableFilter]);
10599
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
10651
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10600
10652
  "div",
10601
10653
  {
10602
10654
  ref: filterRef,
@@ -10605,7 +10657,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10605
10657
  },
10606
10658
  className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-white",
10607
10659
  children: [
10608
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10660
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10609
10661
  "button",
10610
10662
  {
10611
10663
  type: "button",
@@ -10613,7 +10665,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10613
10665
  onClick: () => {
10614
10666
  setOpenTableFilter(!openTableFilter);
10615
10667
  },
10616
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
10668
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10617
10669
  "svg",
10618
10670
  {
10619
10671
  xmlns: "http://www.w3.org/2000/svg",
@@ -10622,42 +10674,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10622
10674
  viewBox: "0 0 16 16",
10623
10675
  fill: "none",
10624
10676
  children: [
10625
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10677
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10626
10678
  "path",
10627
10679
  {
10628
10680
  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",
10629
10681
  fill: "#1F1F1F"
10630
10682
  }
10631
10683
  ),
10632
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10684
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10633
10685
  "path",
10634
10686
  {
10635
10687
  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",
10636
10688
  fill: "#1F1F1F"
10637
10689
  }
10638
10690
  ),
10639
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10691
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10640
10692
  "path",
10641
10693
  {
10642
10694
  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",
10643
10695
  fill: "#1F1F1F"
10644
10696
  }
10645
10697
  ),
10646
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10698
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10647
10699
  "path",
10648
10700
  {
10649
10701
  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",
10650
10702
  fill: "black"
10651
10703
  }
10652
10704
  ),
10653
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10705
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10654
10706
  "path",
10655
10707
  {
10656
10708
  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",
10657
10709
  fill: "black"
10658
10710
  }
10659
10711
  ),
10660
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10712
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10661
10713
  "path",
10662
10714
  {
10663
10715
  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",
@@ -10670,7 +10722,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10670
10722
  }
10671
10723
  ),
10672
10724
  filterPosition && openTableFilter && (0, import_react_dom.createPortal)(
10673
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10725
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10674
10726
  "div",
10675
10727
  {
10676
10728
  ref: filterPopupRef,
@@ -10681,8 +10733,8 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10681
10733
  },
10682
10734
  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",
10683
10735
  children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
10684
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
10685
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10736
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
10737
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10686
10738
  "input",
10687
10739
  {
10688
10740
  type: "checkbox",
@@ -10692,7 +10744,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10692
10744
  className: "cursor-pointer"
10693
10745
  }
10694
10746
  ),
10695
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
10747
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10696
10748
  "label",
10697
10749
  {
10698
10750
  htmlFor: `${item.name}`,
@@ -10712,14 +10764,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
10712
10764
  };
10713
10765
 
10714
10766
  // src/widgets/advanced/table/table-footer.tsx
10715
- var import_jsx_runtime45 = require("react/jsx-runtime");
10767
+ var import_jsx_runtime46 = require("react/jsx-runtime");
10716
10768
  var TableFooter = ({ onAddRow, rows }) => {
10717
10769
  const emptyData = rows?.length <= 0;
10718
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10770
+ 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)(
10719
10771
  "td",
10720
10772
  {
10721
10773
  className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
10722
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10774
+ children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
10723
10775
  "button",
10724
10776
  {
10725
10777
  type: "button",
@@ -10729,7 +10781,7 @@ var TableFooter = ({ onAddRow, rows }) => {
10729
10781
  },
10730
10782
  className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
10731
10783
  children: [
10732
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10784
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
10733
10785
  "svg",
10734
10786
  {
10735
10787
  style: {
@@ -10742,14 +10794,14 @@ var TableFooter = ({ onAddRow, rows }) => {
10742
10794
  viewBox: "0 0 20 20",
10743
10795
  fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
10744
10796
  children: [
10745
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10797
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
10746
10798
  "path",
10747
10799
  {
10748
10800
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
10749
10801
  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"
10750
10802
  }
10751
10803
  ),
10752
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
10804
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
10753
10805
  "path",
10754
10806
  {
10755
10807
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -12569,7 +12621,8 @@ var M = import_react16.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
12569
12621
  });
12570
12622
 
12571
12623
  // src/widgets/advanced/table/table-head.tsx
12572
- var import_jsx_runtime46 = require("react/jsx-runtime");
12624
+ var import_react_dom2 = require("react-dom");
12625
+ var import_jsx_runtime47 = require("react/jsx-runtime");
12573
12626
  var TableHead = (props) => {
12574
12627
  const {
12575
12628
  handleCheckBoxAll,
@@ -12579,7 +12632,7 @@ var TableHead = (props) => {
12579
12632
  onRemoveRow,
12580
12633
  onToggleColumnOptional
12581
12634
  } = props;
12582
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
12635
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
12583
12636
  "tr",
12584
12637
  {
12585
12638
  style: {
@@ -12591,11 +12644,11 @@ var TableHead = (props) => {
12591
12644
  },
12592
12645
  className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12593
12646
  children: [
12594
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12647
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12595
12648
  "th",
12596
12649
  {
12597
12650
  className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
12598
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12651
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12599
12652
  "input",
12600
12653
  {
12601
12654
  type: "checkbox",
@@ -12607,32 +12660,36 @@ var TableHead = (props) => {
12607
12660
  }
12608
12661
  ),
12609
12662
  columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
12610
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12663
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12611
12664
  "th",
12612
12665
  {
12666
+ "data-rtc-resizable": col?.name,
12613
12667
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12614
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
12668
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
12615
12669
  col.title,
12616
- col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
12617
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12618
- M,
12619
- {
12620
- style: {
12621
- padding: "6px 12px",
12622
- fontSize: "12px",
12623
- borderRadius: "4px",
12624
- maxWidth: "200%",
12625
- whiteSpace: "wrap",
12626
- fontWeight: 400,
12627
- textTransform: "none"
12628
- },
12629
- id: `field-help-${col?.field?.name}`,
12630
- content: col?.field?.help,
12631
- place: "top",
12632
- className: "z-30"
12633
- }
12670
+ col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
12671
+ (0, import_react_dom2.createPortal)(
12672
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12673
+ M,
12674
+ {
12675
+ style: {
12676
+ padding: "6px 12px",
12677
+ fontSize: "12px",
12678
+ borderRadius: "4px",
12679
+ maxWidth: "200px",
12680
+ whiteSpace: "wrap",
12681
+ fontWeight: 400,
12682
+ textTransform: "none",
12683
+ zIndex: "9999"
12684
+ },
12685
+ id: `field-help-${col?.field?.name}`,
12686
+ content: col?.field?.help,
12687
+ place: "top"
12688
+ }
12689
+ ),
12690
+ document.body
12634
12691
  ),
12635
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12692
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12636
12693
  "span",
12637
12694
  {
12638
12695
  style: {
@@ -12651,8 +12708,8 @@ var TableHead = (props) => {
12651
12708
  "table-head-" + index4
12652
12709
  );
12653
12710
  }),
12654
- typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "relative p-2 w-[35px]" }),
12655
- columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12711
+ typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className: "relative p-2 w-[35px]" }),
12712
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12656
12713
  "th",
12657
12714
  {
12658
12715
  style: {
@@ -12660,7 +12717,7 @@ var TableHead = (props) => {
12660
12717
  right: 0
12661
12718
  },
12662
12719
  className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
12663
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12720
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12664
12721
  TableFilter,
12665
12722
  {
12666
12723
  columns,
@@ -12675,9 +12732,9 @@ var TableHead = (props) => {
12675
12732
  };
12676
12733
 
12677
12734
  // src/icons/empty-table-icon.tsx
12678
- var import_jsx_runtime47 = require("react/jsx-runtime");
12735
+ var import_jsx_runtime48 = require("react/jsx-runtime");
12679
12736
  var IcEmptyTable = () => {
12680
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
12737
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
12681
12738
  "svg",
12682
12739
  {
12683
12740
  xmlns: "http://www.w3.org/2000/svg",
@@ -12686,9 +12743,9 @@ var IcEmptyTable = () => {
12686
12743
  viewBox: "0 0 216 140",
12687
12744
  fill: "none",
12688
12745
  children: [
12689
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
12690
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
12691
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12746
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
12747
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
12748
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12692
12749
  "path",
12693
12750
  {
12694
12751
  d: "M64.5 0V140",
@@ -12698,7 +12755,7 @@ var IcEmptyTable = () => {
12698
12755
  strokeDasharray: "3 3"
12699
12756
  }
12700
12757
  ),
12701
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12758
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12702
12759
  "path",
12703
12760
  {
12704
12761
  d: "M151.5 0V140",
@@ -12708,7 +12765,7 @@ var IcEmptyTable = () => {
12708
12765
  strokeDasharray: "3 3"
12709
12766
  }
12710
12767
  ),
12711
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12768
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12712
12769
  "path",
12713
12770
  {
12714
12771
  d: "M215.5 24H0.5",
@@ -12718,7 +12775,7 @@ var IcEmptyTable = () => {
12718
12775
  strokeDasharray: "3 3"
12719
12776
  }
12720
12777
  ),
12721
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12778
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12722
12779
  "path",
12723
12780
  {
12724
12781
  d: "M215.5 50H0.5",
@@ -12728,7 +12785,7 @@ var IcEmptyTable = () => {
12728
12785
  strokeDasharray: "3 3"
12729
12786
  }
12730
12787
  ),
12731
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12788
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12732
12789
  "path",
12733
12790
  {
12734
12791
  d: "M215.5 88H0.5",
@@ -12738,7 +12795,7 @@ var IcEmptyTable = () => {
12738
12795
  strokeDasharray: "3 3"
12739
12796
  }
12740
12797
  ),
12741
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12798
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12742
12799
  "path",
12743
12800
  {
12744
12801
  d: "M215.5 114H0.5",
@@ -12748,7 +12805,7 @@ var IcEmptyTable = () => {
12748
12805
  strokeDasharray: "3 3"
12749
12806
  }
12750
12807
  ),
12751
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12808
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12752
12809
  "path",
12753
12810
  {
12754
12811
  d: "M199.5 0V140",
@@ -12757,7 +12814,7 @@ var IcEmptyTable = () => {
12757
12814
  strokeMiterlimit: "10"
12758
12815
  }
12759
12816
  ),
12760
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12817
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12761
12818
  "path",
12762
12819
  {
12763
12820
  d: "M16.5 0V140",
@@ -12766,7 +12823,7 @@ var IcEmptyTable = () => {
12766
12823
  strokeMiterlimit: "10"
12767
12824
  }
12768
12825
  ),
12769
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12826
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12770
12827
  "path",
12771
12828
  {
12772
12829
  d: "M0.5 16H215.5",
@@ -12775,7 +12832,7 @@ var IcEmptyTable = () => {
12775
12832
  strokeMiterlimit: "10"
12776
12833
  }
12777
12834
  ),
12778
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12835
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12779
12836
  "path",
12780
12837
  {
12781
12838
  d: "M0.5 124H215.5",
@@ -12784,7 +12841,7 @@ var IcEmptyTable = () => {
12784
12841
  strokeMiterlimit: "10"
12785
12842
  }
12786
12843
  ),
12787
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12844
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12788
12845
  "path",
12789
12846
  {
12790
12847
  opacity: "0.6",
@@ -12795,7 +12852,7 @@ var IcEmptyTable = () => {
12795
12852
  strokeLinejoin: "round"
12796
12853
  }
12797
12854
  ),
12798
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12855
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12799
12856
  "path",
12800
12857
  {
12801
12858
  opacity: "0.6",
@@ -12806,7 +12863,7 @@ var IcEmptyTable = () => {
12806
12863
  strokeLinejoin: "round"
12807
12864
  }
12808
12865
  ),
12809
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12866
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12810
12867
  "path",
12811
12868
  {
12812
12869
  opacity: "0.6",
@@ -12817,7 +12874,7 @@ var IcEmptyTable = () => {
12817
12874
  strokeLinejoin: "round"
12818
12875
  }
12819
12876
  ),
12820
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12877
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12821
12878
  "path",
12822
12879
  {
12823
12880
  opacity: "0.6",
@@ -12828,7 +12885,7 @@ var IcEmptyTable = () => {
12828
12885
  strokeLinejoin: "round"
12829
12886
  }
12830
12887
  ),
12831
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12888
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12832
12889
  "path",
12833
12890
  {
12834
12891
  opacity: "0.6",
@@ -12839,14 +12896,14 @@ var IcEmptyTable = () => {
12839
12896
  strokeLinejoin: "round"
12840
12897
  }
12841
12898
  ),
12842
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12899
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12843
12900
  "path",
12844
12901
  {
12845
12902
  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",
12846
12903
  fill: "white"
12847
12904
  }
12848
12905
  ),
12849
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12906
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12850
12907
  "path",
12851
12908
  {
12852
12909
  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",
@@ -12856,7 +12913,7 @@ var IcEmptyTable = () => {
12856
12913
  strokeLinejoin: "round"
12857
12914
  }
12858
12915
  ),
12859
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12916
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12860
12917
  "path",
12861
12918
  {
12862
12919
  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",
@@ -12865,7 +12922,7 @@ var IcEmptyTable = () => {
12865
12922
  strokeLinejoin: "round"
12866
12923
  }
12867
12924
  ),
12868
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12925
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12869
12926
  "path",
12870
12927
  {
12871
12928
  opacity: "0.6",
@@ -12876,7 +12933,7 @@ var IcEmptyTable = () => {
12876
12933
  strokeLinejoin: "round"
12877
12934
  }
12878
12935
  ),
12879
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12936
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12880
12937
  "path",
12881
12938
  {
12882
12939
  opacity: "0.6",
@@ -12887,7 +12944,7 @@ var IcEmptyTable = () => {
12887
12944
  strokeLinejoin: "round"
12888
12945
  }
12889
12946
  ),
12890
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12947
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12891
12948
  "path",
12892
12949
  {
12893
12950
  opacity: "0.6",
@@ -12898,7 +12955,7 @@ var IcEmptyTable = () => {
12898
12955
  strokeLinejoin: "round"
12899
12956
  }
12900
12957
  ),
12901
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12958
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12902
12959
  "path",
12903
12960
  {
12904
12961
  opacity: "0.6",
@@ -12909,7 +12966,7 @@ var IcEmptyTable = () => {
12909
12966
  strokeLinejoin: "round"
12910
12967
  }
12911
12968
  ),
12912
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12969
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12913
12970
  "path",
12914
12971
  {
12915
12972
  opacity: "0.6",
@@ -12920,7 +12977,7 @@ var IcEmptyTable = () => {
12920
12977
  strokeLinejoin: "round"
12921
12978
  }
12922
12979
  ),
12923
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12980
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12924
12981
  "path",
12925
12982
  {
12926
12983
  opacity: "0.6",
@@ -12931,7 +12988,7 @@ var IcEmptyTable = () => {
12931
12988
  strokeLinejoin: "round"
12932
12989
  }
12933
12990
  ),
12934
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
12991
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12935
12992
  "path",
12936
12993
  {
12937
12994
  opacity: "0.6",
@@ -12942,7 +12999,7 @@ var IcEmptyTable = () => {
12942
12999
  strokeLinejoin: "round"
12943
13000
  }
12944
13001
  ),
12945
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13002
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12946
13003
  "path",
12947
13004
  {
12948
13005
  opacity: "0.6",
@@ -12953,7 +13010,7 @@ var IcEmptyTable = () => {
12953
13010
  strokeLinejoin: "round"
12954
13011
  }
12955
13012
  ),
12956
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13013
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12957
13014
  "path",
12958
13015
  {
12959
13016
  opacity: "0.6",
@@ -12964,14 +13021,14 @@ var IcEmptyTable = () => {
12964
13021
  strokeLinejoin: "round"
12965
13022
  }
12966
13023
  ),
12967
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13024
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12968
13025
  "path",
12969
13026
  {
12970
13027
  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",
12971
13028
  fill: "white"
12972
13029
  }
12973
13030
  ),
12974
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13031
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12975
13032
  "path",
12976
13033
  {
12977
13034
  "fill-rule": "evenodd",
@@ -12980,7 +13037,7 @@ var IcEmptyTable = () => {
12980
13037
  fill: "white"
12981
13038
  }
12982
13039
  ),
12983
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13040
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12984
13041
  "path",
12985
13042
  {
12986
13043
  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",
@@ -12991,7 +13048,7 @@ var IcEmptyTable = () => {
12991
13048
  }
12992
13049
  )
12993
13050
  ] }),
12994
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "clip0_2454_28950", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13051
+ /* @__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)(
12995
13052
  "rect",
12996
13053
  {
12997
13054
  width: "215",
@@ -13006,14 +13063,14 @@ var IcEmptyTable = () => {
13006
13063
  };
13007
13064
 
13008
13065
  // src/widgets/advanced/table/empty-table.tsx
13009
- var import_jsx_runtime48 = require("react/jsx-runtime");
13066
+ var import_jsx_runtime49 = require("react/jsx-runtime");
13010
13067
  var EmptyTable = () => {
13011
13068
  const { t: t3 } = useI18n();
13012
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
13013
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IcEmptyTable, {}),
13014
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
13015
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", {}),
13016
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
13069
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
13070
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IcEmptyTable, {}),
13071
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
13072
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {}),
13073
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
13017
13074
  ] })
13018
13075
  ] });
13019
13076
  };
@@ -14832,10 +14889,10 @@ function s3(o3, s4, t3) {
14832
14889
 
14833
14890
  // src/widgets/advanced/login/shared/button.tsx
14834
14891
  var React2 = __toESM(require("react"));
14835
- var import_jsx_runtime49 = require("react/jsx-runtime");
14892
+ var import_jsx_runtime50 = require("react/jsx-runtime");
14836
14893
  var Button = React2.forwardRef(
14837
14894
  ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
14838
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14895
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14839
14896
  "button",
14840
14897
  {
14841
14898
  className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium
@@ -14845,7 +14902,7 @@ var Button = React2.forwardRef(
14845
14902
  ref,
14846
14903
  type,
14847
14904
  ...props,
14848
- children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14905
+ children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14849
14906
  }
14850
14907
  );
14851
14908
  }
@@ -14854,7 +14911,7 @@ Button.displayName = "Button";
14854
14911
 
14855
14912
  // src/widgets/advanced/login/shared/text-input.tsx
14856
14913
  var import_react18 = require("react");
14857
- var import_jsx_runtime50 = require("react/jsx-runtime");
14914
+ var import_jsx_runtime51 = require("react/jsx-runtime");
14858
14915
  function TextInput(props) {
14859
14916
  const {
14860
14917
  className,
@@ -14868,17 +14925,17 @@ function TextInput(props) {
14868
14925
  required
14869
14926
  } = props;
14870
14927
  const [showPassword, setShowPassword] = (0, import_react18.useState)(false);
14871
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14872
- label && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14928
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14929
+ label && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14873
14930
  label,
14874
- required ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14931
+ required ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14875
14932
  ] }),
14876
- /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
14933
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
14877
14934
  "div",
14878
14935
  {
14879
14936
  className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
14880
14937
  children: [
14881
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14938
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
14882
14939
  "input",
14883
14940
  {
14884
14941
  className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -14887,18 +14944,18 @@ function TextInput(props) {
14887
14944
  ...register(name2)
14888
14945
  }
14889
14946
  ),
14890
- type === "password" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14947
+ type === "password" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
14891
14948
  "span",
14892
14949
  {
14893
14950
  onClick: () => setShowPassword(!showPassword),
14894
14951
  className: "focus:outline-none",
14895
- children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(EyeIcon, {})
14952
+ children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeIcon, {})
14896
14953
  }
14897
14954
  )
14898
14955
  ]
14899
14956
  }
14900
14957
  ),
14901
- errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14958
+ errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
14902
14959
  "p",
14903
14960
  {
14904
14961
  className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -14910,7 +14967,7 @@ function TextInput(props) {
14910
14967
 
14911
14968
  // src/widgets/advanced/login/provider/credential/form-options/index.tsx
14912
14969
  var import_react19 = require("react");
14913
- var import_jsx_runtime51 = require("react/jsx-runtime");
14970
+ var import_jsx_runtime52 = require("react/jsx-runtime");
14914
14971
  var STAY_LOGIN_IN = "stayLoginIn";
14915
14972
  function FormOptions({
14916
14973
  forgotPasswordUrl,
@@ -14936,9 +14993,9 @@ function FormOptions({
14936
14993
  (0, import_react19.useEffect)(() => {
14937
14994
  localStorage.setItem(STAY_LOGIN_IN, "false");
14938
14995
  }, []);
14939
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
14940
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "flex gap-3", children: [
14941
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
14996
+ 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: [
14997
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: "flex gap-3", children: [
14998
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
14942
14999
  "input",
14943
15000
  {
14944
15001
  checked: stayLoginIn,
@@ -14947,9 +15004,9 @@ function FormOptions({
14947
15004
  onChange: handleCheckboxChange
14948
15005
  }
14949
15006
  ),
14950
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
15007
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
14951
15008
  ] }),
14952
- !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
15009
+ !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
14953
15010
  ] });
14954
15011
  }
14955
15012
 
@@ -14965,7 +15022,7 @@ var loginSchema = import_zod.default.object({
14965
15022
  });
14966
15023
 
14967
15024
  // src/widgets/advanced/login/provider/credential/index.tsx
14968
- var import_jsx_runtime52 = require("react/jsx-runtime");
15025
+ var import_jsx_runtime53 = require("react/jsx-runtime");
14969
15026
  var CredentialLogin = (props) => {
14970
15027
  const {
14971
15028
  shouldRenderDivider,
@@ -14985,16 +15042,16 @@ var CredentialLogin = (props) => {
14985
15042
  mode: "onChange",
14986
15043
  resolver: s3(loginSchema)
14987
15044
  });
14988
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
14989
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
15045
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
15046
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
14990
15047
  "form",
14991
15048
  {
14992
15049
  onSubmit: handleSubmit(onSubmit ?? (() => {
14993
15050
  })),
14994
15051
  className: `flex w-full h-fit flex-col gap-10`,
14995
15052
  children: [
14996
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-6", children: [
14997
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15053
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-6", children: [
15054
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
14998
15055
  TextInput,
14999
15056
  {
15000
15057
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15007,7 +15064,7 @@ var CredentialLogin = (props) => {
15007
15064
  errors
15008
15065
  }
15009
15066
  ),
15010
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15067
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15011
15068
  TextInput,
15012
15069
  {
15013
15070
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15020,7 +15077,7 @@ var CredentialLogin = (props) => {
15020
15077
  errors
15021
15078
  }
15022
15079
  ),
15023
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15080
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15024
15081
  FormOptions,
15025
15082
  {
15026
15083
  forgotPasswordUrl,
@@ -15030,7 +15087,7 @@ var CredentialLogin = (props) => {
15030
15087
  }
15031
15088
  )
15032
15089
  ] }),
15033
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15090
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15034
15091
  Button,
15035
15092
  {
15036
15093
  type: "submit",
@@ -15042,56 +15099,56 @@ var CredentialLogin = (props) => {
15042
15099
  ]
15043
15100
  }
15044
15101
  ),
15045
- shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex justify-center relative", children: [
15046
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
15047
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
15102
+ shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-center relative", children: [
15103
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
15104
+ /* @__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" })
15048
15105
  ] })
15049
15106
  ] });
15050
15107
  };
15051
15108
 
15052
15109
  // src/widgets/advanced/login/provider/google/google-btn/index.tsx
15053
- var import_jsx_runtime53 = require("react/jsx-runtime");
15110
+ var import_jsx_runtime54 = require("react/jsx-runtime");
15054
15111
  function GoogleButton(props) {
15055
15112
  const { onLoginGoogle, db } = props;
15056
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
15113
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
15057
15114
  "button",
15058
15115
  {
15059
15116
  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",
15060
15117
  onClick: () => onLoginGoogle?.(db),
15061
15118
  children: [
15062
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(GoogleIcon, { className: "google-icon" }),
15063
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
15119
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GoogleIcon, { className: "google-icon" }),
15120
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
15064
15121
  ]
15065
15122
  }
15066
15123
  );
15067
15124
  }
15068
15125
 
15069
15126
  // src/widgets/advanced/login/provider/google/redirect/index.tsx
15070
- var import_jsx_runtime54 = require("react/jsx-runtime");
15127
+ var import_jsx_runtime55 = require("react/jsx-runtime");
15071
15128
  function SocialRedirect(props) {
15072
15129
  const { db, onLoginSocial } = props;
15073
15130
  onLoginSocial && onLoginSocial(String(db));
15074
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
15131
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
15075
15132
  }
15076
15133
 
15077
15134
  // src/widgets/advanced/login/provider/google/index.tsx
15078
- var import_jsx_runtime55 = require("react/jsx-runtime");
15135
+ var import_jsx_runtime56 = require("react/jsx-runtime");
15079
15136
  var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
15080
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
15081
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GoogleButton, { db, onLoginGoogle }),
15082
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SocialRedirect, { db, onLoginSocial })
15137
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
15138
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GoogleButton, { db, onLoginGoogle }),
15139
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SocialRedirect, { db, onLoginSocial })
15083
15140
  ] });
15084
15141
  };
15085
15142
 
15086
15143
  // src/widgets/advanced/login/index.tsx
15087
- var import_jsx_runtime56 = require("react/jsx-runtime");
15144
+ var import_jsx_runtime57 = require("react/jsx-runtime");
15088
15145
  var LoginProviderMapping = {
15089
15146
  google: GoogleLogin
15090
15147
  };
15091
15148
  var Login = (props) => {
15092
15149
  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
15093
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "w-full space-y-8", children: [
15094
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15150
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "w-full space-y-8", children: [
15151
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15095
15152
  CredentialLogin,
15096
15153
  {
15097
15154
  ...props,
@@ -15101,7 +15158,7 @@ var Login = (props) => {
15101
15158
  ),
15102
15159
  providers.map((provider, index4) => {
15103
15160
  const ProviderComp = LoginProviderMapping[provider];
15104
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15161
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15105
15162
  ProviderComp,
15106
15163
  {
15107
15164
  db,
@@ -15115,7 +15172,7 @@ var Login = (props) => {
15115
15172
  };
15116
15173
 
15117
15174
  // src/widgets/advanced/search/popup-filter/index.tsx
15118
- var import_jsx_runtime57 = require("react/jsx-runtime");
15175
+ var import_jsx_runtime58 = require("react/jsx-runtime");
15119
15176
  var PopupFilter = ({
15120
15177
  handleAddTagSearch,
15121
15178
  removeSearchItems,
@@ -15126,7 +15183,7 @@ var PopupFilter = ({
15126
15183
  fields
15127
15184
  }) => {
15128
15185
  const { t: t3 } = useI18n();
15129
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15186
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15130
15187
  "div",
15131
15188
  {
15132
15189
  style: {
@@ -15136,25 +15193,25 @@ var PopupFilter = ({
15136
15193
  zIndex: 33
15137
15194
  },
15138
15195
  className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
15139
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15196
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15140
15197
  "div",
15141
15198
  {
15142
15199
  className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
15143
15200
  children: [
15144
- filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "filter-by w-full px-3", children: [
15145
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15146
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
15147
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
15201
+ filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "filter-by w-full px-3", children: [
15202
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15203
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
15204
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
15148
15205
  ] }),
15149
15206
  filterBy?.reduce((acc, item, index4, array) => {
15150
15207
  const prevItem = array[index4 - 1];
15151
15208
  const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
15152
15209
  const isExist = item?.active;
15153
15210
  if (isDifferentGroup) {
15154
- acc.push(/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", { className: "my-2" }, "separator-" + index4));
15211
+ acc.push(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("hr", { className: "my-2" }, "separator-" + index4));
15155
15212
  }
15156
15213
  acc.push(
15157
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15214
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15158
15215
  "button",
15159
15216
  {
15160
15217
  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)]"}`,
@@ -15179,8 +15236,8 @@ var PopupFilter = ({
15179
15236
  });
15180
15237
  },
15181
15238
  children: [
15182
- isExist && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CheckIcon, {}),
15183
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
15239
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
15240
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
15184
15241
  ]
15185
15242
  },
15186
15243
  "filter-" + index4
@@ -15189,16 +15246,16 @@ var PopupFilter = ({
15189
15246
  return acc;
15190
15247
  }, [])
15191
15248
  ] }),
15192
- filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
15193
- groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "group-by w-full px-3", children: [
15194
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15195
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
15196
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
15249
+ filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
15250
+ groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "group-by w-full px-3", children: [
15251
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15252
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
15253
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
15197
15254
  ] }),
15198
15255
  groupBy?.map((item, index4) => {
15199
15256
  const isExist = item?.active;
15200
15257
  if (!item.string) return;
15201
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15258
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15202
15259
  "button",
15203
15260
  {
15204
15261
  onClick: () => {
@@ -15222,8 +15279,8 @@ var PopupFilter = ({
15222
15279
  },
15223
15280
  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)]"}`,
15224
15281
  children: [
15225
- isExist && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CheckIcon, {}),
15226
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm", children: item?.string })
15282
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
15283
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string })
15227
15284
  ]
15228
15285
  },
15229
15286
  "groupby-" + index4 + 1
@@ -15242,7 +15299,7 @@ var import_react21 = require("react");
15242
15299
 
15243
15300
  // src/widgets/advanced/search/tag-search/index.tsx
15244
15301
  var import_react20 = require("react");
15245
- var import_jsx_runtime58 = require("react/jsx-runtime");
15302
+ var import_jsx_runtime59 = require("react/jsx-runtime");
15246
15303
  var TagSearch = ({
15247
15304
  removeSearchItems,
15248
15305
  selectedTags,
@@ -15253,23 +15310,23 @@ var TagSearch = ({
15253
15310
  return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
15254
15311
  if (tag?.values?.length > 0) {
15255
15312
  if (tag?.type !== "group_by") {
15256
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15313
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
15257
15314
  "div",
15258
15315
  {
15259
15316
  className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
15260
15317
  children: [
15261
- /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsx)(FilterIcon, {}) }),
15262
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
15263
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react20.Fragment, { children: [
15264
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: value }),
15265
- idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15318
+ /* @__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, {}) }),
15319
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
15320
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react20.Fragment, { children: [
15321
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: value }),
15322
+ idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15266
15323
  " ",
15267
15324
  instance.t("or"),
15268
15325
  " "
15269
15326
  ] })
15270
15327
  ] }, idx);
15271
15328
  }) }),
15272
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15329
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15273
15330
  "button",
15274
15331
  {
15275
15332
  className: "px-2 text-sm font-bold",
@@ -15286,7 +15343,7 @@ var TagSearch = ({
15286
15343
  );
15287
15344
  }
15288
15345
  },
15289
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15346
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15290
15347
  }
15291
15348
  )
15292
15349
  ]
@@ -15294,26 +15351,26 @@ var TagSearch = ({
15294
15351
  "selected-tag-" + index4
15295
15352
  );
15296
15353
  } else if (tag?.type === "group_by") {
15297
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15354
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15298
15355
  "div",
15299
15356
  {
15300
15357
  className: "flex min-h-full overflow-hidden",
15301
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
15302
- (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15358
+ 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(
15359
+ (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
15303
15360
  "div",
15304
15361
  {
15305
15362
  className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
15306
15363
  children: [
15307
- /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsx)(GroupByIcon, {}) }),
15308
- value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
15309
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: string }),
15310
- idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15364
+ /* @__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, {}) }),
15365
+ value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
15366
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: string }),
15367
+ idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15311
15368
  " ",
15312
15369
  "> ",
15313
15370
  " "
15314
15371
  ] })
15315
15372
  ] })),
15316
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15373
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15317
15374
  "button",
15318
15375
  {
15319
15376
  className: "pr-2 text-sm font-bold",
@@ -15328,7 +15385,7 @@ var TagSearch = ({
15328
15385
  );
15329
15386
  }
15330
15387
  },
15331
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15388
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15332
15389
  }
15333
15390
  )
15334
15391
  ]
@@ -15345,7 +15402,7 @@ var TagSearch = ({
15345
15402
  };
15346
15403
 
15347
15404
  // src/widgets/advanced/search/search-list/index.tsx
15348
- var import_jsx_runtime59 = require("react/jsx-runtime");
15405
+ var import_jsx_runtime60 = require("react/jsx-runtime");
15349
15406
  var SearchList = ({
15350
15407
  handleAddTagSearch,
15351
15408
  handleMouseEnter,
@@ -15355,7 +15412,7 @@ var SearchList = ({
15355
15412
  hoveredIndexSearchList
15356
15413
  }) => {
15357
15414
  const { t: t3 } = useI18n();
15358
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15415
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15359
15416
  "div",
15360
15417
  {
15361
15418
  style: {
@@ -15367,7 +15424,7 @@ var SearchList = ({
15367
15424
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
15368
15425
  return;
15369
15426
  }
15370
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
15427
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
15371
15428
  "button",
15372
15429
  {
15373
15430
  onClick: () => {
@@ -15389,12 +15446,12 @@ var SearchList = ({
15389
15446
  children: [
15390
15447
  t3("search"),
15391
15448
  " ",
15392
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-bold", children: searchItem?.title }),
15449
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-bold", children: searchItem?.title }),
15393
15450
  " ",
15394
15451
  t3("for"),
15395
15452
  ":",
15396
15453
  " ",
15397
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15454
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15398
15455
  "span",
15399
15456
  {
15400
15457
  style: {
@@ -15414,7 +15471,7 @@ var SearchList = ({
15414
15471
  };
15415
15472
 
15416
15473
  // src/widgets/advanced/search/search-item/index.tsx
15417
- var import_jsx_runtime60 = require("react/jsx-runtime");
15474
+ var import_jsx_runtime61 = require("react/jsx-runtime");
15418
15475
  var Search = ({
15419
15476
  removeSearchItems,
15420
15477
  selectedTags,
@@ -15531,15 +15588,15 @@ var Search = ({
15531
15588
  setDidInit(true);
15532
15589
  setIsReadyFormatDomain(true);
15533
15590
  }, [aid, filterBy, fieldsList]);
15534
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
15591
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
15535
15592
  "div",
15536
15593
  {
15537
15594
  ref: popupFilterRef,
15538
15595
  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)]`,
15539
15596
  children: [
15540
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SearchIcon, {}) }),
15541
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15542
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15597
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SearchIcon, {}) }),
15598
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15599
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
15543
15600
  TagSearch,
15544
15601
  {
15545
15602
  removeSearchItems,
@@ -15549,7 +15606,7 @@ var Search = ({
15549
15606
  setGroupBy
15550
15607
  }
15551
15608
  ),
15552
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15609
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
15553
15610
  "input",
15554
15611
  {
15555
15612
  value: searchString,
@@ -15562,7 +15619,7 @@ var Search = ({
15562
15619
  onKeyUp: (e3) => e3.preventDefault()
15563
15620
  }
15564
15621
  ),
15565
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15622
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
15566
15623
  SearchList,
15567
15624
  {
15568
15625
  handleAddTagSearch,
@@ -15571,8 +15628,8 @@ var Search = ({
15571
15628
  }
15572
15629
  )
15573
15630
  ] }),
15574
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
15575
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
15631
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
15632
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
15576
15633
  "div",
15577
15634
  {
15578
15635
  className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -15581,8 +15638,8 @@ var Search = ({
15581
15638
  setShowPopupFilter((prev2) => !prev2);
15582
15639
  },
15583
15640
  children: [
15584
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15585
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15641
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15642
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
15586
15643
  ChevronBottomIcon,
15587
15644
  {
15588
15645
  className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -15591,7 +15648,7 @@ var Search = ({
15591
15648
  ]
15592
15649
  }
15593
15650
  ),
15594
- showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15651
+ showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
15595
15652
  PopupFilter,
15596
15653
  {
15597
15654
  handleAddTagSearch,
@@ -15610,30 +15667,30 @@ var Search = ({
15610
15667
  };
15611
15668
 
15612
15669
  // src/widgets/basic/active-badge-field/active-badge.tsx
15613
- var import_jsx_runtime61 = require("react/jsx-runtime");
15670
+ var import_jsx_runtime62 = require("react/jsx-runtime");
15614
15671
  var ActiveBadgeField = (props) => {
15615
15672
  const { t: t3 } = useI18n();
15616
15673
  const {
15617
15674
  type,
15618
15675
  className
15619
15676
  } = props;
15620
- if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {});
15677
+ if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, {});
15621
15678
  const typeStyle = type ? "text-green-500" : "text-red-500";
15622
15679
  const text = type ? t3("active") : t3("in_active");
15623
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
15680
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
15624
15681
  };
15625
15682
 
15626
15683
  // src/widgets/common/modal-layer.tsx
15627
15684
  var import_react22 = require("react");
15628
15685
  var import_react23 = require("@headlessui/react");
15629
- var import_jsx_runtime62 = require("react/jsx-runtime");
15686
+ var import_jsx_runtime63 = require("react/jsx-runtime");
15630
15687
  var ModalLayer = ({
15631
15688
  isOpen,
15632
15689
  onClose,
15633
15690
  title,
15634
15691
  children
15635
15692
  }) => {
15636
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
15693
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
15637
15694
  import_react23.Transition,
15638
15695
  {
15639
15696
  show: isOpen,
@@ -15644,22 +15701,22 @@ var ModalLayer = ({
15644
15701
  leaveFrom: "transform scale-100 opacity-100",
15645
15702
  leaveTo: "transform scale-95 opacity-0",
15646
15703
  as: import_react22.Fragment,
15647
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react23.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react23.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
15648
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
15649
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime62.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: [
15650
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
15704
+ 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: [
15705
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
15706
+ /* @__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: [
15707
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
15651
15708
  "div",
15652
15709
  {
15653
15710
  className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
15654
15711
  children: [
15655
- title && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
15656
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
15712
+ title && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
15713
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
15657
15714
  "button",
15658
15715
  {
15659
15716
  onClick: onClose,
15660
15717
  "aria-label": "Close",
15661
15718
  className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
15662
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseIcon, {})
15719
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseIcon, {})
15663
15720
  }
15664
15721
  )
15665
15722
  ]
@@ -15673,7 +15730,7 @@ var ModalLayer = ({
15673
15730
  };
15674
15731
 
15675
15732
  // src/widgets/common/modal-confirm.tsx
15676
- var import_jsx_runtime63 = require("react/jsx-runtime");
15733
+ var import_jsx_runtime64 = require("react/jsx-runtime");
15677
15734
  var ModalConfirm = ({
15678
15735
  name: name2,
15679
15736
  isShowModal,
@@ -15687,7 +15744,7 @@ var ModalConfirm = ({
15687
15744
  const renderButtonAction = (name3) => {
15688
15745
  switch (name3) {
15689
15746
  case "duplicate":
15690
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
15747
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
15691
15748
  "button",
15692
15749
  {
15693
15750
  type: "button",
@@ -15695,13 +15752,13 @@ var ModalConfirm = ({
15695
15752
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
15696
15753
  disabled: isLoading,
15697
15754
  children: [
15698
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
15699
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
15755
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
15756
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
15700
15757
  ]
15701
15758
  }
15702
15759
  );
15703
15760
  case "archive":
15704
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
15761
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
15705
15762
  "button",
15706
15763
  {
15707
15764
  type: "button",
@@ -15709,13 +15766,13 @@ var ModalConfirm = ({
15709
15766
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
15710
15767
  disabled: isLoading,
15711
15768
  children: [
15712
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
15713
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
15769
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
15770
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
15714
15771
  ]
15715
15772
  }
15716
15773
  );
15717
15774
  case "unarchive":
15718
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
15775
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
15719
15776
  "button",
15720
15777
  {
15721
15778
  type: "button",
@@ -15723,13 +15780,13 @@ var ModalConfirm = ({
15723
15780
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
15724
15781
  disabled: isLoading,
15725
15782
  children: [
15726
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
15727
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
15783
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
15784
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
15728
15785
  ]
15729
15786
  }
15730
15787
  );
15731
15788
  case "delete":
15732
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
15789
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
15733
15790
  "button",
15734
15791
  {
15735
15792
  type: "button",
@@ -15737,8 +15794,8 @@ var ModalConfirm = ({
15737
15794
  className: "button-primary flex-1 flex items-center justify-center gap-2",
15738
15795
  disabled: isLoading,
15739
15796
  children: [
15740
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
15741
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
15797
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
15798
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
15742
15799
  ]
15743
15800
  }
15744
15801
  );
@@ -15746,13 +15803,13 @@ var ModalConfirm = ({
15746
15803
  break;
15747
15804
  }
15748
15805
  };
15749
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
15750
- /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
15751
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-[18px] font-bold", children: title }),
15752
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-[16px]", children: content })
15806
+ 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: [
15807
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
15808
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "text-[18px] font-bold", children: title }),
15809
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-[16px]", children: content })
15753
15810
  ] }),
15754
- /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
15755
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
15811
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
15812
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
15756
15813
  "button",
15757
15814
  {
15758
15815
  type: "button",
@@ -15768,8 +15825,8 @@ var ModalConfirm = ({
15768
15825
 
15769
15826
  // src/widgets/common/modal-detail.tsx
15770
15827
  var import_react24 = require("react");
15771
- var import_react_dom2 = require("react-dom");
15772
- var import_jsx_runtime64 = require("react/jsx-runtime");
15828
+ var import_react_dom3 = require("react-dom");
15829
+ var import_jsx_runtime65 = require("react/jsx-runtime");
15773
15830
  var ModalDetail = ({
15774
15831
  idToolTip,
15775
15832
  title,
@@ -15791,19 +15848,19 @@ var ModalDetail = ({
15791
15848
  sessionStorage.setItem("actionData", JSON.stringify(actionData));
15792
15849
  window.location.href = `/form/menu?model=${model}&id=${idForm}`;
15793
15850
  };
15794
- return (0, import_react_dom2.createPortal)(
15795
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
15796
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
15797
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.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: [
15798
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
15799
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
15851
+ return (0, import_react_dom3.createPortal)(
15852
+ /* @__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: [
15853
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
15854
+ /* @__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: [
15855
+ /* @__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: [
15856
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
15800
15857
  "div",
15801
15858
  {
15802
15859
  id: "modal-detail",
15803
15860
  className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
15804
15861
  children: [
15805
15862
  t3("detail_button"),
15806
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
15863
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
15807
15864
  "button",
15808
15865
  {
15809
15866
  onClick: handleNavigateDetail,
@@ -15814,9 +15871,9 @@ var ModalDetail = ({
15814
15871
  ]
15815
15872
  }
15816
15873
  ),
15817
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CloseIcon, { className: "h-5 w-5" }) })
15874
+ /* @__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" }) })
15818
15875
  ] }),
15819
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
15876
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
15820
15877
  id: idForm,
15821
15878
  aid,
15822
15879
  model,
@@ -15831,7 +15888,7 @@ var ModalDetail = ({
15831
15888
 
15832
15889
  // src/widgets/common/loading-normal.tsx
15833
15890
  var import_react25 = require("react");
15834
- var import_jsx_runtime65 = require("react/jsx-runtime");
15891
+ var import_jsx_runtime66 = require("react/jsx-runtime");
15835
15892
  var LayerLoading = () => {
15836
15893
  const { t: t3 } = useI18n();
15837
15894
  const [activeIndex, setActiveIndex] = (0, import_react25.useState)(0);
@@ -15841,21 +15898,21 @@ var LayerLoading = () => {
15841
15898
  }, 200);
15842
15899
  return () => clearInterval(interval);
15843
15900
  }, []);
15844
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
15845
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
15901
+ 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: [
15902
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
15846
15903
  "div",
15847
15904
  {
15848
15905
  className: `loading-item ${index4 === activeIndex ? "active" : ""}`
15849
15906
  },
15850
15907
  index4
15851
15908
  )) }),
15852
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
15909
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
15853
15910
  ] }) }) });
15854
15911
  };
15855
15912
 
15856
15913
  // src/widgets/common/loading-small.tsx
15857
15914
  var import_react26 = require("react");
15858
- var import_jsx_runtime66 = require("react/jsx-runtime");
15915
+ var import_jsx_runtime67 = require("react/jsx-runtime");
15859
15916
  var LoadingSmall = () => {
15860
15917
  const [activeIndex, setActiveIndex] = (0, import_react26.useState)(0);
15861
15918
  (0, import_react26.useEffect)(() => {
@@ -15864,7 +15921,7 @@ var LoadingSmall = () => {
15864
15921
  }, 200);
15865
15922
  return () => clearInterval(interval);
15866
15923
  }, []);
15867
- 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.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
15924
+ 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)(
15868
15925
  "div",
15869
15926
  {
15870
15927
  className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -15875,7 +15932,7 @@ var LoadingSmall = () => {
15875
15932
 
15876
15933
  // src/widgets/common/video-player.tsx
15877
15934
  var import_react27 = require("react");
15878
- var import_jsx_runtime67 = require("react/jsx-runtime");
15935
+ var import_jsx_runtime68 = require("react/jsx-runtime");
15879
15936
  var VideoPlayer = ({ src }) => {
15880
15937
  const [isPlaying, setIsPlaying] = (0, import_react27.useState)(false);
15881
15938
  const videoRef = (0, import_react27.useRef)(null);
@@ -15902,8 +15959,8 @@ var VideoPlayer = ({ src }) => {
15902
15959
  }
15903
15960
  }
15904
15961
  };
15905
- return /* @__PURE__ */ (0, import_jsx_runtime67.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: [
15906
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
15962
+ 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: [
15963
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
15907
15964
  "video",
15908
15965
  {
15909
15966
  ref: videoRef,
@@ -15915,32 +15972,57 @@ var VideoPlayer = ({ src }) => {
15915
15972
  children: "Your browser does not support the video tag."
15916
15973
  }
15917
15974
  ),
15918
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
15919
- /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PlayIcon, {}) }) })
15975
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
15976
+ /* @__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, {}) }) })
15920
15977
  ] });
15921
15978
  };
15922
15979
 
15923
15980
  // src/widgets/common/render-files.tsx
15924
- var import_jsx_runtime68 = require("react/jsx-runtime");
15981
+ var import_jsx_runtime69 = require("react/jsx-runtime");
15925
15982
  var ImageItem = ({
15926
15983
  filename,
15927
15984
  checksum,
15928
15985
  index: index4,
15929
15986
  src = null,
15930
- useGetImage
15987
+ useGetImage,
15988
+ size: size4,
15989
+ id,
15990
+ envFile,
15991
+ accessToken
15931
15992
  }) => {
15932
15993
  const { data: image } = useGetImage({
15933
15994
  data: { filename, checksum },
15934
15995
  queryKey: [`get-image-${""}`],
15935
15996
  src
15936
15997
  });
15937
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
15998
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group group/file", children: image || src ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
15938
15999
  "img",
15939
16000
  {
15940
16001
  src: image || src,
15941
16002
  alt: filename,
15942
16003
  className: "w-32 h-32 object-cover rounded-md cursor-pointer"
15943
16004
  }
16005
+ ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
16006
+ "div",
16007
+ {
16008
+ onClick: (e3) => {
16009
+ e3?.stopPropagation();
16010
+ downloadFile(
16011
+ `${envFile}api/v2/web/content/${id}?download=true`,
16012
+ filename,
16013
+ accessToken
16014
+ );
16015
+ },
16016
+ style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
16017
+ className: "flex items-center p-2 gap-2 overflow-hidden",
16018
+ children: [
16019
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageIcon, {}),
16020
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
16021
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
16022
+ size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
16023
+ ] })
16024
+ ]
16025
+ }
15944
16026
  ) }, index4);
15945
16027
  };
15946
16028
  var FileItem = (props) => {
@@ -15952,37 +16034,57 @@ var FileItem = (props) => {
15952
16034
  src,
15953
16035
  mimetype,
15954
16036
  size: size4,
15955
- useGetImage
16037
+ useGetImage,
16038
+ id,
16039
+ envFile,
16040
+ accessToken
15956
16041
  } = props;
15957
16042
  const fileTypeIcon = {
15958
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PdfIcon, {}),
15959
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ZipIcon, {}),
15960
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ZipIcon, {}),
15961
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ExcelIcon, {}),
15962
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ExcelIcon, {})
16043
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PdfIcon, {}),
16044
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
16045
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
16046
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {}),
16047
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {})
15963
16048
  };
15964
16049
  const renderFile = () => {
15965
16050
  if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
15966
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ImageItem, { ...props });
16051
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageItem, { ...props, useGetImage });
15967
16052
  } else if (mimetype?.includes("video")) {
15968
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VideoPlayer, { ...props });
16053
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VideoPlayer, { ...props });
15969
16054
  } else {
15970
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
15971
- fileTypeIcon[mimetype],
15972
- /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
15973
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
15974
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
15975
- ] })
15976
- ] });
16055
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
16056
+ "div",
16057
+ {
16058
+ onClick: (e3) => {
16059
+ if (accessToken) {
16060
+ e3?.stopPropagation();
16061
+ downloadFile(
16062
+ `${envFile}api/v2/web/content/${id}?download=true`,
16063
+ filename,
16064
+ accessToken
16065
+ );
16066
+ }
16067
+ },
16068
+ style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
16069
+ className: "flex items-center p-2 gap-2 overflow-hidden",
16070
+ children: [
16071
+ fileTypeIcon[mimetype],
16072
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
16073
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
16074
+ size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
16075
+ ] })
16076
+ ]
16077
+ }
16078
+ );
15977
16079
  }
15978
16080
  };
15979
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
16081
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
15980
16082
  "div",
15981
16083
  {
15982
16084
  className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit",
15983
16085
  children: [
15984
16086
  renderFile(),
15985
- handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16087
+ handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
15986
16088
  "div",
15987
16089
  {
15988
16090
  style: {
@@ -15993,10 +16095,10 @@ var FileItem = (props) => {
15993
16095
  },
15994
16096
  onClick: () => handleRemoveFile(index4),
15995
16097
  className: "cursor-pointer p-2 hidden group-hover:block",
15996
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DeleteIcon, {})
16098
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
15997
16099
  }
15998
16100
  ),
15999
- !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16101
+ !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16000
16102
  "span",
16001
16103
  {
16002
16104
  style: {
@@ -16008,7 +16110,7 @@ var FileItem = (props) => {
16008
16110
  },
16009
16111
  onClick: (e3) => handleFileDownload(e3, src, filename),
16010
16112
  className: "hidden group-hover:block cursor-pointer p-2 text-white ",
16011
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DownloadIcon, {})
16113
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DownloadIcon, {})
16012
16114
  }
16013
16115
  )
16014
16116
  ]
@@ -16016,9 +16118,14 @@ var FileItem = (props) => {
16016
16118
  index4
16017
16119
  );
16018
16120
  };
16019
- var downloadFile = async (url, filename) => {
16121
+ var downloadFile = async (url, filename, accessToken) => {
16020
16122
  try {
16021
- const response = await fetch(url);
16123
+ const response = accessToken ? await fetch(url, {
16124
+ method: "GET",
16125
+ headers: {
16126
+ Authorization: `Bearer ${accessToken}`
16127
+ }
16128
+ }) : await fetch(url);
16022
16129
  if (response.ok) {
16023
16130
  const blob = await response.blob();
16024
16131
  const urlBlob = window.URL.createObjectURL(blob);
@@ -16039,7 +16146,9 @@ var downloadFile = async (url, filename) => {
16039
16146
  var RenderFiles = ({
16040
16147
  selectedFiles,
16041
16148
  setSelectedFiles,
16042
- useGetImage
16149
+ useGetImage,
16150
+ envFile,
16151
+ accessToken
16043
16152
  }) => {
16044
16153
  const handleRemoveFile = (index4) => {
16045
16154
  if (setSelectedFiles) {
@@ -16051,19 +16160,21 @@ var RenderFiles = ({
16051
16160
  e3.stopPropagation();
16052
16161
  downloadFile(url, name2);
16053
16162
  };
16054
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
16055
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16163
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
16164
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16056
16165
  FileItem,
16057
16166
  {
16058
16167
  ...file,
16059
16168
  src: file?.datas,
16060
- filename: file?.display_name ?? file?.name,
16169
+ filename: file?.display_name ?? file?.name ?? file?.filename,
16170
+ id: file?.id,
16061
16171
  index: index4,
16062
16172
  handleRemoveFile: setSelectedFiles && handleRemoveFile,
16063
16173
  handleFileDownload,
16064
- useGetImage
16065
- },
16066
- index4
16174
+ useGetImage,
16175
+ envFile,
16176
+ accessToken
16177
+ }
16067
16178
  ) }, file?.id ?? index4);
16068
16179
  }) });
16069
16180
  };
@@ -16254,7 +16365,7 @@ var po = $2(K("zoom"));
16254
16365
  var uo = $2(K("flip"));
16255
16366
 
16256
16367
  // src/widgets/common/select-files.tsx
16257
- var import_jsx_runtime69 = require("react/jsx-runtime");
16368
+ var import_jsx_runtime70 = require("react/jsx-runtime");
16258
16369
  var ButtonSelectFiles = ({
16259
16370
  fileInputRef,
16260
16371
  selectedFiles,
@@ -16357,8 +16468,8 @@ var ButtonSelectFiles = ({
16357
16468
  await handleUpload(formData, serivce, xNode);
16358
16469
  }
16359
16470
  };
16360
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
16361
- 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)(
16471
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
16472
+ 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)(
16362
16473
  "button",
16363
16474
  {
16364
16475
  type: "button",
@@ -16366,12 +16477,12 @@ var ButtonSelectFiles = ({
16366
16477
  className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
16367
16478
  onClick: () => fileInputRef.current.click(),
16368
16479
  children: [
16369
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AttachIcon, {}),
16370
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: t3("upload_file_placeholder") })
16480
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AttachIcon, {}),
16481
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: t3("upload_file_placeholder") })
16371
16482
  ]
16372
16483
  }
16373
16484
  ),
16374
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16485
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16375
16486
  "input",
16376
16487
  {
16377
16488
  type: "file",
@@ -16386,7 +16497,7 @@ var ButtonSelectFiles = ({
16386
16497
  };
16387
16498
 
16388
16499
  // src/widgets/basic/avatar-field/avatar.tsx
16389
- var import_jsx_runtime70 = require("react/jsx-runtime");
16500
+ var import_jsx_runtime71 = require("react/jsx-runtime");
16390
16501
  var AvatarField = (props) => {
16391
16502
  const {
16392
16503
  isForm = false,
@@ -16410,8 +16521,8 @@ var AvatarField = (props) => {
16410
16521
  color: textColor,
16411
16522
  fontSize: `${size4 / 2.5}px`
16412
16523
  };
16413
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
16414
- isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16524
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
16525
+ isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16415
16526
  ModalDetail,
16416
16527
  {
16417
16528
  idToolTip: `avatar-widget-id-${id}`,
@@ -16422,7 +16533,7 @@ var AvatarField = (props) => {
16422
16533
  place: "top-start"
16423
16534
  }
16424
16535
  ),
16425
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16536
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16426
16537
  M,
16427
16538
  {
16428
16539
  id: `avatar-widget-id-${id}`,
@@ -16431,7 +16542,7 @@ var AvatarField = (props) => {
16431
16542
  className: "z-20"
16432
16543
  }
16433
16544
  ),
16434
- avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16545
+ avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16435
16546
  "img",
16436
16547
  {
16437
16548
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -16439,7 +16550,7 @@ var AvatarField = (props) => {
16439
16550
  className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
16440
16551
  alt: "Avatar"
16441
16552
  }
16442
- ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16553
+ ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16443
16554
  "div",
16444
16555
  {
16445
16556
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -16452,7 +16563,7 @@ var AvatarField = (props) => {
16452
16563
  };
16453
16564
 
16454
16565
  // src/widgets/basic/binary-field/binary.tsx
16455
- var import_jsx_runtime71 = require("react/jsx-runtime");
16566
+ var import_jsx_runtime72 = require("react/jsx-runtime");
16456
16567
  var BinaryField = (props) => {
16457
16568
  const {
16458
16569
  name: name2,
@@ -16475,7 +16586,7 @@ var BinaryField = (props) => {
16475
16586
  image
16476
16587
  } = props;
16477
16588
  const { t: t3 } = useI18n();
16478
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16589
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16479
16590
  Controller,
16480
16591
  {
16481
16592
  name: name2 ?? "",
@@ -16485,13 +16596,13 @@ var BinaryField = (props) => {
16485
16596
  },
16486
16597
  render: ({ field }) => {
16487
16598
  const renderImage = initialImage || selectedImage;
16488
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16599
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16489
16600
  "div",
16490
16601
  {
16491
16602
  ref: binaryRef,
16492
16603
  className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
16493
- children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "relative group", children: [
16494
- renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16604
+ children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative group", children: [
16605
+ renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16495
16606
  "img",
16496
16607
  {
16497
16608
  style: {
@@ -16502,7 +16613,7 @@ var BinaryField = (props) => {
16502
16613
  alt: "Selected",
16503
16614
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
16504
16615
  }
16505
- ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16616
+ ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16506
16617
  "img",
16507
16618
  {
16508
16619
  style: {
@@ -16513,17 +16624,17 @@ var BinaryField = (props) => {
16513
16624
  alt: "Selected",
16514
16625
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
16515
16626
  }
16516
- ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(PlaceHolderIcon, {}),
16517
- !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16627
+ ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PlaceHolderIcon, {}),
16628
+ !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16518
16629
  "button",
16519
16630
  {
16520
16631
  type: "button",
16521
16632
  onClick: () => handleRemoveImage(field.onChange),
16522
16633
  className: "hidden group-hover:block absolute right-0 bottom-0 mr-1 mb-1 rounded-full bg-white p-1 transition-colors duration-300 hover:bg-red-600",
16523
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DeleteIcon, {})
16634
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DeleteIcon, {})
16524
16635
  }
16525
16636
  )
16526
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
16637
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
16527
16638
  "label",
16528
16639
  {
16529
16640
  htmlFor: inputId,
@@ -16533,7 +16644,7 @@ var BinaryField = (props) => {
16533
16644
  },
16534
16645
  className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
16535
16646
  children: [
16536
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16647
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16537
16648
  "input",
16538
16649
  {
16539
16650
  id: inputId,
@@ -16545,8 +16656,8 @@ var BinaryField = (props) => {
16545
16656
  className: "hidden z-10 relative"
16546
16657
  }
16547
16658
  ),
16548
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
16549
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16659
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
16660
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16550
16661
  "div",
16551
16662
  {
16552
16663
  className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
@@ -16555,7 +16666,7 @@ var BinaryField = (props) => {
16555
16666
  left: "-8px",
16556
16667
  boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
16557
16668
  },
16558
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16669
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16559
16670
  "svg",
16560
16671
  {
16561
16672
  xmlns: "http://www.w3.org/2000/svg",
@@ -16563,7 +16674,7 @@ var BinaryField = (props) => {
16563
16674
  height: "14",
16564
16675
  viewBox: "0 0 14 14",
16565
16676
  fill: "none",
16566
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
16677
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
16567
16678
  "path",
16568
16679
  {
16569
16680
  "fill-rule": "evenodd",
@@ -16587,7 +16698,7 @@ var BinaryField = (props) => {
16587
16698
  };
16588
16699
 
16589
16700
  // src/widgets/basic/button-badge-field/button-badge.tsx
16590
- var import_jsx_runtime72 = require("react/jsx-runtime");
16701
+ var import_jsx_runtime73 = require("react/jsx-runtime");
16591
16702
  var typeStyles = {
16592
16703
  primary: {
16593
16704
  backgroundColor: "#3b82f6",
@@ -16662,11 +16773,11 @@ var ButtonBadgeField = (props) => {
16662
16773
  return item && type === "selection" && Array.isArray(item) ? item[1] : item;
16663
16774
  };
16664
16775
  const label = getLabel(defaultValue ?? value);
16665
- return label ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
16776
+ return label ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
16666
16777
  };
16667
16778
 
16668
16779
  // src/widgets/basic/button-field/button.tsx
16669
- var import_jsx_runtime73 = require("react/jsx-runtime");
16780
+ var import_jsx_runtime74 = require("react/jsx-runtime");
16670
16781
  var ButtonField = (props) => {
16671
16782
  const {
16672
16783
  func,
@@ -16677,7 +16788,7 @@ var ButtonField = (props) => {
16677
16788
  type = "submit"
16678
16789
  } = props;
16679
16790
  const { t: t3 } = useI18n();
16680
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
16791
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16681
16792
  "button",
16682
16793
  {
16683
16794
  type,
@@ -16686,7 +16797,7 @@ var ButtonField = (props) => {
16686
16797
  onClick: func,
16687
16798
  children: t3(content)
16688
16799
  }
16689
- ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
16800
+ ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
16690
16801
  "button",
16691
16802
  {
16692
16803
  type,
@@ -16695,7 +16806,7 @@ var ButtonField = (props) => {
16695
16806
  children: [
16696
16807
  t3("loading"),
16697
16808
  " ",
16698
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LoadingIcon, {})
16809
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(LoadingIcon, {})
16699
16810
  ]
16700
16811
  }
16701
16812
  ) });
@@ -16703,7 +16814,7 @@ var ButtonField = (props) => {
16703
16814
 
16704
16815
  // src/widgets/basic/char-field/char.tsx
16705
16816
  var import_react39 = require("react");
16706
- var import_jsx_runtime74 = require("react/jsx-runtime");
16817
+ var import_jsx_runtime75 = require("react/jsx-runtime");
16707
16818
  var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
16708
16819
  var CharField = (props) => {
16709
16820
  const {
@@ -16731,9 +16842,9 @@ var CharField = (props) => {
16731
16842
  } = props;
16732
16843
  if (!isForm && !isEditTable) {
16733
16844
  const propValue = value || defaultValue;
16734
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
16845
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
16735
16846
  }
16736
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16847
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16737
16848
  Controller,
16738
16849
  {
16739
16850
  name: name2 ?? "",
@@ -16787,8 +16898,8 @@ var CharField = (props) => {
16787
16898
  }
16788
16899
  return "";
16789
16900
  }, [widget, formValues]);
16790
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
16791
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16901
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
16902
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16792
16903
  "input",
16793
16904
  {
16794
16905
  value: displayValue ?? "",
@@ -16849,7 +16960,7 @@ var CharField = (props) => {
16849
16960
  `
16850
16961
  }
16851
16962
  ),
16852
- isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
16963
+ isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
16853
16964
  ] });
16854
16965
  }
16855
16966
  }
@@ -16857,7 +16968,7 @@ var CharField = (props) => {
16857
16968
  };
16858
16969
 
16859
16970
  // src/widgets/basic/checkbox-field/checkbox.tsx
16860
- var import_jsx_runtime75 = require("react/jsx-runtime");
16971
+ var import_jsx_runtime76 = require("react/jsx-runtime");
16861
16972
  var CheckboxField = (props) => {
16862
16973
  const {
16863
16974
  name: name2,
@@ -16872,9 +16983,9 @@ var CheckboxField = (props) => {
16872
16983
  } = props;
16873
16984
  if (!isForm) {
16874
16985
  if (name2 === "is_active" || name2 === "active") {
16875
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ActiveBadgeField, { type: value });
16986
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ActiveBadgeField, { type: value });
16876
16987
  } else {
16877
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16988
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
16878
16989
  "input",
16879
16990
  {
16880
16991
  type: "checkbox",
@@ -16885,12 +16996,12 @@ var CheckboxField = (props) => {
16885
16996
  );
16886
16997
  }
16887
16998
  }
16888
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16999
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
16889
17000
  Controller,
16890
17001
  {
16891
17002
  name: name2 ?? "",
16892
17003
  control: methods?.control,
16893
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17004
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
16894
17005
  "div",
16895
17006
  {
16896
17007
  className: "flex items-center gap-2",
@@ -16903,7 +17014,7 @@ var CheckboxField = (props) => {
16903
17014
  onChange2(name2 ?? "", checked);
16904
17015
  }
16905
17016
  },
16906
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17017
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
16907
17018
  "input",
16908
17019
  {
16909
17020
  ...field,
@@ -16931,7 +17042,7 @@ var CheckboxField = (props) => {
16931
17042
 
16932
17043
  // src/widgets/basic/color-field/color-wrapper.tsx
16933
17044
  var import_react40 = require("react");
16934
- var import_jsx_runtime76 = require("react/jsx-runtime");
17045
+ var import_jsx_runtime77 = require("react/jsx-runtime");
16935
17046
  var ColorWrapper = (props) => {
16936
17047
  const {
16937
17048
  colors: colors2,
@@ -16958,8 +17069,8 @@ var ColorWrapper = (props) => {
16958
17069
  document.removeEventListener("mousedown", handleClickOutside);
16959
17070
  };
16960
17071
  }, []);
16961
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
16962
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17072
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { children: [
17073
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
16963
17074
  "button",
16964
17075
  {
16965
17076
  "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -16973,7 +17084,7 @@ var ColorWrapper = (props) => {
16973
17084
  }
16974
17085
  }
16975
17086
  ),
16976
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17087
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
16977
17088
  M,
16978
17089
  {
16979
17090
  className: "",
@@ -16982,8 +17093,8 @@ var ColorWrapper = (props) => {
16982
17093
  content: i18n_default.t(color?.name)
16983
17094
  }
16984
17095
  )
16985
- ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
16986
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17096
+ ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
17097
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
16987
17098
  "button",
16988
17099
  {
16989
17100
  "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -16996,7 +17107,7 @@ var ColorWrapper = (props) => {
16996
17107
  style: { backgroundColor: selectedColor?.color }
16997
17108
  }
16998
17109
  ),
16999
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17110
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17000
17111
  M,
17001
17112
  {
17002
17113
  place: "top",
@@ -17008,13 +17119,13 @@ var ColorWrapper = (props) => {
17008
17119
  };
17009
17120
 
17010
17121
  // src/widgets/basic/color-field/color.tsx
17011
- var import_jsx_runtime77 = require("react/jsx-runtime");
17122
+ var import_jsx_runtime78 = require("react/jsx-runtime");
17012
17123
  var ColorField = (props) => {
17013
17124
  const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
17014
17125
  if (!isForm) {
17015
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
17126
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
17016
17127
  }
17017
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17128
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17018
17129
  Controller,
17019
17130
  {
17020
17131
  name: name2 ?? "",
@@ -17024,7 +17135,7 @@ var ColorField = (props) => {
17024
17135
  field.onChange(color?.id);
17025
17136
  onChange2 && onChange2(name2 ?? "", color?.id);
17026
17137
  };
17027
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17138
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17028
17139
  ColorWrapper,
17029
17140
  {
17030
17141
  savePickColor: handlePickColorChange,
@@ -17039,7 +17150,7 @@ var ColorField = (props) => {
17039
17150
 
17040
17151
  // src/widgets/basic/copy-link-buttton/copy-link.tsx
17041
17152
  var import_react41 = require("react");
17042
- var import_jsx_runtime78 = require("react/jsx-runtime");
17153
+ var import_jsx_runtime79 = require("react/jsx-runtime");
17043
17154
  var CopyLinkButtonField = (props) => {
17044
17155
  const {
17045
17156
  isForm,
@@ -17058,9 +17169,9 @@ var CopyLinkButtonField = (props) => {
17058
17169
  } = props;
17059
17170
  const { t: t3 } = useI18n();
17060
17171
  if (!isForm) {
17061
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17172
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17062
17173
  }
17063
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17174
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17064
17175
  Controller,
17065
17176
  {
17066
17177
  name: name2 ?? "",
@@ -17078,8 +17189,8 @@ var CopyLinkButtonField = (props) => {
17078
17189
  clearErrors(name2);
17079
17190
  }
17080
17191
  }, [value]);
17081
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "relative", children: [
17082
- /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
17192
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative", children: [
17193
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
17083
17194
  "div",
17084
17195
  {
17085
17196
  "aria-disabled": readonly,
@@ -17088,7 +17199,7 @@ var CopyLinkButtonField = (props) => {
17088
17199
  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
17089
17200
  ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}`,
17090
17201
  children: [
17091
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17202
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17092
17203
  "input",
17093
17204
  {
17094
17205
  value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -17129,19 +17240,19 @@ var CopyLinkButtonField = (props) => {
17129
17240
  `
17130
17241
  }
17131
17242
  ),
17132
- readonly && value && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17243
+ readonly && value && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17133
17244
  "button",
17134
17245
  {
17135
17246
  className: "cursor-pointer",
17136
17247
  type: "button",
17137
17248
  onClick: () => handleCopyToClipboard(propValue),
17138
- children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CopyIcon, {})
17249
+ children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyIcon, {})
17139
17250
  }
17140
17251
  )
17141
17252
  ]
17142
17253
  }
17143
17254
  ),
17144
- error2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
17255
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
17145
17256
  ] });
17146
17257
  }
17147
17258
  }
@@ -21082,7 +21193,7 @@ function useEffectEvent(callback) {
21082
21193
  }
21083
21194
 
21084
21195
  // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
21085
- var import_jsx_runtime79 = require("react/jsx-runtime");
21196
+ var import_jsx_runtime80 = require("react/jsx-runtime");
21086
21197
  var ReactDOM2 = __toESM(require("react-dom"), 1);
21087
21198
 
21088
21199
  // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -21480,7 +21591,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
21480
21591
  bottom: isCustomShape ? "" : "rotate(180deg)",
21481
21592
  right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
21482
21593
  }[side];
21483
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg", {
21594
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", {
21484
21595
  ...rest,
21485
21596
  "aria-hidden": true,
21486
21597
  ref,
@@ -21496,18 +21607,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
21496
21607
  transform: [rotation, transform].filter((t3) => !!t3).join(" "),
21497
21608
  ...restStyle
21498
21609
  },
21499
- children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", {
21610
+ children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
21500
21611
  clipPath: "url(#" + clipPathId + ")",
21501
21612
  fill: "none",
21502
21613
  stroke,
21503
21614
  strokeWidth: computedStrokeWidth + (d ? 0 : 1),
21504
21615
  d: dValue
21505
- }), /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", {
21616
+ }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
21506
21617
  stroke: computedStrokeWidth && !d ? rest.fill : "none",
21507
21618
  d: dValue
21508
- }), /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("clipPath", {
21619
+ }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", {
21509
21620
  id: clipPathId,
21510
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("rect", {
21621
+ children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", {
21511
21622
  x: -halfStrokeWidth,
21512
21623
  y: halfStrokeWidth * (isCustomShape ? -1 : 1),
21513
21624
  width: width + computedStrokeWidth,
@@ -21678,7 +21789,7 @@ function useFloating2(options2) {
21678
21789
  }
21679
21790
 
21680
21791
  // node_modules/react-datepicker/dist/index.es.js
21681
- var import_react_dom5 = __toESM(require("react-dom"));
21792
+ var import_react_dom6 = __toESM(require("react-dom"));
21682
21793
  var _extendStatics = function extendStatics(d, b2) {
21683
21794
  _extendStatics = Object.setPrototypeOf || {
21684
21795
  __proto__: []
@@ -24921,7 +25032,7 @@ var Portal = (
24921
25032
  }
24922
25033
  };
24923
25034
  Portal2.prototype.render = function() {
24924
- return import_react_dom5.default.createPortal(this.props.children, this.el);
25035
+ return import_react_dom6.default.createPortal(this.props.children, this.el);
24925
25036
  };
24926
25037
  return Portal2;
24927
25038
  }(import_react44.Component)
@@ -27440,7 +27551,7 @@ var Emotion$1 = Emotion;
27440
27551
  var React12 = __toESM(require("react"));
27441
27552
  var import_extends2 = __toESM(require_extends());
27442
27553
  var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
27443
- var jsx80 = function jsx81(type, props) {
27554
+ var jsx81 = function jsx82(type, props) {
27444
27555
  var args = arguments;
27445
27556
  if (props == null || !hasOwn.call(props, "css")) {
27446
27557
  return React12.createElement.apply(void 0, args);
@@ -27458,7 +27569,7 @@ var jsx80 = function jsx81(type, props) {
27458
27569
  var JSX;
27459
27570
  /* @__PURE__ */ (function(_JSX) {
27460
27571
  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
27461
- })(jsx80 || (jsx80 = {}));
27572
+ })(jsx81 || (jsx81 = {}));
27462
27573
  function css() {
27463
27574
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
27464
27575
  args[_key] = arguments[_key];
@@ -27489,7 +27600,7 @@ function _taggedTemplateLiteral(e3, t3) {
27489
27600
 
27490
27601
  // node_modules/react-select/dist/index-641ee5b8.esm.js
27491
27602
  var import_react50 = require("react");
27492
- var import_react_dom6 = require("react-dom");
27603
+ var import_react_dom7 = require("react-dom");
27493
27604
 
27494
27605
  // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
27495
27606
  var import_react48 = require("react");
@@ -27866,7 +27977,7 @@ var MenuPlacer = function MenuPlacer2(props) {
27866
27977
  };
27867
27978
  var Menu = function Menu2(props) {
27868
27979
  var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
27869
- return jsx80("div", _extends({}, getStyleProps(props, "menu", {
27980
+ return jsx81("div", _extends({}, getStyleProps(props, "menu", {
27870
27981
  menu: true
27871
27982
  }), {
27872
27983
  ref: innerRef
@@ -27888,7 +27999,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
27888
27999
  };
27889
28000
  var MenuList = function MenuList2(props) {
27890
28001
  var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
27891
- return jsx80("div", _extends({}, getStyleProps(props, "menuList", {
28002
+ return jsx81("div", _extends({}, getStyleProps(props, "menuList", {
27892
28003
  "menu-list": true,
27893
28004
  "menu-list--is-multi": isMulti
27894
28005
  }), {
@@ -27908,7 +28019,7 @@ var noOptionsMessageCSS = noticeCSS;
27908
28019
  var loadingMessageCSS = noticeCSS;
27909
28020
  var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
27910
28021
  var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
27911
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28022
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
27912
28023
  children,
27913
28024
  innerProps
27914
28025
  }), "noOptionsMessage", {
@@ -27918,7 +28029,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
27918
28029
  };
27919
28030
  var LoadingMessage = function LoadingMessage2(_ref7) {
27920
28031
  var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
27921
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28032
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
27922
28033
  children,
27923
28034
  innerProps
27924
28035
  }), "loadingMessage", {
@@ -27981,7 +28092,7 @@ var MenuPortal = function MenuPortal2(props) {
27981
28092
  runAutoUpdate();
27982
28093
  }, [runAutoUpdate]);
27983
28094
  if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
27984
- var menuWrapper = jsx80("div", _extends({
28095
+ var menuWrapper = jsx81("div", _extends({
27985
28096
  ref: setMenuPortalElement
27986
28097
  }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
27987
28098
  offset: computedPosition.offset,
@@ -27990,9 +28101,9 @@ var MenuPortal = function MenuPortal2(props) {
27990
28101
  }), "menuPortal", {
27991
28102
  "menu-portal": true
27992
28103
  }), innerProps), children);
27993
- return jsx80(PortalPlacementContext.Provider, {
28104
+ return jsx81(PortalPlacementContext.Provider, {
27994
28105
  value: portalPlacementContext
27995
- }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
28106
+ }, appendTo ? /* @__PURE__ */ (0, import_react_dom7.createPortal)(menuWrapper, appendTo) : menuWrapper);
27996
28107
  };
27997
28108
  var containerCSS = function containerCSS2(_ref3) {
27998
28109
  var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -28006,7 +28117,7 @@ var containerCSS = function containerCSS2(_ref3) {
28006
28117
  };
28007
28118
  var SelectContainer = function SelectContainer2(props) {
28008
28119
  var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
28009
- return jsx80("div", _extends({}, getStyleProps(props, "container", {
28120
+ return jsx81("div", _extends({}, getStyleProps(props, "container", {
28010
28121
  "--is-disabled": isDisabled,
28011
28122
  "--is-rtl": isRtl
28012
28123
  }), innerProps), children);
@@ -28027,7 +28138,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
28027
28138
  };
28028
28139
  var ValueContainer = function ValueContainer2(props) {
28029
28140
  var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
28030
- return jsx80("div", _extends({}, getStyleProps(props, "valueContainer", {
28141
+ return jsx81("div", _extends({}, getStyleProps(props, "valueContainer", {
28031
28142
  "value-container": true,
28032
28143
  "value-container--is-multi": isMulti,
28033
28144
  "value-container--has-value": hasValue
@@ -28043,7 +28154,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
28043
28154
  };
28044
28155
  var IndicatorsContainer = function IndicatorsContainer2(props) {
28045
28156
  var children = props.children, innerProps = props.innerProps;
28046
- return jsx80("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
28157
+ return jsx81("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
28047
28158
  indicators: true
28048
28159
  }), innerProps), children);
28049
28160
  };
@@ -28064,7 +28175,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
28064
28175
  };
28065
28176
  var Svg = function Svg2(_ref3) {
28066
28177
  var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
28067
- return jsx80("svg", _extends({
28178
+ return jsx81("svg", _extends({
28068
28179
  height: size4,
28069
28180
  width: size4,
28070
28181
  viewBox: "0 0 20 20",
@@ -28074,16 +28185,16 @@ var Svg = function Svg2(_ref3) {
28074
28185
  }, props));
28075
28186
  };
28076
28187
  var CrossIcon = function CrossIcon2(props) {
28077
- return jsx80(Svg, _extends({
28188
+ return jsx81(Svg, _extends({
28078
28189
  size: 20
28079
- }, props), jsx80("path", {
28190
+ }, props), jsx81("path", {
28080
28191
  d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
28081
28192
  }));
28082
28193
  };
28083
28194
  var DownChevron = function DownChevron2(props) {
28084
- return jsx80(Svg, _extends({
28195
+ return jsx81(Svg, _extends({
28085
28196
  size: 20
28086
- }, props), jsx80("path", {
28197
+ }, props), jsx81("path", {
28087
28198
  d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
28088
28199
  }));
28089
28200
  };
@@ -28104,18 +28215,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
28104
28215
  var dropdownIndicatorCSS = baseCSS;
28105
28216
  var DropdownIndicator = function DropdownIndicator2(props) {
28106
28217
  var children = props.children, innerProps = props.innerProps;
28107
- return jsx80("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
28218
+ return jsx81("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
28108
28219
  indicator: true,
28109
28220
  "dropdown-indicator": true
28110
- }), innerProps), children || jsx80(DownChevron, null));
28221
+ }), innerProps), children || jsx81(DownChevron, null));
28111
28222
  };
28112
28223
  var clearIndicatorCSS = baseCSS;
28113
28224
  var ClearIndicator = function ClearIndicator2(props) {
28114
28225
  var children = props.children, innerProps = props.innerProps;
28115
- return jsx80("div", _extends({}, getStyleProps(props, "clearIndicator", {
28226
+ return jsx81("div", _extends({}, getStyleProps(props, "clearIndicator", {
28116
28227
  indicator: true,
28117
28228
  "clear-indicator": true
28118
- }), innerProps), children || jsx80(CrossIcon, null));
28229
+ }), innerProps), children || jsx81(CrossIcon, null));
28119
28230
  };
28120
28231
  var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
28121
28232
  var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -28131,7 +28242,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
28131
28242
  };
28132
28243
  var IndicatorSeparator = function IndicatorSeparator2(props) {
28133
28244
  var innerProps = props.innerProps;
28134
- return jsx80("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
28245
+ return jsx81("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
28135
28246
  "indicator-separator": true
28136
28247
  })));
28137
28248
  };
@@ -28155,7 +28266,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
28155
28266
  };
28156
28267
  var LoadingDot = function LoadingDot2(_ref6) {
28157
28268
  var delay = _ref6.delay, offset4 = _ref6.offset;
28158
- return jsx80("span", {
28269
+ return jsx81("span", {
28159
28270
  css: /* @__PURE__ */ css({
28160
28271
  animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
28161
28272
  backgroundColor: "currentColor",
@@ -28170,20 +28281,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
28170
28281
  };
28171
28282
  var LoadingIndicator = function LoadingIndicator2(_ref7) {
28172
28283
  var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
28173
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28284
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28174
28285
  innerProps,
28175
28286
  isRtl,
28176
28287
  size: size4
28177
28288
  }), "loadingIndicator", {
28178
28289
  indicator: true,
28179
28290
  "loading-indicator": true
28180
- }), innerProps), jsx80(LoadingDot, {
28291
+ }), innerProps), jsx81(LoadingDot, {
28181
28292
  delay: 0,
28182
28293
  offset: isRtl
28183
- }), jsx80(LoadingDot, {
28294
+ }), jsx81(LoadingDot, {
28184
28295
  delay: 160,
28185
28296
  offset: true
28186
- }), jsx80(LoadingDot, {
28297
+ }), jsx81(LoadingDot, {
28187
28298
  delay: 320,
28188
28299
  offset: !isRtl
28189
28300
  }));
@@ -28215,7 +28326,7 @@ var css$1 = function css2(_ref3, unstyled) {
28215
28326
  };
28216
28327
  var Control = function Control2(props) {
28217
28328
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
28218
- return jsx80("div", _extends({
28329
+ return jsx81("div", _extends({
28219
28330
  ref: innerRef
28220
28331
  }, getStyleProps(props, "control", {
28221
28332
  control: true,
@@ -28237,15 +28348,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
28237
28348
  };
28238
28349
  var Group = function Group2(props) {
28239
28350
  var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
28240
- return jsx80("div", _extends({}, getStyleProps(props, "group", {
28351
+ return jsx81("div", _extends({}, getStyleProps(props, "group", {
28241
28352
  group: true
28242
- }), innerProps), jsx80(Heading, _extends({}, headingProps, {
28353
+ }), innerProps), jsx81(Heading, _extends({}, headingProps, {
28243
28354
  selectProps,
28244
28355
  theme,
28245
28356
  getStyles,
28246
28357
  getClassNames,
28247
28358
  cx
28248
- }), label), jsx80("div", null, children));
28359
+ }), label), jsx81("div", null, children));
28249
28360
  };
28250
28361
  var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
28251
28362
  var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -28267,7 +28378,7 @@ var GroupHeading = function GroupHeading2(props) {
28267
28378
  var _cleanCommonProps = cleanCommonProps(props);
28268
28379
  _cleanCommonProps.data;
28269
28380
  var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
28270
- return jsx80("div", _extends({}, getStyleProps(props, "groupHeading", {
28381
+ return jsx81("div", _extends({}, getStyleProps(props, "groupHeading", {
28271
28382
  "group-heading": true
28272
28383
  }), innerProps));
28273
28384
  };
@@ -28319,11 +28430,11 @@ var inputStyle = function inputStyle2(isHidden) {
28319
28430
  var Input = function Input2(props) {
28320
28431
  var cx = props.cx, value = props.value;
28321
28432
  var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
28322
- return jsx80("div", _extends({}, getStyleProps(props, "input", {
28433
+ return jsx81("div", _extends({}, getStyleProps(props, "input", {
28323
28434
  "input-container": true
28324
28435
  }), {
28325
28436
  "data-value": value || ""
28326
- }), jsx80("input", _extends({
28437
+ }), jsx81("input", _extends({
28327
28438
  className: cx({
28328
28439
  input: true
28329
28440
  }, inputClassName),
@@ -28377,35 +28488,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
28377
28488
  };
28378
28489
  var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
28379
28490
  var children = _ref4.children, innerProps = _ref4.innerProps;
28380
- return jsx80("div", innerProps, children);
28491
+ return jsx81("div", innerProps, children);
28381
28492
  };
28382
28493
  var MultiValueContainer = MultiValueGeneric;
28383
28494
  var MultiValueLabel = MultiValueGeneric;
28384
28495
  function MultiValueRemove(_ref5) {
28385
28496
  var children = _ref5.children, innerProps = _ref5.innerProps;
28386
- return jsx80("div", _extends({
28497
+ return jsx81("div", _extends({
28387
28498
  role: "button"
28388
- }, innerProps), children || jsx80(CrossIcon, {
28499
+ }, innerProps), children || jsx81(CrossIcon, {
28389
28500
  size: 14
28390
28501
  }));
28391
28502
  }
28392
28503
  var MultiValue = function MultiValue2(props) {
28393
28504
  var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
28394
28505
  var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
28395
- return jsx80(Container, {
28506
+ return jsx81(Container, {
28396
28507
  data,
28397
28508
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
28398
28509
  "multi-value": true,
28399
28510
  "multi-value--is-disabled": isDisabled
28400
28511
  })), innerProps),
28401
28512
  selectProps
28402
- }, jsx80(Label, {
28513
+ }, jsx81(Label, {
28403
28514
  data,
28404
28515
  innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
28405
28516
  "multi-value__label": true
28406
28517
  })),
28407
28518
  selectProps
28408
- }, children), jsx80(Remove, {
28519
+ }, children), jsx81(Remove, {
28409
28520
  data,
28410
28521
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
28411
28522
  "multi-value__remove": true
@@ -28438,7 +28549,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
28438
28549
  };
28439
28550
  var Option = function Option2(props) {
28440
28551
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
28441
- return jsx80("div", _extends({}, getStyleProps(props, "option", {
28552
+ return jsx81("div", _extends({}, getStyleProps(props, "option", {
28442
28553
  option: true,
28443
28554
  "option--is-disabled": isDisabled,
28444
28555
  "option--is-focused": isFocused,
@@ -28462,7 +28573,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
28462
28573
  };
28463
28574
  var Placeholder = function Placeholder2(props) {
28464
28575
  var children = props.children, innerProps = props.innerProps;
28465
- return jsx80("div", _extends({}, getStyleProps(props, "placeholder", {
28576
+ return jsx81("div", _extends({}, getStyleProps(props, "placeholder", {
28466
28577
  placeholder: true
28467
28578
  }), innerProps), children);
28468
28579
  };
@@ -28484,7 +28595,7 @@ var css3 = function css4(_ref3, unstyled) {
28484
28595
  };
28485
28596
  var SingleValue = function SingleValue2(props) {
28486
28597
  var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
28487
- return jsx80("div", _extends({}, getStyleProps(props, "singleValue", {
28598
+ return jsx81("div", _extends({}, getStyleProps(props, "singleValue", {
28488
28599
  "single-value": true,
28489
28600
  "single-value--is-disabled": isDisabled
28490
28601
  }), innerProps), children);
@@ -28586,7 +28697,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
28586
28697
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
28587
28698
  };
28588
28699
  var A11yText = function A11yText2(props) {
28589
- return jsx80("span", _extends({
28700
+ return jsx81("span", _extends({
28590
28701
  css: _ref
28591
28702
  }, props));
28592
28703
  };
@@ -28721,18 +28832,18 @@ var LiveRegion = function LiveRegion2(props) {
28721
28832
  }
28722
28833
  return guidanceMsg;
28723
28834
  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
28724
- var ScreenReaderText = jsx80(import_react51.Fragment, null, jsx80("span", {
28835
+ var ScreenReaderText = jsx81(import_react51.Fragment, null, jsx81("span", {
28725
28836
  id: "aria-selection"
28726
- }, ariaSelected), jsx80("span", {
28837
+ }, ariaSelected), jsx81("span", {
28727
28838
  id: "aria-focused"
28728
- }, ariaFocused), jsx80("span", {
28839
+ }, ariaFocused), jsx81("span", {
28729
28840
  id: "aria-results"
28730
- }, ariaResults), jsx80("span", {
28841
+ }, ariaResults), jsx81("span", {
28731
28842
  id: "aria-guidance"
28732
28843
  }, ariaGuidance));
28733
- return jsx80(import_react51.Fragment, null, jsx80(A11yText$1, {
28844
+ return jsx81(import_react51.Fragment, null, jsx81(A11yText$1, {
28734
28845
  id
28735
- }, isInitialFocus && ScreenReaderText), jsx80(A11yText$1, {
28846
+ }, isInitialFocus && ScreenReaderText), jsx81(A11yText$1, {
28736
28847
  "aria-live": ariaLive,
28737
28848
  "aria-atomic": "false",
28738
28849
  "aria-relevant": "additions text",
@@ -29045,7 +29156,7 @@ var _excluded4 = ["innerRef"];
29045
29156
  function DummyInput(_ref3) {
29046
29157
  var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
29047
29158
  var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
29048
- return jsx80("input", _extends({
29159
+ return jsx81("input", _extends({
29049
29160
  ref: innerRef
29050
29161
  }, filteredProps, {
29051
29162
  css: /* @__PURE__ */ css({
@@ -29287,7 +29398,7 @@ function ScrollManager(_ref3) {
29287
29398
  setScrollCaptureTarget(element);
29288
29399
  setScrollLockTarget(element);
29289
29400
  };
29290
- return jsx80(import_react51.Fragment, null, lockEnabled && jsx80("div", {
29401
+ return jsx81(import_react51.Fragment, null, lockEnabled && jsx81("div", {
29291
29402
  onClick: blurSelectInput,
29292
29403
  css: _ref2$1
29293
29404
  }), children(targetRef));
@@ -29306,7 +29417,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
29306
29417
  };
29307
29418
  var RequiredInput = function RequiredInput2(_ref3) {
29308
29419
  var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
29309
- return jsx80("input", {
29420
+ return jsx81("input", {
29310
29421
  required: true,
29311
29422
  name: name2,
29312
29423
  tabIndex: -1,
@@ -30885,7 +30996,7 @@ var import_toConsumableArray2 = __toESM(require_toConsumableArray());
30885
30996
  var import_typeof5 = __toESM(require_typeof());
30886
30997
  var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
30887
30998
  var import_defineProperty3 = __toESM(require_defineProperty());
30888
- var import_react_dom7 = require("react-dom");
30999
+ var import_react_dom8 = require("react-dom");
30889
31000
  var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
30890
31001
  var baseSelectProps = useStateManager(props);
30891
31002
  return /* @__PURE__ */ React14.createElement(Select, _extends({
@@ -30896,7 +31007,7 @@ var StateManagedSelect$1 = StateManagedSelect;
30896
31007
 
30897
31008
  // src/widgets/basic/date-field/date.tsx
30898
31009
  var import_moment2 = __toESM(require_moment());
30899
- var import_jsx_runtime80 = require("react/jsx-runtime");
31010
+ var import_jsx_runtime81 = require("react/jsx-runtime");
30900
31011
  var DateField = (props) => {
30901
31012
  const {
30902
31013
  name: name2,
@@ -30924,8 +31035,8 @@ var DateField = (props) => {
30924
31035
  } = props;
30925
31036
  const { t: t3 } = useI18n();
30926
31037
  const InputDateCustom = (0, import_react54.forwardRef)(
30927
- ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("label", { className: `flex ${className}`, children: [
30928
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31038
+ ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: `flex ${className}`, children: [
31039
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
30929
31040
  "input",
30930
31041
  {
30931
31042
  className: `bg-transparent w-full focus-visible:outline-none outline-none border-none ${readonly && "cursor-not-allowed"}`,
@@ -30939,13 +31050,13 @@ var DateField = (props) => {
30939
31050
  value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
30940
31051
  }
30941
31052
  ),
30942
- isForm2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CalendarIcon, {})
31053
+ isForm2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CalendarIcon, {})
30943
31054
  ] })
30944
31055
  );
30945
31056
  if (!isForm && !isEditTable) {
30946
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
31057
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
30947
31058
  } else {
30948
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31059
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
30949
31060
  Controller,
30950
31061
  {
30951
31062
  name: name2 || "",
@@ -30967,8 +31078,8 @@ var DateField = (props) => {
30967
31078
  }
30968
31079
  }, [value, clearErrors, name2]);
30969
31080
  const selectedDate = !methods ? value && (0, import_moment2.default)(value, formatDateParse).isValid() ? (0, import_moment2.default)(value, formatDateParse).add(7, "hours").toDate() : null : field?.value && (0, import_moment2.default)(field.value, formatDateParse).isValid() ? (0, import_moment2.default)(field.value, formatDateParse).add(7, "hours").toDate() : null;
30970
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
30971
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31081
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
31082
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
30972
31083
  DatePicker,
30973
31084
  {
30974
31085
  selected: selectedDate,
@@ -31016,7 +31127,7 @@ var DateField = (props) => {
31016
31127
  minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
31017
31128
  maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
31018
31129
  showTimeInput: showTime,
31019
- customInput: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31130
+ customInput: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31020
31131
  InputDateCustom,
31021
31132
  {
31022
31133
  isForm,
@@ -31034,7 +31145,7 @@ var DateField = (props) => {
31034
31145
  increaseMonth,
31035
31146
  prevMonthButtonDisabled,
31036
31147
  nextMonthButtonDisabled
31037
- }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
31148
+ }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
31038
31149
  "div",
31039
31150
  {
31040
31151
  style: {
@@ -31043,7 +31154,7 @@ var DateField = (props) => {
31043
31154
  justifyContent: "center"
31044
31155
  },
31045
31156
  children: [
31046
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31157
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31047
31158
  "button",
31048
31159
  {
31049
31160
  onClick: decreaseMonth,
@@ -31051,7 +31162,7 @@ var DateField = (props) => {
31051
31162
  children: "<"
31052
31163
  }
31053
31164
  ),
31054
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31165
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31055
31166
  StateManagedSelect$1,
31056
31167
  {
31057
31168
  classNames: {
@@ -31077,7 +31188,7 @@ var DateField = (props) => {
31077
31188
  autoFocus: true
31078
31189
  }
31079
31190
  ),
31080
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31191
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31081
31192
  StateManagedSelect$1,
31082
31193
  {
31083
31194
  classNames: {
@@ -31105,7 +31216,7 @@ var DateField = (props) => {
31105
31216
  }))
31106
31217
  }
31107
31218
  ),
31108
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31219
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31109
31220
  "button",
31110
31221
  {
31111
31222
  onClick: increaseMonth,
@@ -31118,7 +31229,7 @@ var DateField = (props) => {
31118
31229
  )
31119
31230
  }
31120
31231
  ),
31121
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31232
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31122
31233
  ] });
31123
31234
  }
31124
31235
  }
@@ -31127,26 +31238,26 @@ var DateField = (props) => {
31127
31238
  };
31128
31239
 
31129
31240
  // src/widgets/basic/download-binary-field/download-binary.tsx
31130
- var import_jsx_runtime81 = require("react/jsx-runtime");
31241
+ var import_jsx_runtime82 = require("react/jsx-runtime");
31131
31242
  var DownLoadBinaryField = (props) => {
31132
31243
  const { handleFileDownload } = props;
31133
31244
  const { t: t3 } = useI18n();
31134
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
31245
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
31135
31246
  "button",
31136
31247
  {
31137
31248
  type: "button",
31138
31249
  onClick: handleFileDownload,
31139
31250
  className: "download-binary-field flex items-center gap-1 text-blue-700 my-auto",
31140
31251
  children: [
31141
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DownloadIcon, {}),
31142
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
31252
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DownloadIcon, {}),
31253
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
31143
31254
  ]
31144
31255
  }
31145
31256
  );
31146
31257
  };
31147
31258
 
31148
31259
  // src/widgets/basic/download-file-field/download-file.tsx
31149
- var import_jsx_runtime82 = require("react/jsx-runtime");
31260
+ var import_jsx_runtime83 = require("react/jsx-runtime");
31150
31261
  var DownloadFileField = (props) => {
31151
31262
  const {
31152
31263
  readonly,
@@ -31158,15 +31269,15 @@ var DownloadFileField = (props) => {
31158
31269
  handleFileChange,
31159
31270
  handleFileDownload
31160
31271
  } = props;
31161
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "", children: [
31162
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
31272
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "", children: [
31273
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31163
31274
  "label",
31164
31275
  {
31165
31276
  htmlFor: inputId,
31166
31277
  className: "flex cursor-pointer items-center justify-center rounded-lg border-2 border-gray-300 bg-white px-3 py-2 transition-colors duration-300 hover:bg-gray-200",
31167
31278
  children: [
31168
- file ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
31169
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
31279
+ file ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
31280
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31170
31281
  "input",
31171
31282
  {
31172
31283
  id: inputId,
@@ -31180,7 +31291,7 @@ var DownloadFileField = (props) => {
31180
31291
  ]
31181
31292
  }
31182
31293
  ),
31183
- file && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
31294
+ file && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31184
31295
  "button",
31185
31296
  {
31186
31297
  onClick: handleFileDownload,
@@ -31194,7 +31305,7 @@ var DownloadFileField = (props) => {
31194
31305
 
31195
31306
  // src/widgets/basic/dropdown-field/dropdown.tsx
31196
31307
  var import_react55 = require("react");
31197
- var import_jsx_runtime83 = require("react/jsx-runtime");
31308
+ var import_jsx_runtime84 = require("react/jsx-runtime");
31198
31309
  var DropdownField = (props) => {
31199
31310
  const {
31200
31311
  options: options2,
@@ -31208,30 +31319,30 @@ var DropdownField = (props) => {
31208
31319
  } = props;
31209
31320
  const [open, setOpen] = (0, import_react55.useState)(false);
31210
31321
  const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
31211
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31322
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31212
31323
  "div",
31213
31324
  {
31214
31325
  ref: dropdownRef,
31215
31326
  className: `relative ${className}`,
31216
31327
  onClick: () => setOpen(!open),
31217
31328
  children: [
31218
- /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31329
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31219
31330
  "div",
31220
31331
  {
31221
31332
  className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
31222
31333
  children: [
31223
31334
  selectedValue?.icon,
31224
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: selectedValue?.label }),
31225
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
31335
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: selectedValue?.label }),
31336
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
31226
31337
  ]
31227
31338
  }
31228
31339
  ),
31229
- open && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31340
+ open && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
31230
31341
  "div",
31231
31342
  {
31232
31343
  className: `absolute left-0 top-[calc(100%_+_4px)] z-50 bg-white overflow-hidden rounded-lg border border-[#dbe0e6] shadow-md text-sub-600 h-auto !min-h-fit text-xs !leading-5 !font-bold ${dropdownClassName}`,
31233
31344
  onClick: (e3) => e3.stopPropagation(),
31234
- children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31345
+ children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
31235
31346
  "div",
31236
31347
  {
31237
31348
  onClick: () => {
@@ -31251,7 +31362,7 @@ var DropdownField = (props) => {
31251
31362
  };
31252
31363
 
31253
31364
  // src/widgets/basic/fee-field/fee.tsx
31254
- var import_jsx_runtime84 = require("react/jsx-runtime");
31365
+ var import_jsx_runtime85 = require("react/jsx-runtime");
31255
31366
  var FeeField = (props) => {
31256
31367
  const { value, formValues } = props;
31257
31368
  const { t: t3 } = useI18n();
@@ -31262,27 +31373,27 @@ var FeeField = (props) => {
31262
31373
  )
31263
31374
  ) + " VND";
31264
31375
  const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
31265
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
31376
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
31266
31377
  value?.subtotals?.map((sub) => {
31267
31378
  if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
31268
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
31269
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
31270
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31379
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
31380
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
31381
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31271
31382
  sub?.name,
31272
31383
  ":"
31273
31384
  ] }),
31274
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
31385
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
31275
31386
  ] }),
31276
- sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31387
+ sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
31277
31388
  "div",
31278
31389
  {
31279
31390
  className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
31280
31391
  children: [
31281
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31392
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31282
31393
  group?.group_name,
31283
31394
  ":"
31284
31395
  ] }),
31285
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
31396
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
31286
31397
  ]
31287
31398
  },
31288
31399
  `tax_groups_${group?.id}`
@@ -31290,33 +31401,33 @@ var FeeField = (props) => {
31290
31401
  ] });
31291
31402
  }
31292
31403
  }),
31293
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
31294
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31404
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
31405
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31295
31406
  t3("total"),
31296
31407
  ":"
31297
31408
  ] }),
31298
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
31409
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
31299
31410
  ] }),
31300
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
31301
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31411
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
31412
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31302
31413
  t3("paid_amount"),
31303
31414
  ":"
31304
31415
  ] }),
31305
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
31416
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
31306
31417
  ] }),
31307
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
31308
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31418
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
31419
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31309
31420
  t3("remanining_amount"),
31310
31421
  ":"
31311
31422
  ] }),
31312
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
31423
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
31313
31424
  ] })
31314
31425
  ] });
31315
31426
  };
31316
31427
 
31317
31428
  // src/widgets/basic/file-upload-field/file-upload.tsx
31318
31429
  var import_react56 = require("react");
31319
- var import_jsx_runtime85 = require("react/jsx-runtime");
31430
+ var import_jsx_runtime86 = require("react/jsx-runtime");
31320
31431
  var RenderFile = ({
31321
31432
  file,
31322
31433
  onDelete,
@@ -31326,16 +31437,16 @@ var RenderFile = ({
31326
31437
  readAs: "all"
31327
31438
  });
31328
31439
  const fileTypeIcon = {
31329
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PdfIcon, {}),
31330
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ZipIcon, {}),
31331
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ZipIcon, {}),
31332
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExcelIcon, {}),
31333
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExcelIcon, {})
31440
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PdfIcon, {}),
31441
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
31442
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
31443
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {}),
31444
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {})
31334
31445
  };
31335
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
31336
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
31337
- /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
31338
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
31446
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
31447
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
31448
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
31449
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31339
31450
  "div",
31340
31451
  {
31341
31452
  style: {
@@ -31345,20 +31456,20 @@ var RenderFile = ({
31345
31456
  children: file?.name || file?.display_name || info?.name
31346
31457
  }
31347
31458
  ),
31348
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
31459
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
31349
31460
  ] }),
31350
- /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
31351
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
31461
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
31462
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31352
31463
  "span",
31353
31464
  {
31354
31465
  onClick: () => onDownload && onDownload(
31355
31466
  file?.data,
31356
31467
  file?.name || file?.display_name || info?.name
31357
31468
  ),
31358
- children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DownloadIcon, {})
31469
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DownloadIcon, {})
31359
31470
  }
31360
31471
  ),
31361
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DeleteIconDanger, {}) })
31472
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DeleteIconDanger, {}) })
31362
31473
  ] })
31363
31474
  ] });
31364
31475
  };
@@ -31392,7 +31503,7 @@ var FileUploadField = (props) => {
31392
31503
  ]);
31393
31504
  }
31394
31505
  }, [value]);
31395
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
31506
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31396
31507
  Controller,
31397
31508
  {
31398
31509
  name: name2 || "",
@@ -31417,8 +31528,8 @@ var FileUploadField = (props) => {
31417
31528
  );
31418
31529
  }
31419
31530
  }, [selectedFiles]);
31420
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "file-upload-field", children: [
31421
- selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
31531
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
31532
+ selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31422
31533
  RenderFile,
31423
31534
  {
31424
31535
  file: fileItem,
@@ -31433,8 +31544,8 @@ var FileUploadField = (props) => {
31433
31544
  }
31434
31545
  }
31435
31546
  )),
31436
- uploadError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
31437
- (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
31547
+ uploadError && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
31548
+ (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31438
31549
  ButtonSelectFiles,
31439
31550
  {
31440
31551
  fileInputRef,
@@ -31449,7 +31560,7 @@ var FileUploadField = (props) => {
31449
31560
  useUploadFile
31450
31561
  }
31451
31562
  ),
31452
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31563
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31453
31564
  ] });
31454
31565
  }
31455
31566
  }
@@ -31458,7 +31569,7 @@ var FileUploadField = (props) => {
31458
31569
 
31459
31570
  // src/widgets/basic/float-field/float.tsx
31460
31571
  var import_react57 = require("react");
31461
- var import_jsx_runtime86 = require("react/jsx-runtime");
31572
+ var import_jsx_runtime87 = require("react/jsx-runtime");
31462
31573
  var FloatField = (props) => {
31463
31574
  const {
31464
31575
  name: name2,
@@ -31476,9 +31587,9 @@ var FloatField = (props) => {
31476
31587
  } = props;
31477
31588
  const { t: t3 } = useI18n();
31478
31589
  if (!isForm && !isEditTable) {
31479
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
31590
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
31480
31591
  }
31481
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31592
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
31482
31593
  Controller,
31483
31594
  {
31484
31595
  name: name2 ?? "",
@@ -31583,8 +31694,8 @@ var FloatField = (props) => {
31583
31694
  }
31584
31695
  isDirtyRef.current = false;
31585
31696
  };
31586
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
31587
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31697
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
31698
+ /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
31588
31699
  "input",
31589
31700
  {
31590
31701
  ref: inputRef,
@@ -31604,7 +31715,7 @@ var FloatField = (props) => {
31604
31715
  `
31605
31716
  }
31606
31717
  ),
31607
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31718
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31608
31719
  ] });
31609
31720
  }
31610
31721
  }
@@ -31613,7 +31724,7 @@ var FloatField = (props) => {
31613
31724
 
31614
31725
  // src/widgets/basic/float-time-field/float-time.tsx
31615
31726
  var import_react58 = require("react");
31616
- var import_jsx_runtime87 = require("react/jsx-runtime");
31727
+ var import_jsx_runtime88 = require("react/jsx-runtime");
31617
31728
  var FloatTimeField = (props) => {
31618
31729
  const {
31619
31730
  name: name2,
@@ -31629,9 +31740,9 @@ var FloatTimeField = (props) => {
31629
31740
  const { t: t3 } = useI18n();
31630
31741
  if (!isForm) {
31631
31742
  const formatValue = value ?? 0;
31632
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: convertFloatToTime(formatValue) });
31743
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: convertFloatToTime(formatValue) });
31633
31744
  }
31634
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
31745
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
31635
31746
  Controller,
31636
31747
  {
31637
31748
  name: name2 ?? "",
@@ -31693,8 +31804,8 @@ var FloatTimeField = (props) => {
31693
31804
  }
31694
31805
  onBlur();
31695
31806
  };
31696
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
31697
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
31807
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
31808
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
31698
31809
  "input",
31699
31810
  {
31700
31811
  type: "text",
@@ -31726,7 +31837,7 @@ var FloatTimeField = (props) => {
31726
31837
  readOnly: readonly
31727
31838
  }
31728
31839
  ),
31729
- (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
31840
+ (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
31730
31841
  ] });
31731
31842
  }
31732
31843
  }
@@ -31735,7 +31846,7 @@ var FloatTimeField = (props) => {
31735
31846
 
31736
31847
  // src/widgets/basic/html-field/html.tsx
31737
31848
  var import_react59 = require("react");
31738
- var import_jsx_runtime88 = require("react/jsx-runtime");
31849
+ var import_jsx_runtime89 = require("react/jsx-runtime");
31739
31850
  var HtmlField = (props) => {
31740
31851
  const {
31741
31852
  name: name2,
@@ -31749,9 +31860,9 @@ var HtmlField = (props) => {
31749
31860
  } = props;
31750
31861
  const divRef = (0, import_react59.useRef)(null);
31751
31862
  if (!isForm && !isEditTable) {
31752
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
31863
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
31753
31864
  }
31754
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
31865
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
31755
31866
  Controller,
31756
31867
  {
31757
31868
  name: name2 ?? "",
@@ -31770,7 +31881,7 @@ var HtmlField = (props) => {
31770
31881
  onChange2(newValue, "");
31771
31882
  }
31772
31883
  };
31773
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
31884
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
31774
31885
  "div",
31775
31886
  {
31776
31887
  ref: divRef,
@@ -31789,28 +31900,28 @@ var HtmlField = (props) => {
31789
31900
  };
31790
31901
 
31791
31902
  // src/widgets/basic/image-field/image.tsx
31792
- var import_jsx_runtime89 = require("react/jsx-runtime");
31903
+ var import_jsx_runtime90 = require("react/jsx-runtime");
31793
31904
  var ImageField = (props) => {
31794
31905
  const { value, type, name: name2, baseURL } = props;
31795
31906
  if (!value) return null;
31796
31907
  if (type === "url") {
31797
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
31908
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
31798
31909
  }
31799
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
31910
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
31800
31911
  };
31801
31912
 
31802
31913
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
31803
31914
  var import_react60 = __toESM(require("react"));
31804
31915
 
31805
31916
  // src/widgets/basic/information-field/information.tsx
31806
- var import_jsx_runtime90 = require("react/jsx-runtime");
31917
+ var import_jsx_runtime91 = require("react/jsx-runtime");
31807
31918
  var InfomationField = (props) => {
31808
31919
  const { value, isForm = false, showName = true, stringToColor } = props;
31809
31920
  if (!value || Array.isArray(value) && value.length === 0) {
31810
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_jsx_runtime90.Fragment, {});
31921
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, {});
31811
31922
  }
31812
31923
  const inforValues = Array.isArray(value) ? value : [value];
31813
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
31924
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
31814
31925
  AvatarField,
31815
31926
  {
31816
31927
  id: item.id,
@@ -31819,8 +31930,8 @@ var InfomationField = (props) => {
31819
31930
  stringToColor
31820
31931
  },
31821
31932
  item.id
31822
- )) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
31823
- /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
31933
+ )) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
31934
+ /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
31824
31935
  AvatarField,
31825
31936
  {
31826
31937
  avatarSrc: inforValues[0].image_256,
@@ -31830,12 +31941,12 @@ var InfomationField = (props) => {
31830
31941
  stringToColor
31831
31942
  }
31832
31943
  ),
31833
- showName && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
31944
+ showName && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
31834
31945
  ] }) });
31835
31946
  };
31836
31947
 
31837
31948
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
31838
- var import_jsx_runtime91 = require("react/jsx-runtime");
31949
+ var import_jsx_runtime92 = require("react/jsx-runtime");
31839
31950
  var CustomMultiValue = ({ stringToColor, ...props }) => {
31840
31951
  const { selectProps, data, menuList } = props;
31841
31952
  const { relation } = selectProps;
@@ -31844,8 +31955,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31844
31955
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
31845
31956
  )
31846
31957
  )?.[0]?.action?.id;
31847
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
31848
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
31958
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
31959
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
31849
31960
  AvatarField,
31850
31961
  {
31851
31962
  id: data?.id,
@@ -31857,8 +31968,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31857
31968
  stringToColor
31858
31969
  }
31859
31970
  ),
31860
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
31861
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
31971
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
31972
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
31862
31973
  "span",
31863
31974
  {
31864
31975
  className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -31866,7 +31977,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31866
31977
  e3.stopPropagation();
31867
31978
  props.removeProps.onClick();
31868
31979
  },
31869
- children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CloseIcon, {})
31980
+ children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CloseIcon, {})
31870
31981
  }
31871
31982
  )
31872
31983
  ] });
@@ -31876,9 +31987,9 @@ var CustomMenuList = (props) => {
31876
31987
  const { setIsShowModalMany2Many, searchable } = selectProps;
31877
31988
  const { t: t3 } = useI18n();
31878
31989
  const limitedChildren = import_react60.default.Children.toArray(children).slice(0, 10);
31879
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
31990
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
31880
31991
  limitedChildren,
31881
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
31992
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
31882
31993
  "button",
31883
31994
  {
31884
31995
  type: "button",
@@ -31923,7 +32034,7 @@ var Many2ManyTagField = (props) => {
31923
32034
  value: item.id,
31924
32035
  label: item.name ?? item.display_name
31925
32036
  })) : [];
31926
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32037
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
31927
32038
  InfomationField,
31928
32039
  {
31929
32040
  value: optionValue || null,
@@ -31932,7 +32043,7 @@ var Many2ManyTagField = (props) => {
31932
32043
  }
31933
32044
  );
31934
32045
  }
31935
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32046
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
31936
32047
  Controller,
31937
32048
  {
31938
32049
  name: name2 ?? "",
@@ -31968,8 +32079,8 @@ var Many2ManyTagField = (props) => {
31968
32079
  onChange2?.(name2 ?? "", newValue);
31969
32080
  clearErrors(name2);
31970
32081
  };
31971
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
31972
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32082
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
32083
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
31973
32084
  StateManagedSelect$1,
31974
32085
  {
31975
32086
  options: options2,
@@ -32047,7 +32158,7 @@ var Many2ManyTagField = (props) => {
32047
32158
  })
32048
32159
  },
32049
32160
  components: isUser ? {
32050
- MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32161
+ MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32051
32162
  CustomMultiValue,
32052
32163
  {
32053
32164
  ...multiValueProps,
@@ -32056,7 +32167,7 @@ var Many2ManyTagField = (props) => {
32056
32167
  ),
32057
32168
  IndicatorSeparator: () => null
32058
32169
  } : {
32059
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32170
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32060
32171
  CustomMenuList,
32061
32172
  {
32062
32173
  ...menuListProps,
@@ -32067,13 +32178,13 @@ var Many2ManyTagField = (props) => {
32067
32178
  }
32068
32179
  ),
32069
32180
  IndicatorSeparator: () => null,
32070
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(components.DropdownIndicator, { ...props2 }),
32071
- ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(components.ClearIndicator, { ...props2 })
32181
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.DropdownIndicator, { ...props2 }),
32182
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.ClearIndicator, { ...props2 })
32072
32183
  },
32073
32184
  required: !invisible && required
32074
32185
  }
32075
32186
  ),
32076
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32187
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32077
32188
  ] });
32078
32189
  }
32079
32190
  }
@@ -32082,7 +32193,7 @@ var Many2ManyTagField = (props) => {
32082
32193
 
32083
32194
  // src/widgets/basic/monetary-field/monetary.tsx
32084
32195
  var import_react61 = require("react");
32085
- var import_jsx_runtime92 = require("react/jsx-runtime");
32196
+ var import_jsx_runtime93 = require("react/jsx-runtime");
32086
32197
  var MonetaryField = (props) => {
32087
32198
  const { t: t3 } = useI18n();
32088
32199
  const {
@@ -32102,26 +32213,26 @@ var MonetaryField = (props) => {
32102
32213
  isEditTable
32103
32214
  } = props;
32104
32215
  if (isForm && name2 === "amount_residual") {
32105
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
32106
- /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "font-semibold", children: [
32216
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
32217
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "font-semibold", children: [
32107
32218
  string,
32108
32219
  ":"
32109
32220
  ] }),
32110
- /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
32221
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
32111
32222
  ] });
32112
32223
  }
32113
32224
  if (!isForm) {
32114
32225
  const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
32115
32226
  if (widget === "monetary" && !formValues?.currency_id) {
32116
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: `${formatNumberOnly(
32227
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
32117
32228
  parseFloat(String(value ?? defaultValue))
32118
32229
  )} VND` });
32119
32230
  }
32120
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: `${formatNumberOnly(
32231
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
32121
32232
  parseFloat(value ?? defaultValue)
32122
32233
  )} ${currencySymbol}` });
32123
32234
  }
32124
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32235
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
32125
32236
  Controller,
32126
32237
  {
32127
32238
  name: name2 ?? "",
@@ -32140,8 +32251,8 @@ var MonetaryField = (props) => {
32140
32251
  clearErrors(name2);
32141
32252
  }
32142
32253
  }, [value2]);
32143
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
32144
- /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32254
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
32255
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
32145
32256
  "input",
32146
32257
  {
32147
32258
  value: formatNumberOnly(value2),
@@ -32179,7 +32290,7 @@ var MonetaryField = (props) => {
32179
32290
  `
32180
32291
  }
32181
32292
  ),
32182
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32293
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32183
32294
  ] });
32184
32295
  }
32185
32296
  }
@@ -32187,14 +32298,14 @@ var MonetaryField = (props) => {
32187
32298
  };
32188
32299
 
32189
32300
  // src/widgets/basic/paid-badged-field/paid-badged.tsx
32190
- var import_jsx_runtime93 = require("react/jsx-runtime");
32301
+ var import_jsx_runtime94 = require("react/jsx-runtime");
32191
32302
  var PaidBadgedField = () => {
32192
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PaidIcon, {}) });
32303
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PaidIcon, {}) });
32193
32304
  };
32194
32305
 
32195
32306
  // src/widgets/basic/priority-field/rating-star.tsx
32196
32307
  var import_react62 = __toESM(require("react"));
32197
- var import_jsx_runtime94 = require("react/jsx-runtime");
32308
+ var import_jsx_runtime95 = require("react/jsx-runtime");
32198
32309
  var RatingStarField = (props) => {
32199
32310
  const {
32200
32311
  label,
@@ -32229,7 +32340,7 @@ var RatingStarField = (props) => {
32229
32340
  setHover(0);
32230
32341
  setRating(0);
32231
32342
  };
32232
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32343
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32233
32344
  "div",
32234
32345
  {
32235
32346
  className: "flex gap-1 cursor-pointer w-fit",
@@ -32239,17 +32350,17 @@ var RatingStarField = (props) => {
32239
32350
  const starValue = index4 + 1;
32240
32351
  const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
32241
32352
  const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
32242
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react62.default.Fragment, { children: [
32243
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32353
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react62.default.Fragment, { children: [
32354
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32244
32355
  "div",
32245
32356
  {
32246
32357
  onMouseEnter: () => handleHover(starValue),
32247
32358
  onClick: () => handleClick(starValue),
32248
32359
  "data-tooltip-id": `${id}-${starValue}`,
32249
- children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
32360
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
32250
32361
  }
32251
32362
  ),
32252
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32363
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32253
32364
  M,
32254
32365
  {
32255
32366
  className: "z-50",
@@ -32265,7 +32376,7 @@ var RatingStarField = (props) => {
32265
32376
  };
32266
32377
 
32267
32378
  // src/widgets/basic/priority-field/priority.tsx
32268
- var import_jsx_runtime95 = require("react/jsx-runtime");
32379
+ var import_jsx_runtime96 = require("react/jsx-runtime");
32269
32380
  var PriorityField = (props) => {
32270
32381
  const {
32271
32382
  isForm,
@@ -32281,7 +32392,7 @@ var PriorityField = (props) => {
32281
32392
  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
32282
32393
  const defaultPriority = parseInt(value) + 1;
32283
32394
  if (!isForm) {
32284
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32395
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32285
32396
  RatingStarField,
32286
32397
  {
32287
32398
  label,
@@ -32292,7 +32403,7 @@ var PriorityField = (props) => {
32292
32403
  }
32293
32404
  );
32294
32405
  }
32295
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32406
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32296
32407
  Controller,
32297
32408
  {
32298
32409
  name: name ?? "",
@@ -32302,7 +32413,7 @@ var PriorityField = (props) => {
32302
32413
  field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
32303
32414
  onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
32304
32415
  };
32305
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32416
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32306
32417
  RatingStarField,
32307
32418
  {
32308
32419
  label,
@@ -32319,7 +32430,7 @@ var PriorityField = (props) => {
32319
32430
 
32320
32431
  // src/widgets/basic/radio-group-field/radio-group.tsx
32321
32432
  var import_react63 = require("react");
32322
- var import_jsx_runtime96 = require("react/jsx-runtime");
32433
+ var import_jsx_runtime97 = require("react/jsx-runtime");
32323
32434
  var RadioGroupField = (props) => {
32324
32435
  const {
32325
32436
  name: name2,
@@ -32338,13 +32449,13 @@ var RadioGroupField = (props) => {
32338
32449
  }
32339
32450
  }, [selection, name2, setValue]);
32340
32451
  if (!methods) return null;
32341
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32452
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32342
32453
  Controller,
32343
32454
  {
32344
32455
  name: name2 ?? "",
32345
32456
  control: methods.control,
32346
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-1", children: [
32347
- /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32457
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-1", children: [
32458
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32348
32459
  "input",
32349
32460
  {
32350
32461
  type: "radio",
@@ -32363,7 +32474,7 @@ var RadioGroupField = (props) => {
32363
32474
  className: "custom-radio"
32364
32475
  }
32365
32476
  ),
32366
- /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
32477
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
32367
32478
  ] }, select[0])) })
32368
32479
  }
32369
32480
  );
@@ -32371,7 +32482,7 @@ var RadioGroupField = (props) => {
32371
32482
 
32372
32483
  // src/widgets/basic/remaining-days-field/remaining-days.tsx
32373
32484
  var import_moment3 = __toESM(require_moment());
32374
- var import_jsx_runtime97 = require("react/jsx-runtime");
32485
+ var import_jsx_runtime98 = require("react/jsx-runtime");
32375
32486
  var RemainingDaysField = (props) => {
32376
32487
  const {
32377
32488
  value,
@@ -32382,14 +32493,14 @@ var RemainingDaysField = (props) => {
32382
32493
  if (!value) return null;
32383
32494
  const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
32384
32495
  const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
32385
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
32386
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
32387
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32496
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
32497
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
32498
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32388
32499
  "div",
32389
32500
  {
32390
32501
  "data-tooltip-id": `remainingDays_${value}`,
32391
32502
  className: "flex items-center w-fit cursor-context-menu",
32392
- children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32503
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32393
32504
  "div",
32394
32505
  {
32395
32506
  className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -32402,7 +32513,7 @@ var RemainingDaysField = (props) => {
32402
32513
  };
32403
32514
 
32404
32515
  // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
32405
- var import_jsx_runtime98 = require("react/jsx-runtime");
32516
+ var import_jsx_runtime99 = require("react/jsx-runtime");
32406
32517
  var SelectDropdownField = (props) => {
32407
32518
  const { t: t3 } = useI18n();
32408
32519
  const {
@@ -32424,9 +32535,9 @@ var SelectDropdownField = (props) => {
32424
32535
  label: val[1]
32425
32536
  })) : [];
32426
32537
  if (!isForm && !isEditTable) {
32427
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
32538
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
32428
32539
  } else {
32429
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32540
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
32430
32541
  Controller,
32431
32542
  {
32432
32543
  name: name2 || "",
@@ -32453,8 +32564,8 @@ var SelectDropdownField = (props) => {
32453
32564
  value: defaultValue || null,
32454
32565
  required: !invisible && required
32455
32566
  };
32456
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
32457
- /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32567
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
32568
+ /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
32458
32569
  StateManagedSelect$1,
32459
32570
  {
32460
32571
  ...commonProps,
@@ -32509,12 +32620,12 @@ var SelectDropdownField = (props) => {
32509
32620
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
32510
32621
  components: {
32511
32622
  IndicatorSeparator: () => null,
32512
- DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(components.DropdownIndicator, { ...props2 })
32623
+ DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(components.DropdownIndicator, { ...props2 })
32513
32624
  },
32514
32625
  noOptionsMessage: () => t3("no-available")
32515
32626
  }
32516
32627
  ) }),
32517
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32628
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32518
32629
  ] });
32519
32630
  }
32520
32631
  }
@@ -32523,7 +32634,7 @@ var SelectDropdownField = (props) => {
32523
32634
  };
32524
32635
 
32525
32636
  // src/widgets/basic/textarea-field/textarea.tsx
32526
- var import_jsx_runtime99 = require("react/jsx-runtime");
32637
+ var import_jsx_runtime100 = require("react/jsx-runtime");
32527
32638
  var TextAreaField = (props) => {
32528
32639
  const {
32529
32640
  methods,
@@ -32547,9 +32658,9 @@ var TextAreaField = (props) => {
32547
32658
  }
32548
32659
  }) : {};
32549
32660
  if (!isForm) {
32550
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
32661
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
32551
32662
  }
32552
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
32663
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
32553
32664
  "textarea",
32554
32665
  {
32555
32666
  ...formProps,
@@ -32565,7 +32676,7 @@ var TextAreaField = (props) => {
32565
32676
  };
32566
32677
 
32567
32678
  // src/widgets/basic/toggle-button-field/toggle-button.tsx
32568
- var import_jsx_runtime100 = require("react/jsx-runtime");
32679
+ var import_jsx_runtime101 = require("react/jsx-runtime");
32569
32680
  var ToggleButtonField = (props) => {
32570
32681
  const {
32571
32682
  name: name2,
@@ -32575,13 +32686,13 @@ var ToggleButtonField = (props) => {
32575
32686
  onChange: onChange2,
32576
32687
  methods
32577
32688
  } = props;
32578
- return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
32689
+ return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32579
32690
  Controller,
32580
32691
  {
32581
32692
  name: name2 ?? "",
32582
32693
  control: methods?.control,
32583
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
32584
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
32694
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
32695
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32585
32696
  "input",
32586
32697
  {
32587
32698
  ...field,
@@ -32600,7 +32711,7 @@ var ToggleButtonField = (props) => {
32600
32711
  checked: field.value ?? false
32601
32712
  }
32602
32713
  ),
32603
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
32714
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32604
32715
  "span",
32605
32716
  {
32606
32717
  style: {
@@ -32609,7 +32720,7 @@ var ToggleButtonField = (props) => {
32609
32720
  },
32610
32721
  className: `rounded-full transition duration-300
32611
32722
  ${field.value ? "bg-primary" : "bg-gray-300"}`,
32612
- children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
32723
+ children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32613
32724
  "span",
32614
32725
  {
32615
32726
  style: {
@@ -32634,7 +32745,7 @@ var ToggleButtonField = (props) => {
32634
32745
 
32635
32746
  // src/widgets/basic/integer-field/integer.tsx
32636
32747
  var import_react64 = require("react");
32637
- var import_jsx_runtime101 = require("react/jsx-runtime");
32748
+ var import_jsx_runtime102 = require("react/jsx-runtime");
32638
32749
  var IntegerField = (props) => {
32639
32750
  const {
32640
32751
  name: name2,
@@ -32653,9 +32764,9 @@ var IntegerField = (props) => {
32653
32764
  const { t: t3 } = useI18n();
32654
32765
  if (!isForm && !isEditTable) {
32655
32766
  const displayValue = value ?? defaultValue;
32656
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
32767
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
32657
32768
  }
32658
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32769
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
32659
32770
  Controller,
32660
32771
  {
32661
32772
  name: name2 || "",
@@ -32733,8 +32844,8 @@ var IntegerField = (props) => {
32733
32844
  inputRef.current?.blur();
32734
32845
  clearErrors(name2);
32735
32846
  };
32736
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
32737
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
32847
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
32848
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
32738
32849
  "input",
32739
32850
  {
32740
32851
  ref: inputRef,
@@ -32769,7 +32880,7 @@ var IntegerField = (props) => {
32769
32880
  `
32770
32881
  }
32771
32882
  ),
32772
- error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32883
+ error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32773
32884
  ] });
32774
32885
  }
32775
32886
  }
@@ -32777,7 +32888,7 @@ var IntegerField = (props) => {
32777
32888
  };
32778
32889
 
32779
32890
  // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
32780
- var import_jsx_runtime102 = require("react/jsx-runtime");
32891
+ var import_jsx_runtime103 = require("react/jsx-runtime");
32781
32892
  var StatusDropdownField = (props) => {
32782
32893
  const {
32783
32894
  buttonRef,
@@ -32789,13 +32900,13 @@ var StatusDropdownField = (props) => {
32789
32900
  handleClick,
32790
32901
  colors: colors2
32791
32902
  } = props;
32792
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
32903
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
32793
32904
  "div",
32794
32905
  {
32795
32906
  ref: buttonRef,
32796
32907
  className: isForm ? "absolute top-7 right-6 z-10" : void 0,
32797
32908
  children: [
32798
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
32909
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
32799
32910
  "button",
32800
32911
  {
32801
32912
  type: "button",
@@ -32803,23 +32914,23 @@ var StatusDropdownField = (props) => {
32803
32914
  className: `transition-all rounded-full size-5 cursor-pointer shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] focus:!shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-[#dbe0e6] ${state == "normal" ? "bg-[#e9ecef]" : state == "done" ? "bg-primary" : "bg-red-500"}`
32804
32915
  }
32805
32916
  ),
32806
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
32917
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
32807
32918
  const isActive = item[0] == state;
32808
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
32919
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
32809
32920
  "div",
32810
32921
  {
32811
32922
  className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
32812
32923
  onClick: () => handleClick(item[0]),
32813
32924
  children: [
32814
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckIcon, {}) }),
32815
- /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-2", children: [
32816
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
32925
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CheckIcon, {}) }),
32926
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2", children: [
32927
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
32817
32928
  "div",
32818
32929
  {
32819
32930
  className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
32820
32931
  }
32821
32932
  ),
32822
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-sm", children: item[1] })
32933
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-sm", children: item[1] })
32823
32934
  ] })
32824
32935
  ]
32825
32936
  },
@@ -32832,9 +32943,9 @@ var StatusDropdownField = (props) => {
32832
32943
  };
32833
32944
 
32834
32945
  // src/widgets/basic/many2many-field/many2many.tsx
32835
- var import_react_dom8 = require("react-dom");
32946
+ var import_react_dom9 = require("react-dom");
32836
32947
  var import_react65 = require("react");
32837
- var import_jsx_runtime103 = require("react/jsx-runtime");
32948
+ var import_jsx_runtime104 = require("react/jsx-runtime");
32838
32949
  var Many2ManyField = (props) => {
32839
32950
  const { t: t3 } = useI18n();
32840
32951
  const {
@@ -32907,8 +33018,8 @@ var Many2ManyField = (props) => {
32907
33018
  typeof setGroupByList === "function" && setGroupByList(null);
32908
33019
  };
32909
33020
  }, [selectedTags]);
32910
- return (0, import_react_dom8.createPortal)(
32911
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33021
+ return (0, import_react_dom9.createPortal)(
33022
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
32912
33023
  "div",
32913
33024
  {
32914
33025
  style: {
@@ -32916,8 +33027,8 @@ var Many2ManyField = (props) => {
32916
33027
  },
32917
33028
  className: "fixed bottom-0 left-0 right-0 top-0",
32918
33029
  children: [
32919
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
32920
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33030
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33031
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
32921
33032
  "div",
32922
33033
  {
32923
33034
  style: {
@@ -32925,12 +33036,12 @@ var Many2ManyField = (props) => {
32925
33036
  },
32926
33037
  className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
32927
33038
  children: [
32928
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
32929
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
32930
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CloseIcon, {}) })
33039
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
33040
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
33041
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CloseIcon, {}) })
32931
33042
  ] }),
32932
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
32933
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33043
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33044
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
32934
33045
  Search,
32935
33046
  {
32936
33047
  removeSearchItems,
@@ -32964,7 +33075,7 @@ var Many2ManyField = (props) => {
32964
33075
  groupByList
32965
33076
  }
32966
33077
  ) }),
32967
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33078
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
32968
33079
  PaginationView,
32969
33080
  {
32970
33081
  className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -32981,20 +33092,20 @@ var Many2ManyField = (props) => {
32981
33092
  }
32982
33093
  )
32983
33094
  ] }),
32984
- !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33095
+ !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
32985
33096
  "div",
32986
33097
  {
32987
33098
  className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
32988
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33099
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
32989
33100
  "div",
32990
33101
  {
32991
33102
  className: `flex w-full items-center h-full overflow-auto `,
32992
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33103
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
32993
33104
  "table",
32994
33105
  {
32995
33106
  className: `relative w-full bg-white custom-dropdown `,
32996
33107
  children: [
32997
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33108
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
32998
33109
  TableHead,
32999
33110
  {
33000
33111
  columns,
@@ -33004,7 +33115,7 @@ var Many2ManyField = (props) => {
33004
33115
  handleCheckBoxAll
33005
33116
  }
33006
33117
  ),
33007
- rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33118
+ rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33008
33119
  TableBody,
33009
33120
  {
33010
33121
  tableGroupController,
@@ -33044,16 +33155,16 @@ var Many2ManyField = (props) => {
33044
33155
  checkedAll,
33045
33156
  context
33046
33157
  }
33047
- ) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33158
+ ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33048
33159
  "td",
33049
33160
  {
33050
33161
  className: "w-full",
33051
33162
  colSpan: columns?.length + 2,
33052
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33163
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33053
33164
  "div",
33054
33165
  {
33055
33166
  className: `flex flex-col items-center justify-center gap-3 py-6`,
33056
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(EmptyTable, {})
33167
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(EmptyTable, {})
33057
33168
  }
33058
33169
  )
33059
33170
  }
@@ -33064,9 +33175,9 @@ var Many2ManyField = (props) => {
33064
33175
  }
33065
33176
  ) }) })
33066
33177
  }
33067
- ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LayerLoading, {}),
33068
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33069
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33178
+ ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LayerLoading, {}),
33179
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33180
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33070
33181
  "button",
33071
33182
  {
33072
33183
  disabled: selectedRowKeys?.length === 0,
@@ -33076,7 +33187,7 @@ var Many2ManyField = (props) => {
33076
33187
  children: t3("choose")
33077
33188
  }
33078
33189
  ),
33079
- optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33190
+ optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33080
33191
  "button",
33081
33192
  {
33082
33193
  type: "button",
@@ -33092,7 +33203,7 @@ var Many2ManyField = (props) => {
33092
33203
  children: t3("new")
33093
33204
  }
33094
33205
  ),
33095
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33206
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33096
33207
  "button",
33097
33208
  {
33098
33209
  type: "button",
@@ -33114,15 +33225,15 @@ var Many2ManyField = (props) => {
33114
33225
 
33115
33226
  // src/widgets/basic/many2one-field/many2one.tsx
33116
33227
  var import_react66 = __toESM(require("react"));
33117
- var import_jsx_runtime104 = require("react/jsx-runtime");
33228
+ var import_jsx_runtime105 = require("react/jsx-runtime");
33118
33229
  var CustomMenuList2 = (props) => {
33119
33230
  const { t: t3 } = useI18n();
33120
33231
  const { options: options2, children, selectProps } = props;
33121
33232
  const { setIsShowModalMany2Many, searchable } = selectProps;
33122
33233
  const limitedChildren = import_react66.default.Children.toArray(children).slice(0, 10);
33123
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
33234
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
33124
33235
  limitedChildren,
33125
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
33236
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
33126
33237
  "button",
33127
33238
  {
33128
33239
  type: "button",
@@ -33165,14 +33276,14 @@ var Many2OneField = (props) => {
33165
33276
  const { t: t3 } = useI18n();
33166
33277
  if (!isForm && !isEditTable) {
33167
33278
  const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
33168
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
33279
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
33169
33280
  allowShowDetail && renderDetail({
33170
33281
  idToolTip: String(name2) + Number(index4),
33171
33282
  model: options2?.model ?? relation,
33172
33283
  context: contextObject,
33173
33284
  idForm: id
33174
33285
  }),
33175
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33286
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33176
33287
  "span",
33177
33288
  {
33178
33289
  className: "cursor-pointer",
@@ -33183,20 +33294,20 @@ var Many2OneField = (props) => {
33183
33294
  )
33184
33295
  ] });
33185
33296
  }
33186
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
33297
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
33187
33298
  allowShowDetail && renderDetail({
33188
33299
  idToolTip: String(name2),
33189
33300
  model: options2?.model ?? relation,
33190
33301
  context: contextObject,
33191
33302
  idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
33192
33303
  }),
33193
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33304
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33194
33305
  "div",
33195
33306
  {
33196
33307
  id: name2,
33197
33308
  "data-tooltip-id": name2,
33198
33309
  className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
33199
- children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33310
+ children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33200
33311
  Controller,
33201
33312
  {
33202
33313
  name: name2 ?? "",
@@ -33221,8 +33332,8 @@ var Many2OneField = (props) => {
33221
33332
  methods?.clearErrors(name2);
33222
33333
  }
33223
33334
  }, [selectedOption]);
33224
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "h-full", children: [
33225
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33335
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "h-full", children: [
33336
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33226
33337
  StateManagedSelect$1,
33227
33338
  {
33228
33339
  menuShouldScrollIntoView: false,
@@ -33298,7 +33409,7 @@ var Many2OneField = (props) => {
33298
33409
  })
33299
33410
  },
33300
33411
  components: {
33301
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33412
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33302
33413
  CustomMenuList2,
33303
33414
  {
33304
33415
  ...menuListProps,
@@ -33309,13 +33420,13 @@ var Many2OneField = (props) => {
33309
33420
  }
33310
33421
  ),
33311
33422
  IndicatorSeparator: () => null,
33312
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(components.DropdownIndicator, { ...props2 })
33423
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(components.DropdownIndicator, { ...props2 })
33313
33424
  },
33314
33425
  isDisabled: readonly,
33315
33426
  noOptionsMessage: () => t3(isFetching ? "loading" : "no-available")
33316
33427
  }
33317
33428
  ),
33318
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33429
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33319
33430
  ] });
33320
33431
  }
33321
33432
  }
@@ -33326,7 +33437,7 @@ var Many2OneField = (props) => {
33326
33437
  };
33327
33438
 
33328
33439
  // src/widgets/basic/status-bar-field/duration/duration.tsx
33329
- var import_jsx_runtime105 = require("react/jsx-runtime");
33440
+ var import_jsx_runtime106 = require("react/jsx-runtime");
33330
33441
  var StatusbarDurationField = (props) => {
33331
33442
  const {
33332
33443
  disabled,
@@ -33336,14 +33447,14 @@ var StatusbarDurationField = (props) => {
33336
33447
  defaultValue,
33337
33448
  setModalStatus
33338
33449
  } = props;
33339
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33450
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33340
33451
  "div",
33341
33452
  {
33342
33453
  className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
33343
- children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
33344
- /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
33454
+ children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
33455
+ /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
33345
33456
  const value = option?.id === defaultValue;
33346
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
33457
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
33347
33458
  "label",
33348
33459
  {
33349
33460
  onClick: () => !disabled && handleClick(option.id),
@@ -33353,7 +33464,7 @@ var StatusbarDurationField = (props) => {
33353
33464
  ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
33354
33465
  `,
33355
33466
  children: [
33356
- /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33467
+ /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33357
33468
  "input",
33358
33469
  {
33359
33470
  type: "radio",
@@ -33363,7 +33474,7 @@ var StatusbarDurationField = (props) => {
33363
33474
  }
33364
33475
  ),
33365
33476
  option?.name,
33366
- index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33477
+ index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33367
33478
  "div",
33368
33479
  {
33369
33480
  className: `absolute top-[5px] bg-[#dee2e6] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45 group-hover:bg-[#ced4da]
@@ -33378,14 +33489,14 @@ var StatusbarDurationField = (props) => {
33378
33489
  }) }),
33379
33490
  dataResponse?.records?.some(
33380
33491
  (item) => item?.fold && item.id !== defaultValue
33381
- ) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
33492
+ ) && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
33382
33493
  "div",
33383
33494
  {
33384
33495
  onClick: () => setModalStatus(!modelStatus),
33385
33496
  className: "w-[24px] h-[24px] cursor-pointer relative",
33386
33497
  children: [
33387
- /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(MoreIcon, {}),
33388
- modelStatus && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33498
+ /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(MoreIcon, {}),
33499
+ modelStatus && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33389
33500
  "div",
33390
33501
  {
33391
33502
  onClick: (e3) => e3.stopPropagation(),
@@ -33394,7 +33505,7 @@ var StatusbarDurationField = (props) => {
33394
33505
  (item) => item?.fold && item.id !== defaultValue
33395
33506
  )?.map((option) => {
33396
33507
  const value = option?.id === defaultValue;
33397
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33508
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33398
33509
  "div",
33399
33510
  {
33400
33511
  className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -33416,14 +33527,14 @@ var StatusbarDurationField = (props) => {
33416
33527
 
33417
33528
  // src/widgets/basic/status-bar-field/option/option.tsx
33418
33529
  var import_react67 = require("react");
33419
- var import_jsx_runtime106 = require("react/jsx-runtime");
33530
+ var import_jsx_runtime107 = require("react/jsx-runtime");
33420
33531
  var StatusBarOptionField = (props) => {
33421
33532
  const { selection, defaultValue } = props;
33422
33533
  const memoizedStatusOptions = (0, import_react67.useMemo)(() => selection, [selection]);
33423
33534
  const indexInProgress = memoizedStatusOptions?.findIndex(
33424
33535
  (option) => option?.[0] === defaultValue
33425
33536
  );
33426
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33537
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33427
33538
  "div",
33428
33539
  {
33429
33540
  style: {
@@ -33432,8 +33543,8 @@ var StatusBarOptionField = (props) => {
33432
33543
  flexWrap: "wrap"
33433
33544
  },
33434
33545
  children: memoizedStatusOptions?.map((option, index4) => {
33435
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
33436
- /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
33546
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
33547
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
33437
33548
  "div",
33438
33549
  {
33439
33550
  style: {
@@ -33451,7 +33562,7 @@ var StatusBarOptionField = (props) => {
33451
33562
  boxShadow: index4 === indexInProgress ? "0 1px 2px 0 rgba(51, 51, 51, 0.04), 0 2px 4px 0 rgba(51, 51, 51, 0.04), 0 4px 8px -2px rgba(51, 51, 51, 0.06), 0 0 0 1px rgba(51, 51, 51, 0.04), 0 -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset" : ""
33452
33563
  },
33453
33564
  children: [
33454
- /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33565
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33455
33566
  "span",
33456
33567
  {
33457
33568
  style: {
@@ -33463,10 +33574,10 @@ var StatusBarOptionField = (props) => {
33463
33574
  alignItems: "center",
33464
33575
  borderRadius: "100%"
33465
33576
  },
33466
- children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ICCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ICMinus, {})
33577
+ children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICMinus, {})
33467
33578
  }
33468
33579
  ),
33469
- /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33580
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33470
33581
  "span",
33471
33582
  {
33472
33583
  style: {
@@ -33479,7 +33590,7 @@ var StatusBarOptionField = (props) => {
33479
33590
  },
33480
33591
  option?.[0]
33481
33592
  ),
33482
- !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33593
+ !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33483
33594
  "div",
33484
33595
  {
33485
33596
  style: {
@@ -33495,7 +33606,7 @@ var StatusBarOptionField = (props) => {
33495
33606
  );
33496
33607
  };
33497
33608
  var ICMinus = () => {
33498
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33609
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33499
33610
  "svg",
33500
33611
  {
33501
33612
  xmlns: "http://www.w3.org/2000/svg",
@@ -33503,7 +33614,7 @@ var ICMinus = () => {
33503
33614
  height: "16",
33504
33615
  viewBox: "0 0 16 16",
33505
33616
  fill: "none",
33506
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33617
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33507
33618
  "path",
33508
33619
  {
33509
33620
  d: "M4 8H12",
@@ -33517,7 +33628,7 @@ var ICMinus = () => {
33517
33628
  );
33518
33629
  };
33519
33630
  var ICCircle = () => {
33520
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33631
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33521
33632
  "svg",
33522
33633
  {
33523
33634
  xmlns: "http://www.w3.org/2000/svg",
@@ -33525,12 +33636,12 @@ var ICCircle = () => {
33525
33636
  height: "8",
33526
33637
  viewBox: "0 0 8 8",
33527
33638
  fill: "none",
33528
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
33639
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
33529
33640
  }
33530
33641
  );
33531
33642
  };
33532
33643
  var ICCheck = () => {
33533
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33644
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33534
33645
  "svg",
33535
33646
  {
33536
33647
  xmlns: "http://www.w3.org/2000/svg",
@@ -33538,7 +33649,7 @@ var ICCheck = () => {
33538
33649
  height: "16",
33539
33650
  viewBox: "0 0 16 16",
33540
33651
  fill: "none",
33541
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33652
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33542
33653
  "path",
33543
33654
  {
33544
33655
  d: "M13.3408 5.23535L13.252 5.32324L6.88867 11.6875L6.7998 11.7764L6.71191 11.6875L2.89258 7.86914L2.80469 7.78125L2.89258 7.69238L3.74121 6.84375L3.83008 6.75586L6.7998 9.72559L12.2266 4.29785L12.3154 4.20996L13.3408 5.23535Z",
@@ -33552,7 +33663,7 @@ var ICCheck = () => {
33552
33663
  };
33553
33664
 
33554
33665
  // src/widgets/basic/date-option-field/date-option.tsx
33555
- var import_jsx_runtime107 = require("react/jsx-runtime");
33666
+ var import_jsx_runtime108 = require("react/jsx-runtime");
33556
33667
  var DateOptionField = (props) => {
33557
33668
  const {
33558
33669
  name: name2,
@@ -33563,19 +33674,19 @@ var DateOptionField = (props) => {
33563
33674
  string,
33564
33675
  onChange: onChange2
33565
33676
  } = props;
33566
- return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33677
+ return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
33567
33678
  Controller,
33568
33679
  {
33569
33680
  name: name2 ?? "",
33570
33681
  control: methods?.control,
33571
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
33682
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
33572
33683
  "label",
33573
33684
  {
33574
33685
  className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
33575
33686
  ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
33576
33687
  ${readonly ? "opacity-50 pointer-events-none" : ""}`,
33577
33688
  children: [
33578
- /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
33689
+ /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
33579
33690
  "input",
33580
33691
  {
33581
33692
  type: "checkbox",