@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/index.js CHANGED
@@ -4985,6 +4985,7 @@ __export(index_exports, {
4985
4985
  HtmlField: () => HtmlField,
4986
4986
  I18nProvider: () => I18nProvider,
4987
4987
  ImageField: () => ImageField,
4988
+ ImageIcon: () => ImageIcon,
4988
4989
  InfomationField: () => InfomationField,
4989
4990
  IntegerField: () => IntegerField,
4990
4991
  KanbanIcon: () => KanbanIcon,
@@ -7053,6 +7054,58 @@ var DeleteIconDanger = () => {
7053
7054
  );
7054
7055
  };
7055
7056
 
7057
+ // src/icons/image-icon.tsx
7058
+ var import_jsx_runtime38 = require("react/jsx-runtime");
7059
+ var ImageIcon = () => {
7060
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
7061
+ "svg",
7062
+ {
7063
+ xmlns: "http://www.w3.org/2000/svg",
7064
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
7065
+ width: "38",
7066
+ height: "38",
7067
+ viewBox: "0 0 38 38",
7068
+ children: [
7069
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("defs", { children: [
7070
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { id: "image-a", width: "32", height: "35", x: "3", y: "1", rx: "3" }),
7071
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7072
+ "path",
7073
+ {
7074
+ id: "image-b",
7075
+ 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"
7076
+ }
7077
+ )
7078
+ ] }),
7079
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
7080
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("polygon", { fill: "#1C8B96", points: "34 2 34 34 4 34" }),
7081
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("use", { fill: "#FFF", fillOpacity: ".93", xlinkHref: "#image-a" }),
7082
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7083
+ "rect",
7084
+ {
7085
+ width: "30",
7086
+ height: "33",
7087
+ x: "4",
7088
+ y: "2",
7089
+ stroke: "#1C8B96",
7090
+ strokeWidth: "2",
7091
+ rx: "3"
7092
+ }
7093
+ ),
7094
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("use", { fill: "#1C8B96", fillOpacity: ".516", xlinkHref: "#image-b" }),
7095
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7096
+ "path",
7097
+ {
7098
+ stroke: "#1C8B96",
7099
+ 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"
7100
+ }
7101
+ ),
7102
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx: "25.5", cy: "11.5", r: "4.5", fill: "#1C8B96" })
7103
+ ] })
7104
+ ]
7105
+ }
7106
+ );
7107
+ };
7108
+
7056
7109
  // src/types/widget-type/index.ts
7057
7110
  var import_zod = __toESM(require("zod"));
7058
7111
  var loginSchema = import_zod.default.object({
@@ -10111,7 +10164,7 @@ instance.use(Browser).use(initReactI18next).init({
10111
10164
  var i18n_default = instance;
10112
10165
 
10113
10166
  // src/provider/index.tsx
10114
- var import_jsx_runtime38 = require("react/jsx-runtime");
10167
+ var import_jsx_runtime39 = require("react/jsx-runtime");
10115
10168
  var I18nContext2 = (0, import_react11.createContext)(null);
10116
10169
  var I18nProvider = ({
10117
10170
  children,
@@ -10123,7 +10176,7 @@ var I18nProvider = ({
10123
10176
  }
10124
10177
  }, [lang]);
10125
10178
  const { t: t3 } = useTranslation();
10126
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10179
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10127
10180
  I18nContext2.Provider,
10128
10181
  {
10129
10182
  value: {
@@ -10131,7 +10184,7 @@ var I18nProvider = ({
10131
10184
  t: t3,
10132
10185
  changeLanguage: i18n_default.changeLanguage
10133
10186
  },
10134
- children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(I18nextProvider, { i18n: i18n_default, children })
10187
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(I18nextProvider, { i18n: i18n_default, children })
10135
10188
  }
10136
10189
  );
10137
10190
  };
@@ -10699,11 +10752,11 @@ var usePagination = ({
10699
10752
  };
10700
10753
 
10701
10754
  // src/icons/common.tsx
10702
- var import_jsx_runtime39 = require("react/jsx-runtime");
10703
- var IcArrow = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
10755
+ var import_jsx_runtime40 = require("react/jsx-runtime");
10756
+ var IcArrow = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" }) });
10704
10757
 
10705
10758
  // src/widgets/advanced/pagination/pagination-view.tsx
10706
- var import_jsx_runtime40 = require("react/jsx-runtime");
10759
+ var import_jsx_runtime41 = require("react/jsx-runtime");
10707
10760
  var PaginationView = (props) => {
10708
10761
  const {
10709
10762
  displayPageNumberDots,
@@ -10736,25 +10789,25 @@ var PaginationView = (props) => {
10736
10789
  let lastPage = paginationRange[paginationRange.length - 1];
10737
10790
  const startPage = currentPage * pageSize + 1;
10738
10791
  const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
10739
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("ul", { className: `pagination-container rounded-lg ${className}`, children: [
10740
- !displayPageNumberDots && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("li", { className: "pagination-item px-0", children: [
10792
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("ul", { className: `pagination-container rounded-lg ${className}`, children: [
10793
+ !displayPageNumberDots && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("li", { className: "pagination-item px-0", children: [
10741
10794
  startPage,
10742
10795
  " - ",
10743
10796
  endPage,
10744
10797
  " / ",
10745
10798
  totalCount
10746
10799
  ] }),
10747
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
10800
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10748
10801
  "li",
10749
10802
  {
10750
10803
  className: `pagination-item ${currentPage === 0 && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
10751
10804
  onClick: onPrevious,
10752
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "arrow left", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IcArrow, {}) })
10805
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "arrow left", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IcArrow, {}) })
10753
10806
  }
10754
10807
  ),
10755
10808
  displayPageNumberDots && paginationRange.map((pageNumber) => {
10756
10809
  if (pageNumber === DOTS) {
10757
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
10810
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10758
10811
  "li",
10759
10812
  {
10760
10813
  className: "pagination-item dots",
@@ -10763,7 +10816,7 @@ var PaginationView = (props) => {
10763
10816
  "pagination" + pageNumber
10764
10817
  );
10765
10818
  }
10766
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
10819
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10767
10820
  "li",
10768
10821
  {
10769
10822
  className: `pagination-item ${pageNumber - 1 === currentPage && "selected"}`,
@@ -10773,12 +10826,12 @@ var PaginationView = (props) => {
10773
10826
  "pagination" + pageNumber
10774
10827
  );
10775
10828
  }),
10776
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
10829
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10777
10830
  "li",
10778
10831
  {
10779
10832
  className: `pagination-item ${currentPage + 1 === lastPage && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
10780
10833
  onClick: onNext,
10781
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "arrow rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IcArrow, {}) })
10834
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "arrow rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IcArrow, {}) })
10782
10835
  }
10783
10836
  )
10784
10837
  ] });
@@ -10788,7 +10841,7 @@ var PaginationView = (props) => {
10788
10841
  var import_react14 = require("react");
10789
10842
 
10790
10843
  // src/widgets/advanced/table/table-group.tsx
10791
- var import_jsx_runtime41 = require("react/jsx-runtime");
10844
+ var import_jsx_runtime42 = require("react/jsx-runtime");
10792
10845
  var TableGroup = (props) => {
10793
10846
  const { t: t3 } = useI18n();
10794
10847
  const {
@@ -10838,28 +10891,28 @@ var TableGroup = (props) => {
10838
10891
  setSelectedRowKeys
10839
10892
  });
10840
10893
  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
10841
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
10842
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
10894
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
10895
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
10843
10896
  "tr",
10844
10897
  {
10845
10898
  draggable: true,
10846
10899
  className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative",
10847
10900
  onClick: onExpandChildGroup,
10848
10901
  children: [
10849
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10902
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10850
10903
  "td",
10851
10904
  {
10852
10905
  colSpan: colEmptyGroup.fromStart ?? 1,
10853
10906
  style: { display: "table-cell" },
10854
10907
  className: "relative w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
10855
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
10908
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
10856
10909
  "div",
10857
10910
  {
10858
10911
  style: { paddingLeft: leftPadding },
10859
10912
  className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
10860
10913
  children: [
10861
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
10862
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10914
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
10915
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10863
10916
  TriangleIcon,
10864
10917
  {
10865
10918
  style: {
@@ -10868,15 +10921,15 @@ var TableGroup = (props) => {
10868
10921
  className: `w-2 h-2 text-button_primary `
10869
10922
  }
10870
10923
  ),
10871
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
10924
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : t3("no") }, nameGroupWithCount)
10872
10925
  ] }),
10873
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10926
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10874
10927
  "div",
10875
10928
  {
10876
10929
  onClick: (e3) => {
10877
10930
  e3.stopPropagation();
10878
10931
  },
10879
- children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10932
+ children: isShowGroup && dataGroup?.length >= 10 && !dataGroup?.groups && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10880
10933
  PaginationView,
10881
10934
  {
10882
10935
  className: "pagination-bar !bg-transparent absolute right-0 top-1/2 -translate-y-1/2",
@@ -10897,7 +10950,7 @@ var TableGroup = (props) => {
10897
10950
  columns?.map((col) => {
10898
10951
  if (col?.optional === "hide") return;
10899
10952
  if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
10900
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10953
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10901
10954
  "td",
10902
10955
  {
10903
10956
  className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -10915,7 +10968,7 @@ var TableGroup = (props) => {
10915
10968
  ]
10916
10969
  }
10917
10970
  ),
10918
- isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
10971
+ isShowGroup && dataGroup && (isDataGroupFetched || isDataPlaceHolder) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
10919
10972
  TableBodyRow,
10920
10973
  {
10921
10974
  columns: columnsGroup,
@@ -10945,7 +10998,7 @@ var TableGroup = (props) => {
10945
10998
 
10946
10999
  // src/widgets/advanced/table/table-row.tsx
10947
11000
  var import_react13 = require("react");
10948
- var import_jsx_runtime42 = require("react/jsx-runtime");
11001
+ var import_jsx_runtime43 = require("react/jsx-runtime");
10949
11002
  var Row = (props) => {
10950
11003
  const {
10951
11004
  row,
@@ -11011,17 +11064,17 @@ var Row = (props) => {
11011
11064
  setIsAutoSelect(false);
11012
11065
  }
11013
11066
  }, [checkedAll]);
11014
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11067
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11015
11068
  "tr",
11016
11069
  {
11017
11070
  "data-row-id": row?.id,
11018
11071
  className: `border-b border-[#e8e8e8] cursor-pointer`,
11019
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
11020
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11072
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
11073
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11021
11074
  "td",
11022
11075
  {
11023
11076
  className: `column w-max whitespace-nowrap p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
11024
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11077
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11025
11078
  "input",
11026
11079
  {
11027
11080
  type: "checkbox",
@@ -11034,9 +11087,9 @@ var Row = (props) => {
11034
11087
  ),
11035
11088
  columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
11036
11089
  if (row?.display_type === "line_section" && col.key !== "display_name") {
11037
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", {});
11090
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", {});
11038
11091
  }
11039
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11092
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11040
11093
  "td",
11041
11094
  {
11042
11095
  colSpan: 1,
@@ -11055,7 +11108,7 @@ var Row = (props) => {
11055
11108
  `${col.name}____${index4}`
11056
11109
  );
11057
11110
  }),
11058
- 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)(
11111
+ 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)(
11059
11112
  "button",
11060
11113
  {
11061
11114
  type: "button",
@@ -11063,7 +11116,7 @@ var Row = (props) => {
11063
11116
  onClick: () => {
11064
11117
  onRemoveRow(indexRow);
11065
11118
  },
11066
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DeleteIcon, {})
11119
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DeleteIcon, {})
11067
11120
  }
11068
11121
  ) }) })
11069
11122
  ] })
@@ -11073,7 +11126,7 @@ var Row = (props) => {
11073
11126
  };
11074
11127
 
11075
11128
  // src/widgets/advanced/table/table-body.tsx
11076
- var import_jsx_runtime43 = require("react/jsx-runtime");
11129
+ var import_jsx_runtime44 = require("react/jsx-runtime");
11077
11130
  var TableBodyRow = (props) => {
11078
11131
  const {
11079
11132
  rows,
@@ -11103,7 +11156,7 @@ var TableBodyRow = (props) => {
11103
11156
  isEditTable
11104
11157
  } = props;
11105
11158
  return rows && rows?.length > 0 && rows?.map((row, index4) => {
11106
- return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11159
+ return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11107
11160
  TableGroup,
11108
11161
  {
11109
11162
  columns,
@@ -11128,7 +11181,7 @@ var TableBodyRow = (props) => {
11128
11181
  onClickRow
11129
11182
  },
11130
11183
  `record-group-${index4}`
11131
- ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11184
+ ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11132
11185
  Row,
11133
11186
  {
11134
11187
  row,
@@ -11156,7 +11209,7 @@ var TableBodyRow = (props) => {
11156
11209
  };
11157
11210
  var TableBody = (props) => {
11158
11211
  const [isAutoSelect, setIsAutoSelect] = (0, import_react14.useState)(false);
11159
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11212
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11160
11213
  TableBodyRow,
11161
11214
  {
11162
11215
  ...props,
@@ -11169,7 +11222,7 @@ var TableBody = (props) => {
11169
11222
  // src/widgets/advanced/table/table-filter.tsx
11170
11223
  var import_react15 = require("react");
11171
11224
  var import_react_dom = require("react-dom");
11172
- var import_jsx_runtime44 = require("react/jsx-runtime");
11225
+ var import_jsx_runtime45 = require("react/jsx-runtime");
11173
11226
  var TableFilter = ({ columns, onToggleColumnOptional }) => {
11174
11227
  const [openTableFilter, setOpenTableFilter] = (0, import_react15.useState)();
11175
11228
  const [filterPosition, setFilterPosition] = (0, import_react15.useState)(null);
@@ -11201,7 +11254,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11201
11254
  window.removeEventListener("resize", updatePosition);
11202
11255
  };
11203
11256
  }, [filterRef, openTableFilter]);
11204
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
11257
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
11205
11258
  "div",
11206
11259
  {
11207
11260
  ref: filterRef,
@@ -11210,7 +11263,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11210
11263
  },
11211
11264
  className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-white",
11212
11265
  children: [
11213
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11266
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11214
11267
  "button",
11215
11268
  {
11216
11269
  type: "button",
@@ -11218,7 +11271,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11218
11271
  onClick: () => {
11219
11272
  setOpenTableFilter(!openTableFilter);
11220
11273
  },
11221
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
11274
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
11222
11275
  "svg",
11223
11276
  {
11224
11277
  xmlns: "http://www.w3.org/2000/svg",
@@ -11227,42 +11280,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11227
11280
  viewBox: "0 0 16 16",
11228
11281
  fill: "none",
11229
11282
  children: [
11230
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11283
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11231
11284
  "path",
11232
11285
  {
11233
11286
  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",
11234
11287
  fill: "#1F1F1F"
11235
11288
  }
11236
11289
  ),
11237
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11290
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11238
11291
  "path",
11239
11292
  {
11240
11293
  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",
11241
11294
  fill: "#1F1F1F"
11242
11295
  }
11243
11296
  ),
11244
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11297
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11245
11298
  "path",
11246
11299
  {
11247
11300
  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",
11248
11301
  fill: "#1F1F1F"
11249
11302
  }
11250
11303
  ),
11251
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11304
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11252
11305
  "path",
11253
11306
  {
11254
11307
  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",
11255
11308
  fill: "black"
11256
11309
  }
11257
11310
  ),
11258
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11311
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11259
11312
  "path",
11260
11313
  {
11261
11314
  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",
11262
11315
  fill: "black"
11263
11316
  }
11264
11317
  ),
11265
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11318
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11266
11319
  "path",
11267
11320
  {
11268
11321
  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",
@@ -11275,7 +11328,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11275
11328
  }
11276
11329
  ),
11277
11330
  filterPosition && openTableFilter && (0, import_react_dom.createPortal)(
11278
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11331
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11279
11332
  "div",
11280
11333
  {
11281
11334
  ref: filterPopupRef,
@@ -11286,8 +11339,8 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11286
11339
  },
11287
11340
  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",
11288
11341
  children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
11289
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
11290
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11342
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
11343
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11291
11344
  "input",
11292
11345
  {
11293
11346
  type: "checkbox",
@@ -11297,7 +11350,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11297
11350
  className: "cursor-pointer"
11298
11351
  }
11299
11352
  ),
11300
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11353
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11301
11354
  "label",
11302
11355
  {
11303
11356
  htmlFor: `${item.name}`,
@@ -11317,14 +11370,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
11317
11370
  };
11318
11371
 
11319
11372
  // src/widgets/advanced/table/table-footer.tsx
11320
- var import_jsx_runtime45 = require("react/jsx-runtime");
11373
+ var import_jsx_runtime46 = require("react/jsx-runtime");
11321
11374
  var TableFooter = ({ onAddRow, rows }) => {
11322
11375
  const emptyData = rows?.length <= 0;
11323
- 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)(
11376
+ 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)(
11324
11377
  "td",
11325
11378
  {
11326
11379
  className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
11327
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
11380
+ children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
11328
11381
  "button",
11329
11382
  {
11330
11383
  type: "button",
@@ -11334,7 +11387,7 @@ var TableFooter = ({ onAddRow, rows }) => {
11334
11387
  },
11335
11388
  className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
11336
11389
  children: [
11337
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
11390
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
11338
11391
  "svg",
11339
11392
  {
11340
11393
  style: {
@@ -11347,14 +11400,14 @@ var TableFooter = ({ onAddRow, rows }) => {
11347
11400
  viewBox: "0 0 20 20",
11348
11401
  fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
11349
11402
  children: [
11350
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11403
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
11351
11404
  "path",
11352
11405
  {
11353
11406
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
11354
11407
  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"
11355
11408
  }
11356
11409
  ),
11357
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
11410
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
11358
11411
  "path",
11359
11412
  {
11360
11413
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -13174,7 +13227,8 @@ var M = import_react16.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
13174
13227
  });
13175
13228
 
13176
13229
  // src/widgets/advanced/table/table-head.tsx
13177
- var import_jsx_runtime46 = require("react/jsx-runtime");
13230
+ var import_react_dom2 = require("react-dom");
13231
+ var import_jsx_runtime47 = require("react/jsx-runtime");
13178
13232
  var TableHead = (props) => {
13179
13233
  const {
13180
13234
  handleCheckBoxAll,
@@ -13184,7 +13238,7 @@ var TableHead = (props) => {
13184
13238
  onRemoveRow,
13185
13239
  onToggleColumnOptional
13186
13240
  } = props;
13187
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
13241
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
13188
13242
  "tr",
13189
13243
  {
13190
13244
  style: {
@@ -13196,11 +13250,11 @@ var TableHead = (props) => {
13196
13250
  },
13197
13251
  className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
13198
13252
  children: [
13199
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13253
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13200
13254
  "th",
13201
13255
  {
13202
13256
  className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
13203
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13257
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13204
13258
  "input",
13205
13259
  {
13206
13260
  type: "checkbox",
@@ -13212,32 +13266,36 @@ var TableHead = (props) => {
13212
13266
  }
13213
13267
  ),
13214
13268
  columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
13215
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13269
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13216
13270
  "th",
13217
13271
  {
13272
+ "data-rtc-resizable": col?.name,
13218
13273
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
13219
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
13274
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "cursor-pointer flex items-center gap-[4px] w-full min-w-max group relative", children: [
13220
13275
  col.title,
13221
- col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
13222
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13223
- M,
13224
- {
13225
- style: {
13226
- padding: "6px 12px",
13227
- fontSize: "12px",
13228
- borderRadius: "4px",
13229
- maxWidth: "200%",
13230
- whiteSpace: "wrap",
13231
- fontWeight: 400,
13232
- textTransform: "none"
13233
- },
13234
- id: `field-help-${col?.field?.name}`,
13235
- content: col?.field?.help,
13236
- place: "top",
13237
- className: "z-30"
13238
- }
13276
+ col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
13277
+ (0, import_react_dom2.createPortal)(
13278
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13279
+ M,
13280
+ {
13281
+ style: {
13282
+ padding: "6px 12px",
13283
+ fontSize: "12px",
13284
+ borderRadius: "4px",
13285
+ maxWidth: "200px",
13286
+ whiteSpace: "wrap",
13287
+ fontWeight: 400,
13288
+ textTransform: "none",
13289
+ zIndex: "9999"
13290
+ },
13291
+ id: `field-help-${col?.field?.name}`,
13292
+ content: col?.field?.help,
13293
+ place: "top"
13294
+ }
13295
+ ),
13296
+ document.body
13239
13297
  ),
13240
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13298
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13241
13299
  "span",
13242
13300
  {
13243
13301
  style: {
@@ -13256,8 +13314,8 @@ var TableHead = (props) => {
13256
13314
  "table-head-" + index4
13257
13315
  );
13258
13316
  }),
13259
- typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { className: "relative p-2 w-[35px]" }),
13260
- columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13317
+ typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className: "relative p-2 w-[35px]" }),
13318
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13261
13319
  "th",
13262
13320
  {
13263
13321
  style: {
@@ -13265,7 +13323,7 @@ var TableHead = (props) => {
13265
13323
  right: 0
13266
13324
  },
13267
13325
  className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
13268
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
13326
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13269
13327
  TableFilter,
13270
13328
  {
13271
13329
  columns,
@@ -13280,9 +13338,9 @@ var TableHead = (props) => {
13280
13338
  };
13281
13339
 
13282
13340
  // src/icons/empty-table-icon.tsx
13283
- var import_jsx_runtime47 = require("react/jsx-runtime");
13341
+ var import_jsx_runtime48 = require("react/jsx-runtime");
13284
13342
  var IcEmptyTable = () => {
13285
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
13343
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
13286
13344
  "svg",
13287
13345
  {
13288
13346
  xmlns: "http://www.w3.org/2000/svg",
@@ -13291,9 +13349,9 @@ var IcEmptyTable = () => {
13291
13349
  viewBox: "0 0 216 140",
13292
13350
  fill: "none",
13293
13351
  children: [
13294
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
13295
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
13296
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13352
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("g", { clipPath: "url(#clip0_2454_28950)", children: [
13353
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
13354
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13297
13355
  "path",
13298
13356
  {
13299
13357
  d: "M64.5 0V140",
@@ -13303,7 +13361,7 @@ var IcEmptyTable = () => {
13303
13361
  strokeDasharray: "3 3"
13304
13362
  }
13305
13363
  ),
13306
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13364
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13307
13365
  "path",
13308
13366
  {
13309
13367
  d: "M151.5 0V140",
@@ -13313,7 +13371,7 @@ var IcEmptyTable = () => {
13313
13371
  strokeDasharray: "3 3"
13314
13372
  }
13315
13373
  ),
13316
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13374
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13317
13375
  "path",
13318
13376
  {
13319
13377
  d: "M215.5 24H0.5",
@@ -13323,7 +13381,7 @@ var IcEmptyTable = () => {
13323
13381
  strokeDasharray: "3 3"
13324
13382
  }
13325
13383
  ),
13326
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13384
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13327
13385
  "path",
13328
13386
  {
13329
13387
  d: "M215.5 50H0.5",
@@ -13333,7 +13391,7 @@ var IcEmptyTable = () => {
13333
13391
  strokeDasharray: "3 3"
13334
13392
  }
13335
13393
  ),
13336
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13394
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13337
13395
  "path",
13338
13396
  {
13339
13397
  d: "M215.5 88H0.5",
@@ -13343,7 +13401,7 @@ var IcEmptyTable = () => {
13343
13401
  strokeDasharray: "3 3"
13344
13402
  }
13345
13403
  ),
13346
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13404
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13347
13405
  "path",
13348
13406
  {
13349
13407
  d: "M215.5 114H0.5",
@@ -13353,7 +13411,7 @@ var IcEmptyTable = () => {
13353
13411
  strokeDasharray: "3 3"
13354
13412
  }
13355
13413
  ),
13356
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13414
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13357
13415
  "path",
13358
13416
  {
13359
13417
  d: "M199.5 0V140",
@@ -13362,7 +13420,7 @@ var IcEmptyTable = () => {
13362
13420
  strokeMiterlimit: "10"
13363
13421
  }
13364
13422
  ),
13365
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13423
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13366
13424
  "path",
13367
13425
  {
13368
13426
  d: "M16.5 0V140",
@@ -13371,7 +13429,7 @@ var IcEmptyTable = () => {
13371
13429
  strokeMiterlimit: "10"
13372
13430
  }
13373
13431
  ),
13374
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13432
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13375
13433
  "path",
13376
13434
  {
13377
13435
  d: "M0.5 16H215.5",
@@ -13380,7 +13438,7 @@ var IcEmptyTable = () => {
13380
13438
  strokeMiterlimit: "10"
13381
13439
  }
13382
13440
  ),
13383
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13441
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13384
13442
  "path",
13385
13443
  {
13386
13444
  d: "M0.5 124H215.5",
@@ -13389,7 +13447,7 @@ var IcEmptyTable = () => {
13389
13447
  strokeMiterlimit: "10"
13390
13448
  }
13391
13449
  ),
13392
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13450
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13393
13451
  "path",
13394
13452
  {
13395
13453
  opacity: "0.6",
@@ -13400,7 +13458,7 @@ var IcEmptyTable = () => {
13400
13458
  strokeLinejoin: "round"
13401
13459
  }
13402
13460
  ),
13403
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13461
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13404
13462
  "path",
13405
13463
  {
13406
13464
  opacity: "0.6",
@@ -13411,7 +13469,7 @@ var IcEmptyTable = () => {
13411
13469
  strokeLinejoin: "round"
13412
13470
  }
13413
13471
  ),
13414
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13472
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13415
13473
  "path",
13416
13474
  {
13417
13475
  opacity: "0.6",
@@ -13422,7 +13480,7 @@ var IcEmptyTable = () => {
13422
13480
  strokeLinejoin: "round"
13423
13481
  }
13424
13482
  ),
13425
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13483
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13426
13484
  "path",
13427
13485
  {
13428
13486
  opacity: "0.6",
@@ -13433,7 +13491,7 @@ var IcEmptyTable = () => {
13433
13491
  strokeLinejoin: "round"
13434
13492
  }
13435
13493
  ),
13436
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13494
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13437
13495
  "path",
13438
13496
  {
13439
13497
  opacity: "0.6",
@@ -13444,14 +13502,14 @@ var IcEmptyTable = () => {
13444
13502
  strokeLinejoin: "round"
13445
13503
  }
13446
13504
  ),
13447
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13505
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13448
13506
  "path",
13449
13507
  {
13450
13508
  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",
13451
13509
  fill: "white"
13452
13510
  }
13453
13511
  ),
13454
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13512
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13455
13513
  "path",
13456
13514
  {
13457
13515
  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",
@@ -13461,7 +13519,7 @@ var IcEmptyTable = () => {
13461
13519
  strokeLinejoin: "round"
13462
13520
  }
13463
13521
  ),
13464
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13522
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13465
13523
  "path",
13466
13524
  {
13467
13525
  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",
@@ -13470,7 +13528,7 @@ var IcEmptyTable = () => {
13470
13528
  strokeLinejoin: "round"
13471
13529
  }
13472
13530
  ),
13473
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13531
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13474
13532
  "path",
13475
13533
  {
13476
13534
  opacity: "0.6",
@@ -13481,7 +13539,7 @@ var IcEmptyTable = () => {
13481
13539
  strokeLinejoin: "round"
13482
13540
  }
13483
13541
  ),
13484
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13542
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13485
13543
  "path",
13486
13544
  {
13487
13545
  opacity: "0.6",
@@ -13492,7 +13550,7 @@ var IcEmptyTable = () => {
13492
13550
  strokeLinejoin: "round"
13493
13551
  }
13494
13552
  ),
13495
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13553
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13496
13554
  "path",
13497
13555
  {
13498
13556
  opacity: "0.6",
@@ -13503,7 +13561,7 @@ var IcEmptyTable = () => {
13503
13561
  strokeLinejoin: "round"
13504
13562
  }
13505
13563
  ),
13506
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13564
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13507
13565
  "path",
13508
13566
  {
13509
13567
  opacity: "0.6",
@@ -13514,7 +13572,7 @@ var IcEmptyTable = () => {
13514
13572
  strokeLinejoin: "round"
13515
13573
  }
13516
13574
  ),
13517
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13575
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13518
13576
  "path",
13519
13577
  {
13520
13578
  opacity: "0.6",
@@ -13525,7 +13583,7 @@ var IcEmptyTable = () => {
13525
13583
  strokeLinejoin: "round"
13526
13584
  }
13527
13585
  ),
13528
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13586
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13529
13587
  "path",
13530
13588
  {
13531
13589
  opacity: "0.6",
@@ -13536,7 +13594,7 @@ var IcEmptyTable = () => {
13536
13594
  strokeLinejoin: "round"
13537
13595
  }
13538
13596
  ),
13539
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13597
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13540
13598
  "path",
13541
13599
  {
13542
13600
  opacity: "0.6",
@@ -13547,7 +13605,7 @@ var IcEmptyTable = () => {
13547
13605
  strokeLinejoin: "round"
13548
13606
  }
13549
13607
  ),
13550
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13608
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13551
13609
  "path",
13552
13610
  {
13553
13611
  opacity: "0.6",
@@ -13558,7 +13616,7 @@ var IcEmptyTable = () => {
13558
13616
  strokeLinejoin: "round"
13559
13617
  }
13560
13618
  ),
13561
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13619
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13562
13620
  "path",
13563
13621
  {
13564
13622
  opacity: "0.6",
@@ -13569,14 +13627,14 @@ var IcEmptyTable = () => {
13569
13627
  strokeLinejoin: "round"
13570
13628
  }
13571
13629
  ),
13572
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13630
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13573
13631
  "path",
13574
13632
  {
13575
13633
  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",
13576
13634
  fill: "white"
13577
13635
  }
13578
13636
  ),
13579
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13637
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13580
13638
  "path",
13581
13639
  {
13582
13640
  "fill-rule": "evenodd",
@@ -13585,7 +13643,7 @@ var IcEmptyTable = () => {
13585
13643
  fill: "white"
13586
13644
  }
13587
13645
  ),
13588
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
13646
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
13589
13647
  "path",
13590
13648
  {
13591
13649
  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",
@@ -13596,7 +13654,7 @@ var IcEmptyTable = () => {
13596
13654
  }
13597
13655
  )
13598
13656
  ] }),
13599
- /* @__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)(
13657
+ /* @__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)(
13600
13658
  "rect",
13601
13659
  {
13602
13660
  width: "215",
@@ -13611,14 +13669,14 @@ var IcEmptyTable = () => {
13611
13669
  };
13612
13670
 
13613
13671
  // src/widgets/advanced/table/empty-table.tsx
13614
- var import_jsx_runtime48 = require("react/jsx-runtime");
13672
+ var import_jsx_runtime49 = require("react/jsx-runtime");
13615
13673
  var EmptyTable = () => {
13616
13674
  const { t: t3 } = useI18n();
13617
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
13618
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IcEmptyTable, {}),
13619
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
13620
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", {}),
13621
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
13675
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
13676
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IcEmptyTable, {}),
13677
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
13678
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {}),
13679
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-xl font-extrabold", children: t3("empty_data") })
13622
13680
  ] })
13623
13681
  ] });
13624
13682
  };
@@ -15437,10 +15495,10 @@ function s3(o3, s4, t3) {
15437
15495
 
15438
15496
  // src/widgets/advanced/login/shared/button.tsx
15439
15497
  var React2 = __toESM(require("react"));
15440
- var import_jsx_runtime49 = require("react/jsx-runtime");
15498
+ var import_jsx_runtime50 = require("react/jsx-runtime");
15441
15499
  var Button = React2.forwardRef(
15442
15500
  ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
15443
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
15501
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
15444
15502
  "button",
15445
15503
  {
15446
15504
  className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium
@@ -15450,7 +15508,7 @@ var Button = React2.forwardRef(
15450
15508
  ref,
15451
15509
  type,
15452
15510
  ...props,
15453
- children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
15511
+ children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
15454
15512
  }
15455
15513
  );
15456
15514
  }
@@ -15459,7 +15517,7 @@ Button.displayName = "Button";
15459
15517
 
15460
15518
  // src/widgets/advanced/login/shared/text-input.tsx
15461
15519
  var import_react18 = require("react");
15462
- var import_jsx_runtime50 = require("react/jsx-runtime");
15520
+ var import_jsx_runtime51 = require("react/jsx-runtime");
15463
15521
  function TextInput(props) {
15464
15522
  const {
15465
15523
  className,
@@ -15473,17 +15531,17 @@ function TextInput(props) {
15473
15531
  required
15474
15532
  } = props;
15475
15533
  const [showPassword, setShowPassword] = (0, import_react18.useState)(false);
15476
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
15477
- label && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
15534
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
15535
+ label && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
15478
15536
  label,
15479
- required ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
15537
+ required ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
15480
15538
  ] }),
15481
- /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
15539
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
15482
15540
  "div",
15483
15541
  {
15484
15542
  className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
15485
15543
  children: [
15486
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
15544
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
15487
15545
  "input",
15488
15546
  {
15489
15547
  className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -15492,18 +15550,18 @@ function TextInput(props) {
15492
15550
  ...register(name2)
15493
15551
  }
15494
15552
  ),
15495
- type === "password" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
15553
+ type === "password" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
15496
15554
  "span",
15497
15555
  {
15498
15556
  onClick: () => setShowPassword(!showPassword),
15499
15557
  className: "focus:outline-none",
15500
- children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(EyeIcon, {})
15558
+ children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeIcon, {})
15501
15559
  }
15502
15560
  )
15503
15561
  ]
15504
15562
  }
15505
15563
  ),
15506
- errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
15564
+ errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
15507
15565
  "p",
15508
15566
  {
15509
15567
  className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -15515,7 +15573,7 @@ function TextInput(props) {
15515
15573
 
15516
15574
  // src/widgets/advanced/login/provider/credential/form-options/index.tsx
15517
15575
  var import_react19 = require("react");
15518
- var import_jsx_runtime51 = require("react/jsx-runtime");
15576
+ var import_jsx_runtime52 = require("react/jsx-runtime");
15519
15577
  var STAY_LOGIN_IN = "stayLoginIn";
15520
15578
  function FormOptions({
15521
15579
  forgotPasswordUrl,
@@ -15541,9 +15599,9 @@ function FormOptions({
15541
15599
  (0, import_react19.useEffect)(() => {
15542
15600
  localStorage.setItem(STAY_LOGIN_IN, "false");
15543
15601
  }, []);
15544
- 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: [
15545
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "flex gap-3", children: [
15546
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
15602
+ 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: [
15603
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: "flex gap-3", children: [
15604
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15547
15605
  "input",
15548
15606
  {
15549
15607
  checked: stayLoginIn,
@@ -15552,14 +15610,14 @@ function FormOptions({
15552
15610
  onChange: handleCheckboxChange
15553
15611
  }
15554
15612
  ),
15555
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
15613
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
15556
15614
  ] }),
15557
- !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
15615
+ !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
15558
15616
  ] });
15559
15617
  }
15560
15618
 
15561
15619
  // src/widgets/advanced/login/provider/credential/index.tsx
15562
- var import_jsx_runtime52 = require("react/jsx-runtime");
15620
+ var import_jsx_runtime53 = require("react/jsx-runtime");
15563
15621
  var CredentialLogin = (props) => {
15564
15622
  const {
15565
15623
  shouldRenderDivider,
@@ -15579,16 +15637,16 @@ var CredentialLogin = (props) => {
15579
15637
  mode: "onChange",
15580
15638
  resolver: s3(loginSchema)
15581
15639
  });
15582
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
15583
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
15640
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
15641
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
15584
15642
  "form",
15585
15643
  {
15586
15644
  onSubmit: handleSubmit(onSubmit ?? (() => {
15587
15645
  })),
15588
15646
  className: `flex w-full h-fit flex-col gap-10`,
15589
15647
  children: [
15590
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-6", children: [
15591
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15648
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-6", children: [
15649
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15592
15650
  TextInput,
15593
15651
  {
15594
15652
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15601,7 +15659,7 @@ var CredentialLogin = (props) => {
15601
15659
  errors
15602
15660
  }
15603
15661
  ),
15604
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15662
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15605
15663
  TextInput,
15606
15664
  {
15607
15665
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -15614,7 +15672,7 @@ var CredentialLogin = (props) => {
15614
15672
  errors
15615
15673
  }
15616
15674
  ),
15617
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15675
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15618
15676
  FormOptions,
15619
15677
  {
15620
15678
  forgotPasswordUrl,
@@ -15624,7 +15682,7 @@ var CredentialLogin = (props) => {
15624
15682
  }
15625
15683
  )
15626
15684
  ] }),
15627
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
15685
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
15628
15686
  Button,
15629
15687
  {
15630
15688
  type: "submit",
@@ -15636,56 +15694,56 @@ var CredentialLogin = (props) => {
15636
15694
  ]
15637
15695
  }
15638
15696
  ),
15639
- shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex justify-center relative", children: [
15640
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
15641
- /* @__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" })
15697
+ shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-center relative", children: [
15698
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
15699
+ /* @__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" })
15642
15700
  ] })
15643
15701
  ] });
15644
15702
  };
15645
15703
 
15646
15704
  // src/widgets/advanced/login/provider/google/google-btn/index.tsx
15647
- var import_jsx_runtime53 = require("react/jsx-runtime");
15705
+ var import_jsx_runtime54 = require("react/jsx-runtime");
15648
15706
  function GoogleButton(props) {
15649
15707
  const { onLoginGoogle, db } = props;
15650
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
15708
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
15651
15709
  "button",
15652
15710
  {
15653
15711
  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",
15654
15712
  onClick: () => onLoginGoogle?.(db),
15655
15713
  children: [
15656
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(GoogleIcon, { className: "google-icon" }),
15657
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
15714
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GoogleIcon, { className: "google-icon" }),
15715
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
15658
15716
  ]
15659
15717
  }
15660
15718
  );
15661
15719
  }
15662
15720
 
15663
15721
  // src/widgets/advanced/login/provider/google/redirect/index.tsx
15664
- var import_jsx_runtime54 = require("react/jsx-runtime");
15722
+ var import_jsx_runtime55 = require("react/jsx-runtime");
15665
15723
  function SocialRedirect(props) {
15666
15724
  const { db, onLoginSocial } = props;
15667
15725
  onLoginSocial && onLoginSocial(String(db));
15668
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
15726
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
15669
15727
  }
15670
15728
 
15671
15729
  // src/widgets/advanced/login/provider/google/index.tsx
15672
- var import_jsx_runtime55 = require("react/jsx-runtime");
15730
+ var import_jsx_runtime56 = require("react/jsx-runtime");
15673
15731
  var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
15674
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
15675
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GoogleButton, { db, onLoginGoogle }),
15676
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SocialRedirect, { db, onLoginSocial })
15732
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
15733
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GoogleButton, { db, onLoginGoogle }),
15734
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SocialRedirect, { db, onLoginSocial })
15677
15735
  ] });
15678
15736
  };
15679
15737
 
15680
15738
  // src/widgets/advanced/login/index.tsx
15681
- var import_jsx_runtime56 = require("react/jsx-runtime");
15739
+ var import_jsx_runtime57 = require("react/jsx-runtime");
15682
15740
  var LoginProviderMapping = {
15683
15741
  google: GoogleLogin
15684
15742
  };
15685
15743
  var Login = (props) => {
15686
15744
  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
15687
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "w-full space-y-8", children: [
15688
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15745
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "w-full space-y-8", children: [
15746
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15689
15747
  CredentialLogin,
15690
15748
  {
15691
15749
  ...props,
@@ -15695,7 +15753,7 @@ var Login = (props) => {
15695
15753
  ),
15696
15754
  providers.map((provider, index4) => {
15697
15755
  const ProviderComp = LoginProviderMapping[provider];
15698
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15756
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15699
15757
  ProviderComp,
15700
15758
  {
15701
15759
  db,
@@ -15709,7 +15767,7 @@ var Login = (props) => {
15709
15767
  };
15710
15768
 
15711
15769
  // src/widgets/advanced/search/popup-filter/index.tsx
15712
- var import_jsx_runtime57 = require("react/jsx-runtime");
15770
+ var import_jsx_runtime58 = require("react/jsx-runtime");
15713
15771
  var PopupFilter = ({
15714
15772
  handleAddTagSearch,
15715
15773
  removeSearchItems,
@@ -15720,7 +15778,7 @@ var PopupFilter = ({
15720
15778
  fields
15721
15779
  }) => {
15722
15780
  const { t: t3 } = useI18n();
15723
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15781
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15724
15782
  "div",
15725
15783
  {
15726
15784
  style: {
@@ -15730,25 +15788,25 @@ var PopupFilter = ({
15730
15788
  zIndex: 33
15731
15789
  },
15732
15790
  className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
15733
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15791
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15734
15792
  "div",
15735
15793
  {
15736
15794
  className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
15737
15795
  children: [
15738
- filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "filter-by w-full px-3", children: [
15739
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15740
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
15741
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
15796
+ filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "filter-by w-full px-3", children: [
15797
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15798
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
15799
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
15742
15800
  ] }),
15743
15801
  filterBy?.reduce((acc, item, index4, array) => {
15744
15802
  const prevItem = array[index4 - 1];
15745
15803
  const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
15746
15804
  const isExist = item?.active;
15747
15805
  if (isDifferentGroup) {
15748
- acc.push(/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", { className: "my-2" }, "separator-" + index4));
15806
+ acc.push(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("hr", { className: "my-2" }, "separator-" + index4));
15749
15807
  }
15750
15808
  acc.push(
15751
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15809
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15752
15810
  "button",
15753
15811
  {
15754
15812
  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)]"}`,
@@ -15773,8 +15831,8 @@ var PopupFilter = ({
15773
15831
  });
15774
15832
  },
15775
15833
  children: [
15776
- isExist && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CheckIcon, {}),
15777
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
15834
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
15835
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
15778
15836
  ]
15779
15837
  },
15780
15838
  "filter-" + index4
@@ -15783,16 +15841,16 @@ var PopupFilter = ({
15783
15841
  return acc;
15784
15842
  }, [])
15785
15843
  ] }),
15786
- filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
15787
- groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "group-by w-full px-3", children: [
15788
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15789
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
15790
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
15844
+ filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
15845
+ groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "group-by w-full px-3", children: [
15846
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15847
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
15848
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
15791
15849
  ] }),
15792
15850
  groupBy?.map((item, index4) => {
15793
15851
  const isExist = item?.active;
15794
15852
  if (!item.string) return;
15795
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15853
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15796
15854
  "button",
15797
15855
  {
15798
15856
  onClick: () => {
@@ -15816,8 +15874,8 @@ var PopupFilter = ({
15816
15874
  },
15817
15875
  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)]"}`,
15818
15876
  children: [
15819
- isExist && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CheckIcon, {}),
15820
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm", children: item?.string })
15877
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, {}),
15878
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: item?.string })
15821
15879
  ]
15822
15880
  },
15823
15881
  "groupby-" + index4 + 1
@@ -15836,7 +15894,7 @@ var import_react21 = require("react");
15836
15894
 
15837
15895
  // src/widgets/advanced/search/tag-search/index.tsx
15838
15896
  var import_react20 = require("react");
15839
- var import_jsx_runtime58 = require("react/jsx-runtime");
15897
+ var import_jsx_runtime59 = require("react/jsx-runtime");
15840
15898
  var TagSearch = ({
15841
15899
  removeSearchItems,
15842
15900
  selectedTags,
@@ -15847,23 +15905,23 @@ var TagSearch = ({
15847
15905
  return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
15848
15906
  if (tag?.values?.length > 0) {
15849
15907
  if (tag?.type !== "group_by") {
15850
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15908
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
15851
15909
  "div",
15852
15910
  {
15853
15911
  className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
15854
15912
  children: [
15855
- /* @__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, {}) }),
15856
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
15857
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react20.Fragment, { children: [
15858
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: value }),
15859
- idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15913
+ /* @__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, {}) }),
15914
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
15915
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react20.Fragment, { children: [
15916
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: value }),
15917
+ idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15860
15918
  " ",
15861
15919
  instance.t("or"),
15862
15920
  " "
15863
15921
  ] })
15864
15922
  ] }, idx);
15865
15923
  }) }),
15866
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15924
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15867
15925
  "button",
15868
15926
  {
15869
15927
  className: "px-2 text-sm font-bold",
@@ -15880,7 +15938,7 @@ var TagSearch = ({
15880
15938
  );
15881
15939
  }
15882
15940
  },
15883
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15941
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15884
15942
  }
15885
15943
  )
15886
15944
  ]
@@ -15888,26 +15946,26 @@ var TagSearch = ({
15888
15946
  "selected-tag-" + index4
15889
15947
  );
15890
15948
  } else if (tag?.type === "group_by") {
15891
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15949
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15892
15950
  "div",
15893
15951
  {
15894
15952
  className: "flex min-h-full overflow-hidden",
15895
- 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(
15896
- (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15953
+ 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(
15954
+ (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
15897
15955
  "div",
15898
15956
  {
15899
15957
  className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
15900
15958
  children: [
15901
- /* @__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, {}) }),
15902
- value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
15903
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: string }),
15904
- idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15959
+ /* @__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, {}) }),
15960
+ value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
15961
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: string }),
15962
+ idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15905
15963
  " ",
15906
15964
  "> ",
15907
15965
  " "
15908
15966
  ] })
15909
15967
  ] })),
15910
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15968
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
15911
15969
  "button",
15912
15970
  {
15913
15971
  className: "pr-2 text-sm font-bold",
@@ -15922,7 +15980,7 @@ var TagSearch = ({
15922
15980
  );
15923
15981
  }
15924
15982
  },
15925
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15983
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15926
15984
  }
15927
15985
  )
15928
15986
  ]
@@ -15939,7 +15997,7 @@ var TagSearch = ({
15939
15997
  };
15940
15998
 
15941
15999
  // src/widgets/advanced/search/search-list/index.tsx
15942
- var import_jsx_runtime59 = require("react/jsx-runtime");
16000
+ var import_jsx_runtime60 = require("react/jsx-runtime");
15943
16001
  var SearchList = ({
15944
16002
  handleAddTagSearch,
15945
16003
  handleMouseEnter,
@@ -15949,7 +16007,7 @@ var SearchList = ({
15949
16007
  hoveredIndexSearchList
15950
16008
  }) => {
15951
16009
  const { t: t3 } = useI18n();
15952
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
16010
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15953
16011
  "div",
15954
16012
  {
15955
16013
  style: {
@@ -15961,7 +16019,7 @@ var SearchList = ({
15961
16019
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
15962
16020
  return;
15963
16021
  }
15964
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
16022
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
15965
16023
  "button",
15966
16024
  {
15967
16025
  onClick: () => {
@@ -15983,12 +16041,12 @@ var SearchList = ({
15983
16041
  children: [
15984
16042
  t3("search"),
15985
16043
  " ",
15986
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-bold", children: searchItem?.title }),
16044
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-bold", children: searchItem?.title }),
15987
16045
  " ",
15988
16046
  t3("for"),
15989
16047
  ":",
15990
16048
  " ",
15991
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
16049
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
15992
16050
  "span",
15993
16051
  {
15994
16052
  style: {
@@ -16008,7 +16066,7 @@ var SearchList = ({
16008
16066
  };
16009
16067
 
16010
16068
  // src/widgets/advanced/search/search-item/index.tsx
16011
- var import_jsx_runtime60 = require("react/jsx-runtime");
16069
+ var import_jsx_runtime61 = require("react/jsx-runtime");
16012
16070
  var Search = ({
16013
16071
  removeSearchItems,
16014
16072
  selectedTags,
@@ -16125,15 +16183,15 @@ var Search = ({
16125
16183
  setDidInit(true);
16126
16184
  setIsReadyFormatDomain(true);
16127
16185
  }, [aid, filterBy, fieldsList]);
16128
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16186
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16129
16187
  "div",
16130
16188
  {
16131
16189
  ref: popupFilterRef,
16132
16190
  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)]`,
16133
16191
  children: [
16134
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SearchIcon, {}) }),
16135
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
16136
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16192
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SearchIcon, {}) }),
16193
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
16194
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16137
16195
  TagSearch,
16138
16196
  {
16139
16197
  removeSearchItems,
@@ -16143,7 +16201,7 @@ var Search = ({
16143
16201
  setGroupBy
16144
16202
  }
16145
16203
  ),
16146
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16204
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16147
16205
  "input",
16148
16206
  {
16149
16207
  value: searchString,
@@ -16156,7 +16214,7 @@ var Search = ({
16156
16214
  onKeyUp: (e3) => e3.preventDefault()
16157
16215
  }
16158
16216
  ),
16159
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16217
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16160
16218
  SearchList,
16161
16219
  {
16162
16220
  handleAddTagSearch,
@@ -16165,8 +16223,8 @@ var Search = ({
16165
16223
  }
16166
16224
  )
16167
16225
  ] }),
16168
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
16169
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16226
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
16227
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16170
16228
  "div",
16171
16229
  {
16172
16230
  className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -16175,8 +16233,8 @@ var Search = ({
16175
16233
  setShowPopupFilter((prev2) => !prev2);
16176
16234
  },
16177
16235
  children: [
16178
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
16179
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16236
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
16237
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16180
16238
  ChevronBottomIcon,
16181
16239
  {
16182
16240
  className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -16185,7 +16243,7 @@ var Search = ({
16185
16243
  ]
16186
16244
  }
16187
16245
  ),
16188
- showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16246
+ showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16189
16247
  PopupFilter,
16190
16248
  {
16191
16249
  handleAddTagSearch,
@@ -16204,30 +16262,30 @@ var Search = ({
16204
16262
  };
16205
16263
 
16206
16264
  // src/widgets/basic/active-badge-field/active-badge.tsx
16207
- var import_jsx_runtime61 = require("react/jsx-runtime");
16265
+ var import_jsx_runtime62 = require("react/jsx-runtime");
16208
16266
  var ActiveBadgeField = (props) => {
16209
16267
  const { t: t3 } = useI18n();
16210
16268
  const {
16211
16269
  type,
16212
16270
  className
16213
16271
  } = props;
16214
- if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {});
16272
+ if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, {});
16215
16273
  const typeStyle = type ? "text-green-500" : "text-red-500";
16216
16274
  const text = type ? t3("active") : t3("in_active");
16217
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
16275
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
16218
16276
  };
16219
16277
 
16220
16278
  // src/widgets/common/modal-layer.tsx
16221
16279
  var import_react22 = require("react");
16222
16280
  var import_react23 = require("@headlessui/react");
16223
- var import_jsx_runtime62 = require("react/jsx-runtime");
16281
+ var import_jsx_runtime63 = require("react/jsx-runtime");
16224
16282
  var ModalLayer = ({
16225
16283
  isOpen,
16226
16284
  onClose,
16227
16285
  title,
16228
16286
  children
16229
16287
  }) => {
16230
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
16288
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
16231
16289
  import_react23.Transition,
16232
16290
  {
16233
16291
  show: isOpen,
@@ -16238,22 +16296,22 @@ var ModalLayer = ({
16238
16296
  leaveFrom: "transform scale-100 opacity-100",
16239
16297
  leaveTo: "transform scale-95 opacity-0",
16240
16298
  as: import_react22.Fragment,
16241
- 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: [
16242
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16243
- /* @__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: [
16244
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
16299
+ 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: [
16300
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16301
+ /* @__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: [
16302
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
16245
16303
  "div",
16246
16304
  {
16247
16305
  className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
16248
16306
  children: [
16249
- title && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
16250
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
16307
+ title && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
16308
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
16251
16309
  "button",
16252
16310
  {
16253
16311
  onClick: onClose,
16254
16312
  "aria-label": "Close",
16255
16313
  className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
16256
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseIcon, {})
16314
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseIcon, {})
16257
16315
  }
16258
16316
  )
16259
16317
  ]
@@ -16267,7 +16325,7 @@ var ModalLayer = ({
16267
16325
  };
16268
16326
 
16269
16327
  // src/widgets/common/modal-confirm.tsx
16270
- var import_jsx_runtime63 = require("react/jsx-runtime");
16328
+ var import_jsx_runtime64 = require("react/jsx-runtime");
16271
16329
  var ModalConfirm = ({
16272
16330
  name: name2,
16273
16331
  isShowModal,
@@ -16281,7 +16339,7 @@ var ModalConfirm = ({
16281
16339
  const renderButtonAction = (name3) => {
16282
16340
  switch (name3) {
16283
16341
  case "duplicate":
16284
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
16342
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
16285
16343
  "button",
16286
16344
  {
16287
16345
  type: "button",
@@ -16289,13 +16347,13 @@ var ModalConfirm = ({
16289
16347
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16290
16348
  disabled: isLoading,
16291
16349
  children: [
16292
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
16293
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
16350
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
16351
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "duplicating" : "duplicate") })
16294
16352
  ]
16295
16353
  }
16296
16354
  );
16297
16355
  case "archive":
16298
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
16356
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
16299
16357
  "button",
16300
16358
  {
16301
16359
  type: "button",
@@ -16303,13 +16361,13 @@ var ModalConfirm = ({
16303
16361
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16304
16362
  disabled: isLoading,
16305
16363
  children: [
16306
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
16307
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
16364
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
16365
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "archiving" : "save_archive") })
16308
16366
  ]
16309
16367
  }
16310
16368
  );
16311
16369
  case "unarchive":
16312
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
16370
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
16313
16371
  "button",
16314
16372
  {
16315
16373
  type: "button",
@@ -16317,13 +16375,13 @@ var ModalConfirm = ({
16317
16375
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16318
16376
  disabled: isLoading,
16319
16377
  children: [
16320
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
16321
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
16378
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
16379
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "unarchiving" : "save_unarchive") })
16322
16380
  ]
16323
16381
  }
16324
16382
  );
16325
16383
  case "delete":
16326
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
16384
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
16327
16385
  "button",
16328
16386
  {
16329
16387
  type: "button",
@@ -16331,8 +16389,8 @@ var ModalConfirm = ({
16331
16389
  className: "button-primary flex-1 flex items-center justify-center gap-2",
16332
16390
  disabled: isLoading,
16333
16391
  children: [
16334
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingIcon, {}),
16335
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
16392
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingIcon, {}),
16393
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t3(isLoading ? "deleting" : "delete_button") })
16336
16394
  ]
16337
16395
  }
16338
16396
  );
@@ -16340,13 +16398,13 @@ var ModalConfirm = ({
16340
16398
  break;
16341
16399
  }
16342
16400
  };
16343
- 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: [
16344
- /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
16345
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-[18px] font-bold", children: title }),
16346
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-[16px]", children: content })
16401
+ 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: [
16402
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
16403
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "text-[18px] font-bold", children: title }),
16404
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-[16px]", children: content })
16347
16405
  ] }),
16348
- /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
16349
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
16406
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
16407
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
16350
16408
  "button",
16351
16409
  {
16352
16410
  type: "button",
@@ -16362,8 +16420,8 @@ var ModalConfirm = ({
16362
16420
 
16363
16421
  // src/widgets/common/modal-detail.tsx
16364
16422
  var import_react24 = require("react");
16365
- var import_react_dom2 = require("react-dom");
16366
- var import_jsx_runtime64 = require("react/jsx-runtime");
16423
+ var import_react_dom3 = require("react-dom");
16424
+ var import_jsx_runtime65 = require("react/jsx-runtime");
16367
16425
  var ModalDetail = ({
16368
16426
  idToolTip,
16369
16427
  title,
@@ -16385,19 +16443,19 @@ var ModalDetail = ({
16385
16443
  sessionStorage.setItem("actionData", JSON.stringify(actionData));
16386
16444
  window.location.href = `/form/menu?model=${model}&id=${idForm}`;
16387
16445
  };
16388
- return (0, import_react_dom2.createPortal)(
16389
- /* @__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: [
16390
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16391
- /* @__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: [
16392
- /* @__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: [
16393
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
16446
+ return (0, import_react_dom3.createPortal)(
16447
+ /* @__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: [
16448
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16449
+ /* @__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: [
16450
+ /* @__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: [
16451
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
16394
16452
  "div",
16395
16453
  {
16396
16454
  id: "modal-detail",
16397
16455
  className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
16398
16456
  children: [
16399
16457
  t3("detail_button"),
16400
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
16458
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
16401
16459
  "button",
16402
16460
  {
16403
16461
  onClick: handleNavigateDetail,
@@ -16408,9 +16466,9 @@ var ModalDetail = ({
16408
16466
  ]
16409
16467
  }
16410
16468
  ),
16411
- /* @__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" }) })
16469
+ /* @__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" }) })
16412
16470
  ] }),
16413
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
16471
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
16414
16472
  id: idForm,
16415
16473
  aid,
16416
16474
  model,
@@ -16425,7 +16483,7 @@ var ModalDetail = ({
16425
16483
 
16426
16484
  // src/widgets/common/loading-normal.tsx
16427
16485
  var import_react25 = require("react");
16428
- var import_jsx_runtime65 = require("react/jsx-runtime");
16486
+ var import_jsx_runtime66 = require("react/jsx-runtime");
16429
16487
  var LayerLoading = () => {
16430
16488
  const { t: t3 } = useI18n();
16431
16489
  const [activeIndex, setActiveIndex] = (0, import_react25.useState)(0);
@@ -16435,21 +16493,21 @@ var LayerLoading = () => {
16435
16493
  }, 200);
16436
16494
  return () => clearInterval(interval);
16437
16495
  }, []);
16438
- 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: [
16439
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
16496
+ 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: [
16497
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
16440
16498
  "div",
16441
16499
  {
16442
16500
  className: `loading-item ${index4 === activeIndex ? "active" : ""}`
16443
16501
  },
16444
16502
  index4
16445
16503
  )) }),
16446
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
16504
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: t3("loading") })
16447
16505
  ] }) }) });
16448
16506
  };
16449
16507
 
16450
16508
  // src/widgets/common/loading-small.tsx
16451
16509
  var import_react26 = require("react");
16452
- var import_jsx_runtime66 = require("react/jsx-runtime");
16510
+ var import_jsx_runtime67 = require("react/jsx-runtime");
16453
16511
  var LoadingSmall = () => {
16454
16512
  const [activeIndex, setActiveIndex] = (0, import_react26.useState)(0);
16455
16513
  (0, import_react26.useEffect)(() => {
@@ -16458,7 +16516,7 @@ var LoadingSmall = () => {
16458
16516
  }, 200);
16459
16517
  return () => clearInterval(interval);
16460
16518
  }, []);
16461
- 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)(
16519
+ 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)(
16462
16520
  "div",
16463
16521
  {
16464
16522
  className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -16469,7 +16527,7 @@ var LoadingSmall = () => {
16469
16527
 
16470
16528
  // src/widgets/common/video-player.tsx
16471
16529
  var import_react27 = require("react");
16472
- var import_jsx_runtime67 = require("react/jsx-runtime");
16530
+ var import_jsx_runtime68 = require("react/jsx-runtime");
16473
16531
  var VideoPlayer = ({ src }) => {
16474
16532
  const [isPlaying, setIsPlaying] = (0, import_react27.useState)(false);
16475
16533
  const videoRef = (0, import_react27.useRef)(null);
@@ -16496,8 +16554,8 @@ var VideoPlayer = ({ src }) => {
16496
16554
  }
16497
16555
  }
16498
16556
  };
16499
- 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: [
16500
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
16557
+ 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: [
16558
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16501
16559
  "video",
16502
16560
  {
16503
16561
  ref: videoRef,
@@ -16509,32 +16567,57 @@ var VideoPlayer = ({ src }) => {
16509
16567
  children: "Your browser does not support the video tag."
16510
16568
  }
16511
16569
  ),
16512
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
16513
- /* @__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, {}) }) })
16570
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
16571
+ /* @__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, {}) }) })
16514
16572
  ] });
16515
16573
  };
16516
16574
 
16517
16575
  // src/widgets/common/render-files.tsx
16518
- var import_jsx_runtime68 = require("react/jsx-runtime");
16576
+ var import_jsx_runtime69 = require("react/jsx-runtime");
16519
16577
  var ImageItem = ({
16520
16578
  filename,
16521
16579
  checksum,
16522
16580
  index: index4,
16523
16581
  src = null,
16524
- useGetImage
16582
+ useGetImage,
16583
+ size: size4,
16584
+ id,
16585
+ envFile,
16586
+ accessToken
16525
16587
  }) => {
16526
16588
  const { data: image } = useGetImage({
16527
16589
  data: { filename, checksum },
16528
16590
  queryKey: [`get-image-${""}`],
16529
16591
  src
16530
16592
  });
16531
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16593
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group group/file", children: image || src ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16532
16594
  "img",
16533
16595
  {
16534
16596
  src: image || src,
16535
16597
  alt: filename,
16536
16598
  className: "w-32 h-32 object-cover rounded-md cursor-pointer"
16537
16599
  }
16600
+ ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
16601
+ "div",
16602
+ {
16603
+ onClick: (e3) => {
16604
+ e3?.stopPropagation();
16605
+ downloadFile(
16606
+ `${envFile}api/v2/web/content/${id}?download=true`,
16607
+ filename,
16608
+ accessToken
16609
+ );
16610
+ },
16611
+ style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
16612
+ className: "flex items-center p-2 gap-2 overflow-hidden",
16613
+ children: [
16614
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageIcon, {}),
16615
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
16616
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
16617
+ size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
16618
+ ] })
16619
+ ]
16620
+ }
16538
16621
  ) }, index4);
16539
16622
  };
16540
16623
  var FileItem = (props) => {
@@ -16546,37 +16629,57 @@ var FileItem = (props) => {
16546
16629
  src,
16547
16630
  mimetype,
16548
16631
  size: size4,
16549
- useGetImage
16632
+ useGetImage,
16633
+ id,
16634
+ envFile,
16635
+ accessToken
16550
16636
  } = props;
16551
16637
  const fileTypeIcon = {
16552
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PdfIcon, {}),
16553
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ZipIcon, {}),
16554
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ZipIcon, {}),
16555
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ExcelIcon, {}),
16556
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ExcelIcon, {})
16638
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PdfIcon, {}),
16639
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
16640
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
16641
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {}),
16642
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {})
16557
16643
  };
16558
16644
  const renderFile = () => {
16559
16645
  if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
16560
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ImageItem, { ...props });
16646
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageItem, { ...props, useGetImage });
16561
16647
  } else if (mimetype?.includes("video")) {
16562
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VideoPlayer, { ...props });
16648
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VideoPlayer, { ...props });
16563
16649
  } else {
16564
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
16565
- fileTypeIcon[mimetype],
16566
- /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
16567
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
16568
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
16569
- ] })
16570
- ] });
16650
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
16651
+ "div",
16652
+ {
16653
+ onClick: (e3) => {
16654
+ if (accessToken) {
16655
+ e3?.stopPropagation();
16656
+ downloadFile(
16657
+ `${envFile}api/v2/web/content/${id}?download=true`,
16658
+ filename,
16659
+ accessToken
16660
+ );
16661
+ }
16662
+ },
16663
+ style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
16664
+ className: "flex items-center p-2 gap-2 overflow-hidden",
16665
+ children: [
16666
+ fileTypeIcon[mimetype],
16667
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
16668
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
16669
+ size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
16670
+ ] })
16671
+ ]
16672
+ }
16673
+ );
16571
16674
  }
16572
16675
  };
16573
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
16676
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
16574
16677
  "div",
16575
16678
  {
16576
16679
  className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit",
16577
16680
  children: [
16578
16681
  renderFile(),
16579
- handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16682
+ handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16580
16683
  "div",
16581
16684
  {
16582
16685
  style: {
@@ -16587,10 +16690,10 @@ var FileItem = (props) => {
16587
16690
  },
16588
16691
  onClick: () => handleRemoveFile(index4),
16589
16692
  className: "cursor-pointer p-2 hidden group-hover:block",
16590
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DeleteIcon, {})
16693
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
16591
16694
  }
16592
16695
  ),
16593
- !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16696
+ !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16594
16697
  "span",
16595
16698
  {
16596
16699
  style: {
@@ -16602,7 +16705,7 @@ var FileItem = (props) => {
16602
16705
  },
16603
16706
  onClick: (e3) => handleFileDownload(e3, src, filename),
16604
16707
  className: "hidden group-hover:block cursor-pointer p-2 text-white ",
16605
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DownloadIcon, {})
16708
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DownloadIcon, {})
16606
16709
  }
16607
16710
  )
16608
16711
  ]
@@ -16610,9 +16713,14 @@ var FileItem = (props) => {
16610
16713
  index4
16611
16714
  );
16612
16715
  };
16613
- var downloadFile = async (url, filename) => {
16716
+ var downloadFile = async (url, filename, accessToken) => {
16614
16717
  try {
16615
- const response = await fetch(url);
16718
+ const response = accessToken ? await fetch(url, {
16719
+ method: "GET",
16720
+ headers: {
16721
+ Authorization: `Bearer ${accessToken}`
16722
+ }
16723
+ }) : await fetch(url);
16616
16724
  if (response.ok) {
16617
16725
  const blob = await response.blob();
16618
16726
  const urlBlob = window.URL.createObjectURL(blob);
@@ -16633,7 +16741,9 @@ var downloadFile = async (url, filename) => {
16633
16741
  var RenderFiles = ({
16634
16742
  selectedFiles,
16635
16743
  setSelectedFiles,
16636
- useGetImage
16744
+ useGetImage,
16745
+ envFile,
16746
+ accessToken
16637
16747
  }) => {
16638
16748
  const handleRemoveFile = (index4) => {
16639
16749
  if (setSelectedFiles) {
@@ -16645,19 +16755,21 @@ var RenderFiles = ({
16645
16755
  e3.stopPropagation();
16646
16756
  downloadFile(url, name2);
16647
16757
  };
16648
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
16649
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
16758
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
16759
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
16650
16760
  FileItem,
16651
16761
  {
16652
16762
  ...file,
16653
16763
  src: file?.datas,
16654
- filename: file?.display_name ?? file?.name,
16764
+ filename: file?.display_name ?? file?.name ?? file?.filename,
16765
+ id: file?.id,
16655
16766
  index: index4,
16656
16767
  handleRemoveFile: setSelectedFiles && handleRemoveFile,
16657
16768
  handleFileDownload,
16658
- useGetImage
16659
- },
16660
- index4
16769
+ useGetImage,
16770
+ envFile,
16771
+ accessToken
16772
+ }
16661
16773
  ) }, file?.id ?? index4);
16662
16774
  }) });
16663
16775
  };
@@ -16848,7 +16960,7 @@ var po = $2(K("zoom"));
16848
16960
  var uo = $2(K("flip"));
16849
16961
 
16850
16962
  // src/widgets/common/select-files.tsx
16851
- var import_jsx_runtime69 = require("react/jsx-runtime");
16963
+ var import_jsx_runtime70 = require("react/jsx-runtime");
16852
16964
  var ButtonSelectFiles = ({
16853
16965
  fileInputRef,
16854
16966
  selectedFiles,
@@ -16951,8 +17063,8 @@ var ButtonSelectFiles = ({
16951
17063
  await handleUpload(formData, serivce, xNode);
16952
17064
  }
16953
17065
  };
16954
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
16955
- 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)(
17066
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
17067
+ 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)(
16956
17068
  "button",
16957
17069
  {
16958
17070
  type: "button",
@@ -16960,12 +17072,12 @@ var ButtonSelectFiles = ({
16960
17072
  className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
16961
17073
  onClick: () => fileInputRef.current.click(),
16962
17074
  children: [
16963
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AttachIcon, {}),
16964
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: t3("upload_file_placeholder") })
17075
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AttachIcon, {}),
17076
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: t3("upload_file_placeholder") })
16965
17077
  ]
16966
17078
  }
16967
17079
  ),
16968
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17080
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
16969
17081
  "input",
16970
17082
  {
16971
17083
  type: "file",
@@ -16980,7 +17092,7 @@ var ButtonSelectFiles = ({
16980
17092
  };
16981
17093
 
16982
17094
  // src/widgets/basic/avatar-field/avatar.tsx
16983
- var import_jsx_runtime70 = require("react/jsx-runtime");
17095
+ var import_jsx_runtime71 = require("react/jsx-runtime");
16984
17096
  var AvatarField = (props) => {
16985
17097
  const {
16986
17098
  isForm = false,
@@ -17004,8 +17116,8 @@ var AvatarField = (props) => {
17004
17116
  color: textColor,
17005
17117
  fontSize: `${size4 / 2.5}px`
17006
17118
  };
17007
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
17008
- isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
17119
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
17120
+ isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17009
17121
  ModalDetail,
17010
17122
  {
17011
17123
  idToolTip: `avatar-widget-id-${id}`,
@@ -17016,7 +17128,7 @@ var AvatarField = (props) => {
17016
17128
  place: "top-start"
17017
17129
  }
17018
17130
  ),
17019
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
17131
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17020
17132
  M,
17021
17133
  {
17022
17134
  id: `avatar-widget-id-${id}`,
@@ -17025,7 +17137,7 @@ var AvatarField = (props) => {
17025
17137
  className: "z-20"
17026
17138
  }
17027
17139
  ),
17028
- avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
17140
+ avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17029
17141
  "img",
17030
17142
  {
17031
17143
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17033,7 +17145,7 @@ var AvatarField = (props) => {
17033
17145
  className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
17034
17146
  alt: "Avatar"
17035
17147
  }
17036
- ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
17148
+ ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17037
17149
  "div",
17038
17150
  {
17039
17151
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17046,7 +17158,7 @@ var AvatarField = (props) => {
17046
17158
  };
17047
17159
 
17048
17160
  // src/widgets/basic/binary-field/binary.tsx
17049
- var import_jsx_runtime71 = require("react/jsx-runtime");
17161
+ var import_jsx_runtime72 = require("react/jsx-runtime");
17050
17162
  var BinaryField = (props) => {
17051
17163
  const {
17052
17164
  name: name2,
@@ -17069,7 +17181,7 @@ var BinaryField = (props) => {
17069
17181
  image
17070
17182
  } = props;
17071
17183
  const { t: t3 } = useI18n();
17072
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17184
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17073
17185
  Controller,
17074
17186
  {
17075
17187
  name: name2 ?? "",
@@ -17079,13 +17191,13 @@ var BinaryField = (props) => {
17079
17191
  },
17080
17192
  render: ({ field }) => {
17081
17193
  const renderImage = initialImage || selectedImage;
17082
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17194
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17083
17195
  "div",
17084
17196
  {
17085
17197
  ref: binaryRef,
17086
17198
  className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
17087
- children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "relative group", children: [
17088
- renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17199
+ children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative group", children: [
17200
+ renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17089
17201
  "img",
17090
17202
  {
17091
17203
  style: {
@@ -17096,7 +17208,7 @@ var BinaryField = (props) => {
17096
17208
  alt: "Selected",
17097
17209
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17098
17210
  }
17099
- ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17211
+ ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17100
17212
  "img",
17101
17213
  {
17102
17214
  style: {
@@ -17107,17 +17219,17 @@ var BinaryField = (props) => {
17107
17219
  alt: "Selected",
17108
17220
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17109
17221
  }
17110
- ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(PlaceHolderIcon, {}),
17111
- !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17222
+ ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PlaceHolderIcon, {}),
17223
+ !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17112
17224
  "button",
17113
17225
  {
17114
17226
  type: "button",
17115
17227
  onClick: () => handleRemoveImage(field.onChange),
17116
17228
  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",
17117
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DeleteIcon, {})
17229
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DeleteIcon, {})
17118
17230
  }
17119
17231
  )
17120
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
17232
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
17121
17233
  "label",
17122
17234
  {
17123
17235
  htmlFor: inputId,
@@ -17127,7 +17239,7 @@ var BinaryField = (props) => {
17127
17239
  },
17128
17240
  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"}`,
17129
17241
  children: [
17130
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17242
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17131
17243
  "input",
17132
17244
  {
17133
17245
  id: inputId,
@@ -17139,8 +17251,8 @@ var BinaryField = (props) => {
17139
17251
  className: "hidden z-10 relative"
17140
17252
  }
17141
17253
  ),
17142
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
17143
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17254
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
17255
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17144
17256
  "div",
17145
17257
  {
17146
17258
  className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
@@ -17149,7 +17261,7 @@ var BinaryField = (props) => {
17149
17261
  left: "-8px",
17150
17262
  boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
17151
17263
  },
17152
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17264
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17153
17265
  "svg",
17154
17266
  {
17155
17267
  xmlns: "http://www.w3.org/2000/svg",
@@ -17157,7 +17269,7 @@ var BinaryField = (props) => {
17157
17269
  height: "14",
17158
17270
  viewBox: "0 0 14 14",
17159
17271
  fill: "none",
17160
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17272
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17161
17273
  "path",
17162
17274
  {
17163
17275
  "fill-rule": "evenodd",
@@ -17181,7 +17293,7 @@ var BinaryField = (props) => {
17181
17293
  };
17182
17294
 
17183
17295
  // src/widgets/basic/button-badge-field/button-badge.tsx
17184
- var import_jsx_runtime72 = require("react/jsx-runtime");
17296
+ var import_jsx_runtime73 = require("react/jsx-runtime");
17185
17297
  var typeStyles = {
17186
17298
  primary: {
17187
17299
  backgroundColor: "#3b82f6",
@@ -17256,11 +17368,11 @@ var ButtonBadgeField = (props) => {
17256
17368
  return item && type === "selection" && Array.isArray(item) ? item[1] : item;
17257
17369
  };
17258
17370
  const label = getLabel(defaultValue ?? value);
17259
- return label ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
17371
+ return label ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
17260
17372
  };
17261
17373
 
17262
17374
  // src/widgets/basic/button-field/button.tsx
17263
- var import_jsx_runtime73 = require("react/jsx-runtime");
17375
+ var import_jsx_runtime74 = require("react/jsx-runtime");
17264
17376
  var ButtonField = (props) => {
17265
17377
  const {
17266
17378
  func,
@@ -17271,7 +17383,7 @@ var ButtonField = (props) => {
17271
17383
  type = "submit"
17272
17384
  } = props;
17273
17385
  const { t: t3 } = useI18n();
17274
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
17386
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17275
17387
  "button",
17276
17388
  {
17277
17389
  type,
@@ -17280,7 +17392,7 @@ var ButtonField = (props) => {
17280
17392
  onClick: func,
17281
17393
  children: t3(content)
17282
17394
  }
17283
- ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
17395
+ ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
17284
17396
  "button",
17285
17397
  {
17286
17398
  type,
@@ -17289,7 +17401,7 @@ var ButtonField = (props) => {
17289
17401
  children: [
17290
17402
  t3("loading"),
17291
17403
  " ",
17292
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LoadingIcon, {})
17404
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(LoadingIcon, {})
17293
17405
  ]
17294
17406
  }
17295
17407
  ) });
@@ -17297,7 +17409,7 @@ var ButtonField = (props) => {
17297
17409
 
17298
17410
  // src/widgets/basic/char-field/char.tsx
17299
17411
  var import_react39 = require("react");
17300
- var import_jsx_runtime74 = require("react/jsx-runtime");
17412
+ var import_jsx_runtime75 = require("react/jsx-runtime");
17301
17413
  var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
17302
17414
  var CharField = (props) => {
17303
17415
  const {
@@ -17325,9 +17437,9 @@ var CharField = (props) => {
17325
17437
  } = props;
17326
17438
  if (!isForm && !isEditTable) {
17327
17439
  const propValue = value || defaultValue;
17328
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17440
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17329
17441
  }
17330
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17442
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17331
17443
  Controller,
17332
17444
  {
17333
17445
  name: name2 ?? "",
@@ -17381,8 +17493,8 @@ var CharField = (props) => {
17381
17493
  }
17382
17494
  return "";
17383
17495
  }, [widget, formValues]);
17384
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
17385
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17496
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
17497
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17386
17498
  "input",
17387
17499
  {
17388
17500
  value: displayValue ?? "",
@@ -17443,7 +17555,7 @@ var CharField = (props) => {
17443
17555
  `
17444
17556
  }
17445
17557
  ),
17446
- 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 }) })
17558
+ 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 }) })
17447
17559
  ] });
17448
17560
  }
17449
17561
  }
@@ -17451,7 +17563,7 @@ var CharField = (props) => {
17451
17563
  };
17452
17564
 
17453
17565
  // src/widgets/basic/checkbox-field/checkbox.tsx
17454
- var import_jsx_runtime75 = require("react/jsx-runtime");
17566
+ var import_jsx_runtime76 = require("react/jsx-runtime");
17455
17567
  var CheckboxField = (props) => {
17456
17568
  const {
17457
17569
  name: name2,
@@ -17466,9 +17578,9 @@ var CheckboxField = (props) => {
17466
17578
  } = props;
17467
17579
  if (!isForm) {
17468
17580
  if (name2 === "is_active" || name2 === "active") {
17469
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ActiveBadgeField, { type: value });
17581
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ActiveBadgeField, { type: value });
17470
17582
  } else {
17471
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17583
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17472
17584
  "input",
17473
17585
  {
17474
17586
  type: "checkbox",
@@ -17479,12 +17591,12 @@ var CheckboxField = (props) => {
17479
17591
  );
17480
17592
  }
17481
17593
  }
17482
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17594
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17483
17595
  Controller,
17484
17596
  {
17485
17597
  name: name2 ?? "",
17486
17598
  control: methods?.control,
17487
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17599
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17488
17600
  "div",
17489
17601
  {
17490
17602
  className: "flex items-center gap-2",
@@ -17497,7 +17609,7 @@ var CheckboxField = (props) => {
17497
17609
  onChange2(name2 ?? "", checked);
17498
17610
  }
17499
17611
  },
17500
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17612
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17501
17613
  "input",
17502
17614
  {
17503
17615
  ...field,
@@ -17525,7 +17637,7 @@ var CheckboxField = (props) => {
17525
17637
 
17526
17638
  // src/widgets/basic/color-field/color-wrapper.tsx
17527
17639
  var import_react40 = require("react");
17528
- var import_jsx_runtime76 = require("react/jsx-runtime");
17640
+ var import_jsx_runtime77 = require("react/jsx-runtime");
17529
17641
  var ColorWrapper = (props) => {
17530
17642
  const {
17531
17643
  colors: colors2,
@@ -17552,8 +17664,8 @@ var ColorWrapper = (props) => {
17552
17664
  document.removeEventListener("mousedown", handleClickOutside);
17553
17665
  };
17554
17666
  }, []);
17555
- 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: [
17556
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17667
+ 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: [
17668
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17557
17669
  "button",
17558
17670
  {
17559
17671
  "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -17567,7 +17679,7 @@ var ColorWrapper = (props) => {
17567
17679
  }
17568
17680
  }
17569
17681
  ),
17570
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17682
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17571
17683
  M,
17572
17684
  {
17573
17685
  className: "",
@@ -17576,8 +17688,8 @@ var ColorWrapper = (props) => {
17576
17688
  content: i18n_default.t(color?.name)
17577
17689
  }
17578
17690
  )
17579
- ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
17580
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17691
+ ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
17692
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17581
17693
  "button",
17582
17694
  {
17583
17695
  "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -17590,7 +17702,7 @@ var ColorWrapper = (props) => {
17590
17702
  style: { backgroundColor: selectedColor?.color }
17591
17703
  }
17592
17704
  ),
17593
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
17705
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17594
17706
  M,
17595
17707
  {
17596
17708
  place: "top",
@@ -17602,13 +17714,13 @@ var ColorWrapper = (props) => {
17602
17714
  };
17603
17715
 
17604
17716
  // src/widgets/basic/color-field/color.tsx
17605
- var import_jsx_runtime77 = require("react/jsx-runtime");
17717
+ var import_jsx_runtime78 = require("react/jsx-runtime");
17606
17718
  var ColorField = (props) => {
17607
17719
  const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
17608
17720
  if (!isForm) {
17609
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
17721
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
17610
17722
  }
17611
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17723
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17612
17724
  Controller,
17613
17725
  {
17614
17726
  name: name2 ?? "",
@@ -17618,7 +17730,7 @@ var ColorField = (props) => {
17618
17730
  field.onChange(color?.id);
17619
17731
  onChange2 && onChange2(name2 ?? "", color?.id);
17620
17732
  };
17621
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
17733
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17622
17734
  ColorWrapper,
17623
17735
  {
17624
17736
  savePickColor: handlePickColorChange,
@@ -17633,7 +17745,7 @@ var ColorField = (props) => {
17633
17745
 
17634
17746
  // src/widgets/basic/copy-link-buttton/copy-link.tsx
17635
17747
  var import_react41 = require("react");
17636
- var import_jsx_runtime78 = require("react/jsx-runtime");
17748
+ var import_jsx_runtime79 = require("react/jsx-runtime");
17637
17749
  var CopyLinkButtonField = (props) => {
17638
17750
  const {
17639
17751
  isForm,
@@ -17652,9 +17764,9 @@ var CopyLinkButtonField = (props) => {
17652
17764
  } = props;
17653
17765
  const { t: t3 } = useI18n();
17654
17766
  if (!isForm) {
17655
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17767
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17656
17768
  }
17657
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17769
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17658
17770
  Controller,
17659
17771
  {
17660
17772
  name: name2 ?? "",
@@ -17672,8 +17784,8 @@ var CopyLinkButtonField = (props) => {
17672
17784
  clearErrors(name2);
17673
17785
  }
17674
17786
  }, [value]);
17675
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "relative", children: [
17676
- /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
17787
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative", children: [
17788
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
17677
17789
  "div",
17678
17790
  {
17679
17791
  "aria-disabled": readonly,
@@ -17682,7 +17794,7 @@ var CopyLinkButtonField = (props) => {
17682
17794
  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
17683
17795
  ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}`,
17684
17796
  children: [
17685
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17797
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17686
17798
  "input",
17687
17799
  {
17688
17800
  value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -17723,19 +17835,19 @@ var CopyLinkButtonField = (props) => {
17723
17835
  `
17724
17836
  }
17725
17837
  ),
17726
- readonly && value && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
17838
+ readonly && value && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
17727
17839
  "button",
17728
17840
  {
17729
17841
  className: "cursor-pointer",
17730
17842
  type: "button",
17731
17843
  onClick: () => handleCopyToClipboard(propValue),
17732
- children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CopyIcon, {})
17844
+ children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyIcon, {})
17733
17845
  }
17734
17846
  )
17735
17847
  ]
17736
17848
  }
17737
17849
  ),
17738
- error2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
17850
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
17739
17851
  ] });
17740
17852
  }
17741
17853
  }
@@ -21676,7 +21788,7 @@ function useEffectEvent(callback) {
21676
21788
  }
21677
21789
 
21678
21790
  // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
21679
- var import_jsx_runtime79 = require("react/jsx-runtime");
21791
+ var import_jsx_runtime80 = require("react/jsx-runtime");
21680
21792
  var ReactDOM2 = __toESM(require("react-dom"), 1);
21681
21793
 
21682
21794
  // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -22074,7 +22186,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22074
22186
  bottom: isCustomShape ? "" : "rotate(180deg)",
22075
22187
  right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
22076
22188
  }[side];
22077
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg", {
22189
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", {
22078
22190
  ...rest,
22079
22191
  "aria-hidden": true,
22080
22192
  ref,
@@ -22090,18 +22202,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22090
22202
  transform: [rotation, transform].filter((t3) => !!t3).join(" "),
22091
22203
  ...restStyle
22092
22204
  },
22093
- children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", {
22205
+ children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
22094
22206
  clipPath: "url(#" + clipPathId + ")",
22095
22207
  fill: "none",
22096
22208
  stroke,
22097
22209
  strokeWidth: computedStrokeWidth + (d ? 0 : 1),
22098
22210
  d: dValue
22099
- }), /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", {
22211
+ }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
22100
22212
  stroke: computedStrokeWidth && !d ? rest.fill : "none",
22101
22213
  d: dValue
22102
- }), /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("clipPath", {
22214
+ }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", {
22103
22215
  id: clipPathId,
22104
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("rect", {
22216
+ children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", {
22105
22217
  x: -halfStrokeWidth,
22106
22218
  y: halfStrokeWidth * (isCustomShape ? -1 : 1),
22107
22219
  width: width + computedStrokeWidth,
@@ -22272,7 +22384,7 @@ function useFloating2(options2) {
22272
22384
  }
22273
22385
 
22274
22386
  // node_modules/react-datepicker/dist/index.es.js
22275
- var import_react_dom5 = __toESM(require("react-dom"));
22387
+ var import_react_dom6 = __toESM(require("react-dom"));
22276
22388
  var _extendStatics = function extendStatics(d, b2) {
22277
22389
  _extendStatics = Object.setPrototypeOf || {
22278
22390
  __proto__: []
@@ -25515,7 +25627,7 @@ var Portal = (
25515
25627
  }
25516
25628
  };
25517
25629
  Portal2.prototype.render = function() {
25518
- return import_react_dom5.default.createPortal(this.props.children, this.el);
25630
+ return import_react_dom6.default.createPortal(this.props.children, this.el);
25519
25631
  };
25520
25632
  return Portal2;
25521
25633
  }(import_react44.Component)
@@ -28034,7 +28146,7 @@ var Emotion$1 = Emotion;
28034
28146
  var React12 = __toESM(require("react"));
28035
28147
  var import_extends2 = __toESM(require_extends());
28036
28148
  var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
28037
- var jsx80 = function jsx81(type, props) {
28149
+ var jsx81 = function jsx82(type, props) {
28038
28150
  var args = arguments;
28039
28151
  if (props == null || !hasOwn.call(props, "css")) {
28040
28152
  return React12.createElement.apply(void 0, args);
@@ -28052,7 +28164,7 @@ var jsx80 = function jsx81(type, props) {
28052
28164
  var JSX;
28053
28165
  /* @__PURE__ */ (function(_JSX) {
28054
28166
  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
28055
- })(jsx80 || (jsx80 = {}));
28167
+ })(jsx81 || (jsx81 = {}));
28056
28168
  function css() {
28057
28169
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
28058
28170
  args[_key] = arguments[_key];
@@ -28083,7 +28195,7 @@ function _taggedTemplateLiteral(e3, t3) {
28083
28195
 
28084
28196
  // node_modules/react-select/dist/index-641ee5b8.esm.js
28085
28197
  var import_react50 = require("react");
28086
- var import_react_dom6 = require("react-dom");
28198
+ var import_react_dom7 = require("react-dom");
28087
28199
 
28088
28200
  // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
28089
28201
  var import_react48 = require("react");
@@ -28460,7 +28572,7 @@ var MenuPlacer = function MenuPlacer2(props) {
28460
28572
  };
28461
28573
  var Menu = function Menu2(props) {
28462
28574
  var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
28463
- return jsx80("div", _extends({}, getStyleProps(props, "menu", {
28575
+ return jsx81("div", _extends({}, getStyleProps(props, "menu", {
28464
28576
  menu: true
28465
28577
  }), {
28466
28578
  ref: innerRef
@@ -28482,7 +28594,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
28482
28594
  };
28483
28595
  var MenuList = function MenuList2(props) {
28484
28596
  var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
28485
- return jsx80("div", _extends({}, getStyleProps(props, "menuList", {
28597
+ return jsx81("div", _extends({}, getStyleProps(props, "menuList", {
28486
28598
  "menu-list": true,
28487
28599
  "menu-list--is-multi": isMulti
28488
28600
  }), {
@@ -28502,7 +28614,7 @@ var noOptionsMessageCSS = noticeCSS;
28502
28614
  var loadingMessageCSS = noticeCSS;
28503
28615
  var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
28504
28616
  var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
28505
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28617
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28506
28618
  children,
28507
28619
  innerProps
28508
28620
  }), "noOptionsMessage", {
@@ -28512,7 +28624,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
28512
28624
  };
28513
28625
  var LoadingMessage = function LoadingMessage2(_ref7) {
28514
28626
  var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
28515
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28627
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28516
28628
  children,
28517
28629
  innerProps
28518
28630
  }), "loadingMessage", {
@@ -28575,7 +28687,7 @@ var MenuPortal = function MenuPortal2(props) {
28575
28687
  runAutoUpdate();
28576
28688
  }, [runAutoUpdate]);
28577
28689
  if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
28578
- var menuWrapper = jsx80("div", _extends({
28690
+ var menuWrapper = jsx81("div", _extends({
28579
28691
  ref: setMenuPortalElement
28580
28692
  }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
28581
28693
  offset: computedPosition.offset,
@@ -28584,9 +28696,9 @@ var MenuPortal = function MenuPortal2(props) {
28584
28696
  }), "menuPortal", {
28585
28697
  "menu-portal": true
28586
28698
  }), innerProps), children);
28587
- return jsx80(PortalPlacementContext.Provider, {
28699
+ return jsx81(PortalPlacementContext.Provider, {
28588
28700
  value: portalPlacementContext
28589
- }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
28701
+ }, appendTo ? /* @__PURE__ */ (0, import_react_dom7.createPortal)(menuWrapper, appendTo) : menuWrapper);
28590
28702
  };
28591
28703
  var containerCSS = function containerCSS2(_ref3) {
28592
28704
  var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -28600,7 +28712,7 @@ var containerCSS = function containerCSS2(_ref3) {
28600
28712
  };
28601
28713
  var SelectContainer = function SelectContainer2(props) {
28602
28714
  var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
28603
- return jsx80("div", _extends({}, getStyleProps(props, "container", {
28715
+ return jsx81("div", _extends({}, getStyleProps(props, "container", {
28604
28716
  "--is-disabled": isDisabled,
28605
28717
  "--is-rtl": isRtl
28606
28718
  }), innerProps), children);
@@ -28621,7 +28733,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
28621
28733
  };
28622
28734
  var ValueContainer = function ValueContainer2(props) {
28623
28735
  var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
28624
- return jsx80("div", _extends({}, getStyleProps(props, "valueContainer", {
28736
+ return jsx81("div", _extends({}, getStyleProps(props, "valueContainer", {
28625
28737
  "value-container": true,
28626
28738
  "value-container--is-multi": isMulti,
28627
28739
  "value-container--has-value": hasValue
@@ -28637,7 +28749,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
28637
28749
  };
28638
28750
  var IndicatorsContainer = function IndicatorsContainer2(props) {
28639
28751
  var children = props.children, innerProps = props.innerProps;
28640
- return jsx80("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
28752
+ return jsx81("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
28641
28753
  indicators: true
28642
28754
  }), innerProps), children);
28643
28755
  };
@@ -28658,7 +28770,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
28658
28770
  };
28659
28771
  var Svg = function Svg2(_ref3) {
28660
28772
  var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
28661
- return jsx80("svg", _extends({
28773
+ return jsx81("svg", _extends({
28662
28774
  height: size4,
28663
28775
  width: size4,
28664
28776
  viewBox: "0 0 20 20",
@@ -28668,16 +28780,16 @@ var Svg = function Svg2(_ref3) {
28668
28780
  }, props));
28669
28781
  };
28670
28782
  var CrossIcon = function CrossIcon2(props) {
28671
- return jsx80(Svg, _extends({
28783
+ return jsx81(Svg, _extends({
28672
28784
  size: 20
28673
- }, props), jsx80("path", {
28785
+ }, props), jsx81("path", {
28674
28786
  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"
28675
28787
  }));
28676
28788
  };
28677
28789
  var DownChevron = function DownChevron2(props) {
28678
- return jsx80(Svg, _extends({
28790
+ return jsx81(Svg, _extends({
28679
28791
  size: 20
28680
- }, props), jsx80("path", {
28792
+ }, props), jsx81("path", {
28681
28793
  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"
28682
28794
  }));
28683
28795
  };
@@ -28698,18 +28810,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
28698
28810
  var dropdownIndicatorCSS = baseCSS;
28699
28811
  var DropdownIndicator = function DropdownIndicator2(props) {
28700
28812
  var children = props.children, innerProps = props.innerProps;
28701
- return jsx80("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
28813
+ return jsx81("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
28702
28814
  indicator: true,
28703
28815
  "dropdown-indicator": true
28704
- }), innerProps), children || jsx80(DownChevron, null));
28816
+ }), innerProps), children || jsx81(DownChevron, null));
28705
28817
  };
28706
28818
  var clearIndicatorCSS = baseCSS;
28707
28819
  var ClearIndicator = function ClearIndicator2(props) {
28708
28820
  var children = props.children, innerProps = props.innerProps;
28709
- return jsx80("div", _extends({}, getStyleProps(props, "clearIndicator", {
28821
+ return jsx81("div", _extends({}, getStyleProps(props, "clearIndicator", {
28710
28822
  indicator: true,
28711
28823
  "clear-indicator": true
28712
- }), innerProps), children || jsx80(CrossIcon, null));
28824
+ }), innerProps), children || jsx81(CrossIcon, null));
28713
28825
  };
28714
28826
  var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
28715
28827
  var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -28725,7 +28837,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
28725
28837
  };
28726
28838
  var IndicatorSeparator = function IndicatorSeparator2(props) {
28727
28839
  var innerProps = props.innerProps;
28728
- return jsx80("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
28840
+ return jsx81("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
28729
28841
  "indicator-separator": true
28730
28842
  })));
28731
28843
  };
@@ -28749,7 +28861,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
28749
28861
  };
28750
28862
  var LoadingDot = function LoadingDot2(_ref6) {
28751
28863
  var delay = _ref6.delay, offset4 = _ref6.offset;
28752
- return jsx80("span", {
28864
+ return jsx81("span", {
28753
28865
  css: /* @__PURE__ */ css({
28754
28866
  animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
28755
28867
  backgroundColor: "currentColor",
@@ -28764,20 +28876,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
28764
28876
  };
28765
28877
  var LoadingIndicator = function LoadingIndicator2(_ref7) {
28766
28878
  var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
28767
- return jsx80("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28879
+ return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28768
28880
  innerProps,
28769
28881
  isRtl,
28770
28882
  size: size4
28771
28883
  }), "loadingIndicator", {
28772
28884
  indicator: true,
28773
28885
  "loading-indicator": true
28774
- }), innerProps), jsx80(LoadingDot, {
28886
+ }), innerProps), jsx81(LoadingDot, {
28775
28887
  delay: 0,
28776
28888
  offset: isRtl
28777
- }), jsx80(LoadingDot, {
28889
+ }), jsx81(LoadingDot, {
28778
28890
  delay: 160,
28779
28891
  offset: true
28780
- }), jsx80(LoadingDot, {
28892
+ }), jsx81(LoadingDot, {
28781
28893
  delay: 320,
28782
28894
  offset: !isRtl
28783
28895
  }));
@@ -28809,7 +28921,7 @@ var css$1 = function css2(_ref3, unstyled) {
28809
28921
  };
28810
28922
  var Control = function Control2(props) {
28811
28923
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
28812
- return jsx80("div", _extends({
28924
+ return jsx81("div", _extends({
28813
28925
  ref: innerRef
28814
28926
  }, getStyleProps(props, "control", {
28815
28927
  control: true,
@@ -28831,15 +28943,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
28831
28943
  };
28832
28944
  var Group = function Group2(props) {
28833
28945
  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;
28834
- return jsx80("div", _extends({}, getStyleProps(props, "group", {
28946
+ return jsx81("div", _extends({}, getStyleProps(props, "group", {
28835
28947
  group: true
28836
- }), innerProps), jsx80(Heading, _extends({}, headingProps, {
28948
+ }), innerProps), jsx81(Heading, _extends({}, headingProps, {
28837
28949
  selectProps,
28838
28950
  theme,
28839
28951
  getStyles,
28840
28952
  getClassNames,
28841
28953
  cx
28842
- }), label), jsx80("div", null, children));
28954
+ }), label), jsx81("div", null, children));
28843
28955
  };
28844
28956
  var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
28845
28957
  var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -28861,7 +28973,7 @@ var GroupHeading = function GroupHeading2(props) {
28861
28973
  var _cleanCommonProps = cleanCommonProps(props);
28862
28974
  _cleanCommonProps.data;
28863
28975
  var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
28864
- return jsx80("div", _extends({}, getStyleProps(props, "groupHeading", {
28976
+ return jsx81("div", _extends({}, getStyleProps(props, "groupHeading", {
28865
28977
  "group-heading": true
28866
28978
  }), innerProps));
28867
28979
  };
@@ -28913,11 +29025,11 @@ var inputStyle = function inputStyle2(isHidden) {
28913
29025
  var Input = function Input2(props) {
28914
29026
  var cx = props.cx, value = props.value;
28915
29027
  var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
28916
- return jsx80("div", _extends({}, getStyleProps(props, "input", {
29028
+ return jsx81("div", _extends({}, getStyleProps(props, "input", {
28917
29029
  "input-container": true
28918
29030
  }), {
28919
29031
  "data-value": value || ""
28920
- }), jsx80("input", _extends({
29032
+ }), jsx81("input", _extends({
28921
29033
  className: cx({
28922
29034
  input: true
28923
29035
  }, inputClassName),
@@ -28971,35 +29083,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
28971
29083
  };
28972
29084
  var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
28973
29085
  var children = _ref4.children, innerProps = _ref4.innerProps;
28974
- return jsx80("div", innerProps, children);
29086
+ return jsx81("div", innerProps, children);
28975
29087
  };
28976
29088
  var MultiValueContainer = MultiValueGeneric;
28977
29089
  var MultiValueLabel = MultiValueGeneric;
28978
29090
  function MultiValueRemove(_ref5) {
28979
29091
  var children = _ref5.children, innerProps = _ref5.innerProps;
28980
- return jsx80("div", _extends({
29092
+ return jsx81("div", _extends({
28981
29093
  role: "button"
28982
- }, innerProps), children || jsx80(CrossIcon, {
29094
+ }, innerProps), children || jsx81(CrossIcon, {
28983
29095
  size: 14
28984
29096
  }));
28985
29097
  }
28986
29098
  var MultiValue = function MultiValue2(props) {
28987
29099
  var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
28988
29100
  var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
28989
- return jsx80(Container, {
29101
+ return jsx81(Container, {
28990
29102
  data,
28991
29103
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
28992
29104
  "multi-value": true,
28993
29105
  "multi-value--is-disabled": isDisabled
28994
29106
  })), innerProps),
28995
29107
  selectProps
28996
- }, jsx80(Label, {
29108
+ }, jsx81(Label, {
28997
29109
  data,
28998
29110
  innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
28999
29111
  "multi-value__label": true
29000
29112
  })),
29001
29113
  selectProps
29002
- }, children), jsx80(Remove, {
29114
+ }, children), jsx81(Remove, {
29003
29115
  data,
29004
29116
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
29005
29117
  "multi-value__remove": true
@@ -29032,7 +29144,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
29032
29144
  };
29033
29145
  var Option = function Option2(props) {
29034
29146
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
29035
- return jsx80("div", _extends({}, getStyleProps(props, "option", {
29147
+ return jsx81("div", _extends({}, getStyleProps(props, "option", {
29036
29148
  option: true,
29037
29149
  "option--is-disabled": isDisabled,
29038
29150
  "option--is-focused": isFocused,
@@ -29056,7 +29168,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
29056
29168
  };
29057
29169
  var Placeholder = function Placeholder2(props) {
29058
29170
  var children = props.children, innerProps = props.innerProps;
29059
- return jsx80("div", _extends({}, getStyleProps(props, "placeholder", {
29171
+ return jsx81("div", _extends({}, getStyleProps(props, "placeholder", {
29060
29172
  placeholder: true
29061
29173
  }), innerProps), children);
29062
29174
  };
@@ -29078,7 +29190,7 @@ var css3 = function css4(_ref3, unstyled) {
29078
29190
  };
29079
29191
  var SingleValue = function SingleValue2(props) {
29080
29192
  var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
29081
- return jsx80("div", _extends({}, getStyleProps(props, "singleValue", {
29193
+ return jsx81("div", _extends({}, getStyleProps(props, "singleValue", {
29082
29194
  "single-value": true,
29083
29195
  "single-value--is-disabled": isDisabled
29084
29196
  }), innerProps), children);
@@ -29180,7 +29292,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
29180
29292
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
29181
29293
  };
29182
29294
  var A11yText = function A11yText2(props) {
29183
- return jsx80("span", _extends({
29295
+ return jsx81("span", _extends({
29184
29296
  css: _ref
29185
29297
  }, props));
29186
29298
  };
@@ -29315,18 +29427,18 @@ var LiveRegion = function LiveRegion2(props) {
29315
29427
  }
29316
29428
  return guidanceMsg;
29317
29429
  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
29318
- var ScreenReaderText = jsx80(import_react51.Fragment, null, jsx80("span", {
29430
+ var ScreenReaderText = jsx81(import_react51.Fragment, null, jsx81("span", {
29319
29431
  id: "aria-selection"
29320
- }, ariaSelected), jsx80("span", {
29432
+ }, ariaSelected), jsx81("span", {
29321
29433
  id: "aria-focused"
29322
- }, ariaFocused), jsx80("span", {
29434
+ }, ariaFocused), jsx81("span", {
29323
29435
  id: "aria-results"
29324
- }, ariaResults), jsx80("span", {
29436
+ }, ariaResults), jsx81("span", {
29325
29437
  id: "aria-guidance"
29326
29438
  }, ariaGuidance));
29327
- return jsx80(import_react51.Fragment, null, jsx80(A11yText$1, {
29439
+ return jsx81(import_react51.Fragment, null, jsx81(A11yText$1, {
29328
29440
  id
29329
- }, isInitialFocus && ScreenReaderText), jsx80(A11yText$1, {
29441
+ }, isInitialFocus && ScreenReaderText), jsx81(A11yText$1, {
29330
29442
  "aria-live": ariaLive,
29331
29443
  "aria-atomic": "false",
29332
29444
  "aria-relevant": "additions text",
@@ -29639,7 +29751,7 @@ var _excluded4 = ["innerRef"];
29639
29751
  function DummyInput(_ref3) {
29640
29752
  var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
29641
29753
  var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
29642
- return jsx80("input", _extends({
29754
+ return jsx81("input", _extends({
29643
29755
  ref: innerRef
29644
29756
  }, filteredProps, {
29645
29757
  css: /* @__PURE__ */ css({
@@ -29881,7 +29993,7 @@ function ScrollManager(_ref3) {
29881
29993
  setScrollCaptureTarget(element);
29882
29994
  setScrollLockTarget(element);
29883
29995
  };
29884
- return jsx80(import_react51.Fragment, null, lockEnabled && jsx80("div", {
29996
+ return jsx81(import_react51.Fragment, null, lockEnabled && jsx81("div", {
29885
29997
  onClick: blurSelectInput,
29886
29998
  css: _ref2$1
29887
29999
  }), children(targetRef));
@@ -29900,7 +30012,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
29900
30012
  };
29901
30013
  var RequiredInput = function RequiredInput2(_ref3) {
29902
30014
  var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
29903
- return jsx80("input", {
30015
+ return jsx81("input", {
29904
30016
  required: true,
29905
30017
  name: name2,
29906
30018
  tabIndex: -1,
@@ -31479,7 +31591,7 @@ var import_toConsumableArray2 = __toESM(require_toConsumableArray());
31479
31591
  var import_typeof5 = __toESM(require_typeof());
31480
31592
  var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
31481
31593
  var import_defineProperty3 = __toESM(require_defineProperty());
31482
- var import_react_dom7 = require("react-dom");
31594
+ var import_react_dom8 = require("react-dom");
31483
31595
  var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
31484
31596
  var baseSelectProps = useStateManager(props);
31485
31597
  return /* @__PURE__ */ React14.createElement(Select, _extends({
@@ -31490,7 +31602,7 @@ var StateManagedSelect$1 = StateManagedSelect;
31490
31602
 
31491
31603
  // src/widgets/basic/date-field/date.tsx
31492
31604
  var import_moment2 = __toESM(require_moment());
31493
- var import_jsx_runtime80 = require("react/jsx-runtime");
31605
+ var import_jsx_runtime81 = require("react/jsx-runtime");
31494
31606
  var DateField = (props) => {
31495
31607
  const {
31496
31608
  name: name2,
@@ -31518,8 +31630,8 @@ var DateField = (props) => {
31518
31630
  } = props;
31519
31631
  const { t: t3 } = useI18n();
31520
31632
  const InputDateCustom = (0, import_react54.forwardRef)(
31521
- ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("label", { className: `flex ${className}`, children: [
31522
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31633
+ ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: `flex ${className}`, children: [
31634
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31523
31635
  "input",
31524
31636
  {
31525
31637
  className: `bg-transparent w-full focus-visible:outline-none outline-none border-none ${readonly && "cursor-not-allowed"}`,
@@ -31533,13 +31645,13 @@ var DateField = (props) => {
31533
31645
  value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
31534
31646
  }
31535
31647
  ),
31536
- isForm2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CalendarIcon, {})
31648
+ isForm2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CalendarIcon, {})
31537
31649
  ] })
31538
31650
  );
31539
31651
  if (!isForm && !isEditTable) {
31540
- 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) : "" });
31652
+ 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) : "" });
31541
31653
  } else {
31542
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31654
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31543
31655
  Controller,
31544
31656
  {
31545
31657
  name: name2 || "",
@@ -31561,8 +31673,8 @@ var DateField = (props) => {
31561
31673
  }
31562
31674
  }, [value, clearErrors, name2]);
31563
31675
  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;
31564
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
31565
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31676
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
31677
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31566
31678
  DatePicker,
31567
31679
  {
31568
31680
  selected: selectedDate,
@@ -31610,7 +31722,7 @@ var DateField = (props) => {
31610
31722
  minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
31611
31723
  maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
31612
31724
  showTimeInput: showTime,
31613
- customInput: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31725
+ customInput: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31614
31726
  InputDateCustom,
31615
31727
  {
31616
31728
  isForm,
@@ -31628,7 +31740,7 @@ var DateField = (props) => {
31628
31740
  increaseMonth,
31629
31741
  prevMonthButtonDisabled,
31630
31742
  nextMonthButtonDisabled
31631
- }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
31743
+ }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
31632
31744
  "div",
31633
31745
  {
31634
31746
  style: {
@@ -31637,7 +31749,7 @@ var DateField = (props) => {
31637
31749
  justifyContent: "center"
31638
31750
  },
31639
31751
  children: [
31640
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31752
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31641
31753
  "button",
31642
31754
  {
31643
31755
  onClick: decreaseMonth,
@@ -31645,7 +31757,7 @@ var DateField = (props) => {
31645
31757
  children: "<"
31646
31758
  }
31647
31759
  ),
31648
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31760
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31649
31761
  StateManagedSelect$1,
31650
31762
  {
31651
31763
  classNames: {
@@ -31671,7 +31783,7 @@ var DateField = (props) => {
31671
31783
  autoFocus: true
31672
31784
  }
31673
31785
  ),
31674
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31786
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31675
31787
  StateManagedSelect$1,
31676
31788
  {
31677
31789
  classNames: {
@@ -31699,7 +31811,7 @@ var DateField = (props) => {
31699
31811
  }))
31700
31812
  }
31701
31813
  ),
31702
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
31814
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
31703
31815
  "button",
31704
31816
  {
31705
31817
  onClick: increaseMonth,
@@ -31712,7 +31824,7 @@ var DateField = (props) => {
31712
31824
  )
31713
31825
  }
31714
31826
  ),
31715
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31827
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
31716
31828
  ] });
31717
31829
  }
31718
31830
  }
@@ -31721,26 +31833,26 @@ var DateField = (props) => {
31721
31833
  };
31722
31834
 
31723
31835
  // src/widgets/basic/download-binary-field/download-binary.tsx
31724
- var import_jsx_runtime81 = require("react/jsx-runtime");
31836
+ var import_jsx_runtime82 = require("react/jsx-runtime");
31725
31837
  var DownLoadBinaryField = (props) => {
31726
31838
  const { handleFileDownload } = props;
31727
31839
  const { t: t3 } = useI18n();
31728
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
31840
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
31729
31841
  "button",
31730
31842
  {
31731
31843
  type: "button",
31732
31844
  onClick: handleFileDownload,
31733
31845
  className: "download-binary-field flex items-center gap-1 text-blue-700 my-auto",
31734
31846
  children: [
31735
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DownloadIcon, {}),
31736
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
31847
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DownloadIcon, {}),
31848
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
31737
31849
  ]
31738
31850
  }
31739
31851
  );
31740
31852
  };
31741
31853
 
31742
31854
  // src/widgets/basic/download-file-field/download-file.tsx
31743
- var import_jsx_runtime82 = require("react/jsx-runtime");
31855
+ var import_jsx_runtime83 = require("react/jsx-runtime");
31744
31856
  var DownloadFileField = (props) => {
31745
31857
  const {
31746
31858
  readonly,
@@ -31752,15 +31864,15 @@ var DownloadFileField = (props) => {
31752
31864
  handleFileChange,
31753
31865
  handleFileDownload
31754
31866
  } = props;
31755
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "", children: [
31756
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
31867
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "", children: [
31868
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31757
31869
  "label",
31758
31870
  {
31759
31871
  htmlFor: inputId,
31760
31872
  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",
31761
31873
  children: [
31762
- 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" }),
31763
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
31874
+ 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" }),
31875
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31764
31876
  "input",
31765
31877
  {
31766
31878
  id: inputId,
@@ -31774,7 +31886,7 @@ var DownloadFileField = (props) => {
31774
31886
  ]
31775
31887
  }
31776
31888
  ),
31777
- file && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
31889
+ file && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31778
31890
  "button",
31779
31891
  {
31780
31892
  onClick: handleFileDownload,
@@ -31788,7 +31900,7 @@ var DownloadFileField = (props) => {
31788
31900
 
31789
31901
  // src/widgets/basic/dropdown-field/dropdown.tsx
31790
31902
  var import_react55 = require("react");
31791
- var import_jsx_runtime83 = require("react/jsx-runtime");
31903
+ var import_jsx_runtime84 = require("react/jsx-runtime");
31792
31904
  var DropdownField = (props) => {
31793
31905
  const {
31794
31906
  options: options2,
@@ -31802,30 +31914,30 @@ var DropdownField = (props) => {
31802
31914
  } = props;
31803
31915
  const [open, setOpen] = (0, import_react55.useState)(false);
31804
31916
  const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
31805
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31917
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31806
31918
  "div",
31807
31919
  {
31808
31920
  ref: dropdownRef,
31809
31921
  className: `relative ${className}`,
31810
31922
  onClick: () => setOpen(!open),
31811
31923
  children: [
31812
- /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
31924
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31813
31925
  "div",
31814
31926
  {
31815
31927
  className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
31816
31928
  children: [
31817
31929
  selectedValue?.icon,
31818
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: selectedValue?.label }),
31819
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
31930
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: selectedValue?.label }),
31931
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
31820
31932
  ]
31821
31933
  }
31822
31934
  ),
31823
- open && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31935
+ open && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
31824
31936
  "div",
31825
31937
  {
31826
31938
  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}`,
31827
31939
  onClick: (e3) => e3.stopPropagation(),
31828
- children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
31940
+ children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
31829
31941
  "div",
31830
31942
  {
31831
31943
  onClick: () => {
@@ -31845,7 +31957,7 @@ var DropdownField = (props) => {
31845
31957
  };
31846
31958
 
31847
31959
  // src/widgets/basic/fee-field/fee.tsx
31848
- var import_jsx_runtime84 = require("react/jsx-runtime");
31960
+ var import_jsx_runtime85 = require("react/jsx-runtime");
31849
31961
  var FeeField = (props) => {
31850
31962
  const { value, formValues } = props;
31851
31963
  const { t: t3 } = useI18n();
@@ -31856,27 +31968,27 @@ var FeeField = (props) => {
31856
31968
  )
31857
31969
  ) + " VND";
31858
31970
  const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
31859
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
31971
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
31860
31972
  value?.subtotals?.map((sub) => {
31861
31973
  if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
31862
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
31863
- /* @__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: [
31864
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31974
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
31975
+ /* @__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: [
31976
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31865
31977
  sub?.name,
31866
31978
  ":"
31867
31979
  ] }),
31868
- /* @__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" })
31980
+ /* @__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" })
31869
31981
  ] }),
31870
- sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
31982
+ sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
31871
31983
  "div",
31872
31984
  {
31873
31985
  className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
31874
31986
  children: [
31875
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31987
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31876
31988
  group?.group_name,
31877
31989
  ":"
31878
31990
  ] }),
31879
- /* @__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" })
31991
+ /* @__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" })
31880
31992
  ]
31881
31993
  },
31882
31994
  `tax_groups_${group?.id}`
@@ -31884,33 +31996,33 @@ var FeeField = (props) => {
31884
31996
  ] });
31885
31997
  }
31886
31998
  }),
31887
- /* @__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: [
31888
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31999
+ /* @__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: [
32000
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31889
32001
  t3("total"),
31890
32002
  ":"
31891
32003
  ] }),
31892
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
32004
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
31893
32005
  ] }),
31894
- /* @__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: [
31895
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32006
+ /* @__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: [
32007
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31896
32008
  t3("paid_amount"),
31897
32009
  ":"
31898
32010
  ] }),
31899
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
32011
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
31900
32012
  ] }),
31901
- /* @__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: [
31902
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32013
+ /* @__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: [
32014
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
31903
32015
  t3("remanining_amount"),
31904
32016
  ":"
31905
32017
  ] }),
31906
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
32018
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
31907
32019
  ] })
31908
32020
  ] });
31909
32021
  };
31910
32022
 
31911
32023
  // src/widgets/basic/file-upload-field/file-upload.tsx
31912
32024
  var import_react56 = require("react");
31913
- var import_jsx_runtime85 = require("react/jsx-runtime");
32025
+ var import_jsx_runtime86 = require("react/jsx-runtime");
31914
32026
  var RenderFile = ({
31915
32027
  file,
31916
32028
  onDelete,
@@ -31920,16 +32032,16 @@ var RenderFile = ({
31920
32032
  readAs: "all"
31921
32033
  });
31922
32034
  const fileTypeIcon = {
31923
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PdfIcon, {}),
31924
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ZipIcon, {}),
31925
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ZipIcon, {}),
31926
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExcelIcon, {}),
31927
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExcelIcon, {})
32035
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PdfIcon, {}),
32036
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
32037
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
32038
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {}),
32039
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {})
31928
32040
  };
31929
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
31930
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
31931
- /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
31932
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32041
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
32042
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
32043
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
32044
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31933
32045
  "div",
31934
32046
  {
31935
32047
  style: {
@@ -31939,20 +32051,20 @@ var RenderFile = ({
31939
32051
  children: file?.name || file?.display_name || info?.name
31940
32052
  }
31941
32053
  ),
31942
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
32054
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
31943
32055
  ] }),
31944
- /* @__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: [
31945
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32056
+ /* @__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: [
32057
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31946
32058
  "span",
31947
32059
  {
31948
32060
  onClick: () => onDownload && onDownload(
31949
32061
  file?.data,
31950
32062
  file?.name || file?.display_name || info?.name
31951
32063
  ),
31952
- children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DownloadIcon, {})
32064
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DownloadIcon, {})
31953
32065
  }
31954
32066
  ),
31955
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DeleteIconDanger, {}) })
32067
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DeleteIconDanger, {}) })
31956
32068
  ] })
31957
32069
  ] });
31958
32070
  };
@@ -31986,7 +32098,7 @@ var FileUploadField = (props) => {
31986
32098
  ]);
31987
32099
  }
31988
32100
  }, [value]);
31989
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32101
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
31990
32102
  Controller,
31991
32103
  {
31992
32104
  name: name2 || "",
@@ -32011,8 +32123,8 @@ var FileUploadField = (props) => {
32011
32123
  );
32012
32124
  }
32013
32125
  }, [selectedFiles]);
32014
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "file-upload-field", children: [
32015
- selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32126
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
32127
+ selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32016
32128
  RenderFile,
32017
32129
  {
32018
32130
  file: fileItem,
@@ -32027,8 +32139,8 @@ var FileUploadField = (props) => {
32027
32139
  }
32028
32140
  }
32029
32141
  )),
32030
- uploadError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32031
- (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32142
+ uploadError && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32143
+ (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32032
32144
  ButtonSelectFiles,
32033
32145
  {
32034
32146
  fileInputRef,
@@ -32043,7 +32155,7 @@ var FileUploadField = (props) => {
32043
32155
  useUploadFile
32044
32156
  }
32045
32157
  ),
32046
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32158
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32047
32159
  ] });
32048
32160
  }
32049
32161
  }
@@ -32052,7 +32164,7 @@ var FileUploadField = (props) => {
32052
32164
 
32053
32165
  // src/widgets/basic/float-field/float.tsx
32054
32166
  var import_react57 = require("react");
32055
- var import_jsx_runtime86 = require("react/jsx-runtime");
32167
+ var import_jsx_runtime87 = require("react/jsx-runtime");
32056
32168
  var FloatField = (props) => {
32057
32169
  const {
32058
32170
  name: name2,
@@ -32070,9 +32182,9 @@ var FloatField = (props) => {
32070
32182
  } = props;
32071
32183
  const { t: t3 } = useI18n();
32072
32184
  if (!isForm && !isEditTable) {
32073
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32185
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32074
32186
  }
32075
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32187
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32076
32188
  Controller,
32077
32189
  {
32078
32190
  name: name2 ?? "",
@@ -32177,8 +32289,8 @@ var FloatField = (props) => {
32177
32289
  }
32178
32290
  isDirtyRef.current = false;
32179
32291
  };
32180
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
32181
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32292
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
32293
+ /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32182
32294
  "input",
32183
32295
  {
32184
32296
  ref: inputRef,
@@ -32198,7 +32310,7 @@ var FloatField = (props) => {
32198
32310
  `
32199
32311
  }
32200
32312
  ),
32201
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32313
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32202
32314
  ] });
32203
32315
  }
32204
32316
  }
@@ -32207,7 +32319,7 @@ var FloatField = (props) => {
32207
32319
 
32208
32320
  // src/widgets/basic/float-time-field/float-time.tsx
32209
32321
  var import_react58 = require("react");
32210
- var import_jsx_runtime87 = require("react/jsx-runtime");
32322
+ var import_jsx_runtime88 = require("react/jsx-runtime");
32211
32323
  var FloatTimeField = (props) => {
32212
32324
  const {
32213
32325
  name: name2,
@@ -32223,9 +32335,9 @@ var FloatTimeField = (props) => {
32223
32335
  const { t: t3 } = useI18n();
32224
32336
  if (!isForm) {
32225
32337
  const formatValue = value ?? 0;
32226
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: convertFloatToTime(formatValue) });
32338
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: convertFloatToTime(formatValue) });
32227
32339
  }
32228
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32340
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32229
32341
  Controller,
32230
32342
  {
32231
32343
  name: name2 ?? "",
@@ -32287,8 +32399,8 @@ var FloatTimeField = (props) => {
32287
32399
  }
32288
32400
  onBlur();
32289
32401
  };
32290
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
32291
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32402
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
32403
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32292
32404
  "input",
32293
32405
  {
32294
32406
  type: "text",
@@ -32320,7 +32432,7 @@ var FloatTimeField = (props) => {
32320
32432
  readOnly: readonly
32321
32433
  }
32322
32434
  ),
32323
- (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
32435
+ (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
32324
32436
  ] });
32325
32437
  }
32326
32438
  }
@@ -32329,7 +32441,7 @@ var FloatTimeField = (props) => {
32329
32441
 
32330
32442
  // src/widgets/basic/html-field/html.tsx
32331
32443
  var import_react59 = require("react");
32332
- var import_jsx_runtime88 = require("react/jsx-runtime");
32444
+ var import_jsx_runtime89 = require("react/jsx-runtime");
32333
32445
  var HtmlField = (props) => {
32334
32446
  const {
32335
32447
  name: name2,
@@ -32343,9 +32455,9 @@ var HtmlField = (props) => {
32343
32455
  } = props;
32344
32456
  const divRef = (0, import_react59.useRef)(null);
32345
32457
  if (!isForm && !isEditTable) {
32346
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
32458
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
32347
32459
  }
32348
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32460
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32349
32461
  Controller,
32350
32462
  {
32351
32463
  name: name2 ?? "",
@@ -32364,7 +32476,7 @@ var HtmlField = (props) => {
32364
32476
  onChange2(newValue, "");
32365
32477
  }
32366
32478
  };
32367
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32479
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32368
32480
  "div",
32369
32481
  {
32370
32482
  ref: divRef,
@@ -32383,28 +32495,28 @@ var HtmlField = (props) => {
32383
32495
  };
32384
32496
 
32385
32497
  // src/widgets/basic/image-field/image.tsx
32386
- var import_jsx_runtime89 = require("react/jsx-runtime");
32498
+ var import_jsx_runtime90 = require("react/jsx-runtime");
32387
32499
  var ImageField = (props) => {
32388
32500
  const { value, type, name: name2, baseURL } = props;
32389
32501
  if (!value) return null;
32390
32502
  if (type === "url") {
32391
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
32503
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
32392
32504
  }
32393
- 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" }) });
32505
+ 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" }) });
32394
32506
  };
32395
32507
 
32396
32508
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
32397
32509
  var import_react60 = __toESM(require("react"));
32398
32510
 
32399
32511
  // src/widgets/basic/information-field/information.tsx
32400
- var import_jsx_runtime90 = require("react/jsx-runtime");
32512
+ var import_jsx_runtime91 = require("react/jsx-runtime");
32401
32513
  var InfomationField = (props) => {
32402
32514
  const { value, isForm = false, showName = true, stringToColor } = props;
32403
32515
  if (!value || Array.isArray(value) && value.length === 0) {
32404
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_jsx_runtime90.Fragment, {});
32516
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, {});
32405
32517
  }
32406
32518
  const inforValues = Array.isArray(value) ? value : [value];
32407
- 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)(
32519
+ 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)(
32408
32520
  AvatarField,
32409
32521
  {
32410
32522
  id: item.id,
@@ -32413,8 +32525,8 @@ var InfomationField = (props) => {
32413
32525
  stringToColor
32414
32526
  },
32415
32527
  item.id
32416
- )) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
32417
- /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
32528
+ )) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
32529
+ /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32418
32530
  AvatarField,
32419
32531
  {
32420
32532
  avatarSrc: inforValues[0].image_256,
@@ -32424,12 +32536,12 @@ var InfomationField = (props) => {
32424
32536
  stringToColor
32425
32537
  }
32426
32538
  ),
32427
- showName && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
32539
+ showName && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
32428
32540
  ] }) });
32429
32541
  };
32430
32542
 
32431
32543
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
32432
- var import_jsx_runtime91 = require("react/jsx-runtime");
32544
+ var import_jsx_runtime92 = require("react/jsx-runtime");
32433
32545
  var CustomMultiValue = ({ stringToColor, ...props }) => {
32434
32546
  const { selectProps, data, menuList } = props;
32435
32547
  const { relation } = selectProps;
@@ -32438,8 +32550,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32438
32550
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
32439
32551
  )
32440
32552
  )?.[0]?.action?.id;
32441
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32442
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32553
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32554
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32443
32555
  AvatarField,
32444
32556
  {
32445
32557
  id: data?.id,
@@ -32451,8 +32563,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32451
32563
  stringToColor
32452
32564
  }
32453
32565
  ),
32454
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32455
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32566
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32567
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32456
32568
  "span",
32457
32569
  {
32458
32570
  className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -32460,7 +32572,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32460
32572
  e3.stopPropagation();
32461
32573
  props.removeProps.onClick();
32462
32574
  },
32463
- children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CloseIcon, {})
32575
+ children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CloseIcon, {})
32464
32576
  }
32465
32577
  )
32466
32578
  ] });
@@ -32470,9 +32582,9 @@ var CustomMenuList = (props) => {
32470
32582
  const { setIsShowModalMany2Many, searchable } = selectProps;
32471
32583
  const { t: t3 } = useI18n();
32472
32584
  const limitedChildren = import_react60.default.Children.toArray(children).slice(0, 10);
32473
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
32585
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
32474
32586
  limitedChildren,
32475
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
32587
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
32476
32588
  "button",
32477
32589
  {
32478
32590
  type: "button",
@@ -32517,7 +32629,7 @@ var Many2ManyTagField = (props) => {
32517
32629
  value: item.id,
32518
32630
  label: item.name ?? item.display_name
32519
32631
  })) : [];
32520
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32632
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32521
32633
  InfomationField,
32522
32634
  {
32523
32635
  value: optionValue || null,
@@ -32526,7 +32638,7 @@ var Many2ManyTagField = (props) => {
32526
32638
  }
32527
32639
  );
32528
32640
  }
32529
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32641
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32530
32642
  Controller,
32531
32643
  {
32532
32644
  name: name2 ?? "",
@@ -32562,8 +32674,8 @@ var Many2ManyTagField = (props) => {
32562
32674
  onChange2?.(name2 ?? "", newValue);
32563
32675
  clearErrors(name2);
32564
32676
  };
32565
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
32566
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32677
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
32678
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32567
32679
  StateManagedSelect$1,
32568
32680
  {
32569
32681
  options: options2,
@@ -32641,7 +32753,7 @@ var Many2ManyTagField = (props) => {
32641
32753
  })
32642
32754
  },
32643
32755
  components: isUser ? {
32644
- MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32756
+ MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32645
32757
  CustomMultiValue,
32646
32758
  {
32647
32759
  ...multiValueProps,
@@ -32650,7 +32762,7 @@ var Many2ManyTagField = (props) => {
32650
32762
  ),
32651
32763
  IndicatorSeparator: () => null
32652
32764
  } : {
32653
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
32765
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32654
32766
  CustomMenuList,
32655
32767
  {
32656
32768
  ...menuListProps,
@@ -32661,13 +32773,13 @@ var Many2ManyTagField = (props) => {
32661
32773
  }
32662
32774
  ),
32663
32775
  IndicatorSeparator: () => null,
32664
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(components.DropdownIndicator, { ...props2 }),
32665
- ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(components.ClearIndicator, { ...props2 })
32776
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.DropdownIndicator, { ...props2 }),
32777
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.ClearIndicator, { ...props2 })
32666
32778
  },
32667
32779
  required: !invisible && required
32668
32780
  }
32669
32781
  ),
32670
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32782
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32671
32783
  ] });
32672
32784
  }
32673
32785
  }
@@ -32676,7 +32788,7 @@ var Many2ManyTagField = (props) => {
32676
32788
 
32677
32789
  // src/widgets/basic/monetary-field/monetary.tsx
32678
32790
  var import_react61 = require("react");
32679
- var import_jsx_runtime92 = require("react/jsx-runtime");
32791
+ var import_jsx_runtime93 = require("react/jsx-runtime");
32680
32792
  var MonetaryField = (props) => {
32681
32793
  const { t: t3 } = useI18n();
32682
32794
  const {
@@ -32696,26 +32808,26 @@ var MonetaryField = (props) => {
32696
32808
  isEditTable
32697
32809
  } = props;
32698
32810
  if (isForm && name2 === "amount_residual") {
32699
- 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: [
32700
- /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "font-semibold", children: [
32811
+ 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: [
32812
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "font-semibold", children: [
32701
32813
  string,
32702
32814
  ":"
32703
32815
  ] }),
32704
- /* @__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` })
32816
+ /* @__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` })
32705
32817
  ] });
32706
32818
  }
32707
32819
  if (!isForm) {
32708
32820
  const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
32709
32821
  if (widget === "monetary" && !formValues?.currency_id) {
32710
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: `${formatNumberOnly(
32822
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
32711
32823
  parseFloat(String(value ?? defaultValue))
32712
32824
  )} VND` });
32713
32825
  }
32714
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: `${formatNumberOnly(
32826
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
32715
32827
  parseFloat(value ?? defaultValue)
32716
32828
  )} ${currencySymbol}` });
32717
32829
  }
32718
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32830
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
32719
32831
  Controller,
32720
32832
  {
32721
32833
  name: name2 ?? "",
@@ -32734,8 +32846,8 @@ var MonetaryField = (props) => {
32734
32846
  clearErrors(name2);
32735
32847
  }
32736
32848
  }, [value2]);
32737
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
32738
- /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
32849
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
32850
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
32739
32851
  "input",
32740
32852
  {
32741
32853
  value: formatNumberOnly(value2),
@@ -32773,7 +32885,7 @@ var MonetaryField = (props) => {
32773
32885
  `
32774
32886
  }
32775
32887
  ),
32776
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32888
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32777
32889
  ] });
32778
32890
  }
32779
32891
  }
@@ -32781,14 +32893,14 @@ var MonetaryField = (props) => {
32781
32893
  };
32782
32894
 
32783
32895
  // src/widgets/basic/paid-badged-field/paid-badged.tsx
32784
- var import_jsx_runtime93 = require("react/jsx-runtime");
32896
+ var import_jsx_runtime94 = require("react/jsx-runtime");
32785
32897
  var PaidBadgedField = () => {
32786
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PaidIcon, {}) });
32898
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PaidIcon, {}) });
32787
32899
  };
32788
32900
 
32789
32901
  // src/widgets/basic/priority-field/rating-star.tsx
32790
32902
  var import_react62 = __toESM(require("react"));
32791
- var import_jsx_runtime94 = require("react/jsx-runtime");
32903
+ var import_jsx_runtime95 = require("react/jsx-runtime");
32792
32904
  var RatingStarField = (props) => {
32793
32905
  const {
32794
32906
  label,
@@ -32823,7 +32935,7 @@ var RatingStarField = (props) => {
32823
32935
  setHover(0);
32824
32936
  setRating(0);
32825
32937
  };
32826
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32938
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32827
32939
  "div",
32828
32940
  {
32829
32941
  className: "flex gap-1 cursor-pointer w-fit",
@@ -32833,17 +32945,17 @@ var RatingStarField = (props) => {
32833
32945
  const starValue = index4 + 1;
32834
32946
  const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
32835
32947
  const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
32836
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react62.default.Fragment, { children: [
32837
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32948
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react62.default.Fragment, { children: [
32949
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32838
32950
  "div",
32839
32951
  {
32840
32952
  onMouseEnter: () => handleHover(starValue),
32841
32953
  onClick: () => handleClick(starValue),
32842
32954
  "data-tooltip-id": `${id}-${starValue}`,
32843
- children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
32955
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
32844
32956
  }
32845
32957
  ),
32846
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
32958
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32847
32959
  M,
32848
32960
  {
32849
32961
  className: "z-50",
@@ -32859,7 +32971,7 @@ var RatingStarField = (props) => {
32859
32971
  };
32860
32972
 
32861
32973
  // src/widgets/basic/priority-field/priority.tsx
32862
- var import_jsx_runtime95 = require("react/jsx-runtime");
32974
+ var import_jsx_runtime96 = require("react/jsx-runtime");
32863
32975
  var PriorityField = (props) => {
32864
32976
  const {
32865
32977
  isForm,
@@ -32875,7 +32987,7 @@ var PriorityField = (props) => {
32875
32987
  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
32876
32988
  const defaultPriority = parseInt(value) + 1;
32877
32989
  if (!isForm) {
32878
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
32990
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32879
32991
  RatingStarField,
32880
32992
  {
32881
32993
  label,
@@ -32886,7 +32998,7 @@ var PriorityField = (props) => {
32886
32998
  }
32887
32999
  );
32888
33000
  }
32889
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33001
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32890
33002
  Controller,
32891
33003
  {
32892
33004
  name: name ?? "",
@@ -32896,7 +33008,7 @@ var PriorityField = (props) => {
32896
33008
  field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
32897
33009
  onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
32898
33010
  };
32899
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33011
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
32900
33012
  RatingStarField,
32901
33013
  {
32902
33014
  label,
@@ -32913,7 +33025,7 @@ var PriorityField = (props) => {
32913
33025
 
32914
33026
  // src/widgets/basic/radio-group-field/radio-group.tsx
32915
33027
  var import_react63 = require("react");
32916
- var import_jsx_runtime96 = require("react/jsx-runtime");
33028
+ var import_jsx_runtime97 = require("react/jsx-runtime");
32917
33029
  var RadioGroupField = (props) => {
32918
33030
  const {
32919
33031
  name: name2,
@@ -32932,13 +33044,13 @@ var RadioGroupField = (props) => {
32932
33044
  }
32933
33045
  }, [selection, name2, setValue]);
32934
33046
  if (!methods) return null;
32935
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33047
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32936
33048
  Controller,
32937
33049
  {
32938
33050
  name: name2 ?? "",
32939
33051
  control: methods.control,
32940
- 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: [
32941
- /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33052
+ 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: [
33053
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32942
33054
  "input",
32943
33055
  {
32944
33056
  type: "radio",
@@ -32957,7 +33069,7 @@ var RadioGroupField = (props) => {
32957
33069
  className: "custom-radio"
32958
33070
  }
32959
33071
  ),
32960
- /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
33072
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
32961
33073
  ] }, select[0])) })
32962
33074
  }
32963
33075
  );
@@ -32965,7 +33077,7 @@ var RadioGroupField = (props) => {
32965
33077
 
32966
33078
  // src/widgets/basic/remaining-days-field/remaining-days.tsx
32967
33079
  var import_moment3 = __toESM(require_moment());
32968
- var import_jsx_runtime97 = require("react/jsx-runtime");
33080
+ var import_jsx_runtime98 = require("react/jsx-runtime");
32969
33081
  var RemainingDaysField = (props) => {
32970
33082
  const {
32971
33083
  value,
@@ -32976,14 +33088,14 @@ var RemainingDaysField = (props) => {
32976
33088
  if (!value) return null;
32977
33089
  const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
32978
33090
  const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
32979
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
32980
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
32981
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33091
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
33092
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
33093
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32982
33094
  "div",
32983
33095
  {
32984
33096
  "data-tooltip-id": `remainingDays_${value}`,
32985
33097
  className: "flex items-center w-fit cursor-context-menu",
32986
- children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33098
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
32987
33099
  "div",
32988
33100
  {
32989
33101
  className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -32996,7 +33108,7 @@ var RemainingDaysField = (props) => {
32996
33108
  };
32997
33109
 
32998
33110
  // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
32999
- var import_jsx_runtime98 = require("react/jsx-runtime");
33111
+ var import_jsx_runtime99 = require("react/jsx-runtime");
33000
33112
  var SelectDropdownField = (props) => {
33001
33113
  const { t: t3 } = useI18n();
33002
33114
  const {
@@ -33018,9 +33130,9 @@ var SelectDropdownField = (props) => {
33018
33130
  label: val[1]
33019
33131
  })) : [];
33020
33132
  if (!isForm && !isEditTable) {
33021
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33133
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33022
33134
  } else {
33023
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33135
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33024
33136
  Controller,
33025
33137
  {
33026
33138
  name: name2 || "",
@@ -33047,8 +33159,8 @@ var SelectDropdownField = (props) => {
33047
33159
  value: defaultValue || null,
33048
33160
  required: !invisible && required
33049
33161
  };
33050
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
33051
- /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33162
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
33163
+ /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33052
33164
  StateManagedSelect$1,
33053
33165
  {
33054
33166
  ...commonProps,
@@ -33103,12 +33215,12 @@ var SelectDropdownField = (props) => {
33103
33215
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
33104
33216
  components: {
33105
33217
  IndicatorSeparator: () => null,
33106
- DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(components.DropdownIndicator, { ...props2 })
33218
+ DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(components.DropdownIndicator, { ...props2 })
33107
33219
  },
33108
33220
  noOptionsMessage: () => t3("no-available")
33109
33221
  }
33110
33222
  ) }),
33111
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33223
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33112
33224
  ] });
33113
33225
  }
33114
33226
  }
@@ -33117,7 +33229,7 @@ var SelectDropdownField = (props) => {
33117
33229
  };
33118
33230
 
33119
33231
  // src/widgets/basic/textarea-field/textarea.tsx
33120
- var import_jsx_runtime99 = require("react/jsx-runtime");
33232
+ var import_jsx_runtime100 = require("react/jsx-runtime");
33121
33233
  var TextAreaField = (props) => {
33122
33234
  const {
33123
33235
  methods,
@@ -33141,9 +33253,9 @@ var TextAreaField = (props) => {
33141
33253
  }
33142
33254
  }) : {};
33143
33255
  if (!isForm) {
33144
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33256
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33145
33257
  }
33146
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33258
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33147
33259
  "textarea",
33148
33260
  {
33149
33261
  ...formProps,
@@ -33159,7 +33271,7 @@ var TextAreaField = (props) => {
33159
33271
  };
33160
33272
 
33161
33273
  // src/widgets/basic/toggle-button-field/toggle-button.tsx
33162
- var import_jsx_runtime100 = require("react/jsx-runtime");
33274
+ var import_jsx_runtime101 = require("react/jsx-runtime");
33163
33275
  var ToggleButtonField = (props) => {
33164
33276
  const {
33165
33277
  name: name2,
@@ -33169,13 +33281,13 @@ var ToggleButtonField = (props) => {
33169
33281
  onChange: onChange2,
33170
33282
  methods
33171
33283
  } = props;
33172
- return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33284
+ return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33173
33285
  Controller,
33174
33286
  {
33175
33287
  name: name2 ?? "",
33176
33288
  control: methods?.control,
33177
- 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: [
33178
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33289
+ 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: [
33290
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33179
33291
  "input",
33180
33292
  {
33181
33293
  ...field,
@@ -33194,7 +33306,7 @@ var ToggleButtonField = (props) => {
33194
33306
  checked: field.value ?? false
33195
33307
  }
33196
33308
  ),
33197
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33309
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33198
33310
  "span",
33199
33311
  {
33200
33312
  style: {
@@ -33203,7 +33315,7 @@ var ToggleButtonField = (props) => {
33203
33315
  },
33204
33316
  className: `rounded-full transition duration-300
33205
33317
  ${field.value ? "bg-primary" : "bg-gray-300"}`,
33206
- children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33318
+ children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33207
33319
  "span",
33208
33320
  {
33209
33321
  style: {
@@ -33228,7 +33340,7 @@ var ToggleButtonField = (props) => {
33228
33340
 
33229
33341
  // src/widgets/basic/integer-field/integer.tsx
33230
33342
  var import_react64 = require("react");
33231
- var import_jsx_runtime101 = require("react/jsx-runtime");
33343
+ var import_jsx_runtime102 = require("react/jsx-runtime");
33232
33344
  var IntegerField = (props) => {
33233
33345
  const {
33234
33346
  name: name2,
@@ -33247,9 +33359,9 @@ var IntegerField = (props) => {
33247
33359
  const { t: t3 } = useI18n();
33248
33360
  if (!isForm && !isEditTable) {
33249
33361
  const displayValue = value ?? defaultValue;
33250
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33362
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33251
33363
  }
33252
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33364
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33253
33365
  Controller,
33254
33366
  {
33255
33367
  name: name2 || "",
@@ -33327,8 +33439,8 @@ var IntegerField = (props) => {
33327
33439
  inputRef.current?.blur();
33328
33440
  clearErrors(name2);
33329
33441
  };
33330
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
33331
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33442
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
33443
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33332
33444
  "input",
33333
33445
  {
33334
33446
  ref: inputRef,
@@ -33363,7 +33475,7 @@ var IntegerField = (props) => {
33363
33475
  `
33364
33476
  }
33365
33477
  ),
33366
- error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33478
+ error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33367
33479
  ] });
33368
33480
  }
33369
33481
  }
@@ -33371,7 +33483,7 @@ var IntegerField = (props) => {
33371
33483
  };
33372
33484
 
33373
33485
  // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
33374
- var import_jsx_runtime102 = require("react/jsx-runtime");
33486
+ var import_jsx_runtime103 = require("react/jsx-runtime");
33375
33487
  var StatusDropdownField = (props) => {
33376
33488
  const {
33377
33489
  buttonRef,
@@ -33383,13 +33495,13 @@ var StatusDropdownField = (props) => {
33383
33495
  handleClick,
33384
33496
  colors: colors2
33385
33497
  } = props;
33386
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
33498
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33387
33499
  "div",
33388
33500
  {
33389
33501
  ref: buttonRef,
33390
33502
  className: isForm ? "absolute top-7 right-6 z-10" : void 0,
33391
33503
  children: [
33392
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33504
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33393
33505
  "button",
33394
33506
  {
33395
33507
  type: "button",
@@ -33397,23 +33509,23 @@ var StatusDropdownField = (props) => {
33397
33509
  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"}`
33398
33510
  }
33399
33511
  ),
33400
- 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) => {
33512
+ 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) => {
33401
33513
  const isActive = item[0] == state;
33402
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
33514
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33403
33515
  "div",
33404
33516
  {
33405
33517
  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" : ""}`,
33406
33518
  onClick: () => handleClick(item[0]),
33407
33519
  children: [
33408
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckIcon, {}) }),
33409
- /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-2", children: [
33410
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33520
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CheckIcon, {}) }),
33521
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2", children: [
33522
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33411
33523
  "div",
33412
33524
  {
33413
33525
  className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
33414
33526
  }
33415
33527
  ),
33416
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-sm", children: item[1] })
33528
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-sm", children: item[1] })
33417
33529
  ] })
33418
33530
  ]
33419
33531
  },
@@ -33426,9 +33538,9 @@ var StatusDropdownField = (props) => {
33426
33538
  };
33427
33539
 
33428
33540
  // src/widgets/basic/many2many-field/many2many.tsx
33429
- var import_react_dom8 = require("react-dom");
33541
+ var import_react_dom9 = require("react-dom");
33430
33542
  var import_react65 = require("react");
33431
- var import_jsx_runtime103 = require("react/jsx-runtime");
33543
+ var import_jsx_runtime104 = require("react/jsx-runtime");
33432
33544
  var Many2ManyField = (props) => {
33433
33545
  const { t: t3 } = useI18n();
33434
33546
  const {
@@ -33501,8 +33613,8 @@ var Many2ManyField = (props) => {
33501
33613
  typeof setGroupByList === "function" && setGroupByList(null);
33502
33614
  };
33503
33615
  }, [selectedTags]);
33504
- return (0, import_react_dom8.createPortal)(
33505
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33616
+ return (0, import_react_dom9.createPortal)(
33617
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
33506
33618
  "div",
33507
33619
  {
33508
33620
  style: {
@@ -33510,8 +33622,8 @@ var Many2ManyField = (props) => {
33510
33622
  },
33511
33623
  className: "fixed bottom-0 left-0 right-0 top-0",
33512
33624
  children: [
33513
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33514
- /* @__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)(
33625
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33626
+ /* @__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)(
33515
33627
  "div",
33516
33628
  {
33517
33629
  style: {
@@ -33519,12 +33631,12 @@ var Many2ManyField = (props) => {
33519
33631
  },
33520
33632
  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",
33521
33633
  children: [
33522
- /* @__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: [
33523
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
33524
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CloseIcon, {}) })
33634
+ /* @__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: [
33635
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
33636
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CloseIcon, {}) })
33525
33637
  ] }),
33526
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33527
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33638
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33639
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33528
33640
  Search,
33529
33641
  {
33530
33642
  removeSearchItems,
@@ -33558,7 +33670,7 @@ var Many2ManyField = (props) => {
33558
33670
  groupByList
33559
33671
  }
33560
33672
  ) }),
33561
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33673
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33562
33674
  PaginationView,
33563
33675
  {
33564
33676
  className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -33575,20 +33687,20 @@ var Many2ManyField = (props) => {
33575
33687
  }
33576
33688
  )
33577
33689
  ] }),
33578
- !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)(
33690
+ !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)(
33579
33691
  "div",
33580
33692
  {
33581
33693
  className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33582
- 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)(
33694
+ 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)(
33583
33695
  "div",
33584
33696
  {
33585
33697
  className: `flex w-full items-center h-full overflow-auto `,
33586
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
33698
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
33587
33699
  "table",
33588
33700
  {
33589
33701
  className: `relative w-full bg-white custom-dropdown `,
33590
33702
  children: [
33591
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33703
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33592
33704
  TableHead,
33593
33705
  {
33594
33706
  columns,
@@ -33598,7 +33710,7 @@ var Many2ManyField = (props) => {
33598
33710
  handleCheckBoxAll
33599
33711
  }
33600
33712
  ),
33601
- rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33713
+ rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33602
33714
  TableBody,
33603
33715
  {
33604
33716
  tableGroupController,
@@ -33638,16 +33750,16 @@ var Many2ManyField = (props) => {
33638
33750
  checkedAll,
33639
33751
  context
33640
33752
  }
33641
- ) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33753
+ ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33642
33754
  "td",
33643
33755
  {
33644
33756
  className: "w-full",
33645
33757
  colSpan: columns?.length + 2,
33646
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33758
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33647
33759
  "div",
33648
33760
  {
33649
33761
  className: `flex flex-col items-center justify-center gap-3 py-6`,
33650
- children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(EmptyTable, {})
33762
+ children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(EmptyTable, {})
33651
33763
  }
33652
33764
  )
33653
33765
  }
@@ -33658,9 +33770,9 @@ var Many2ManyField = (props) => {
33658
33770
  }
33659
33771
  ) }) })
33660
33772
  }
33661
- ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LayerLoading, {}),
33662
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33663
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33773
+ ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LayerLoading, {}),
33774
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33775
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33664
33776
  "button",
33665
33777
  {
33666
33778
  disabled: selectedRowKeys?.length === 0,
@@ -33670,7 +33782,7 @@ var Many2ManyField = (props) => {
33670
33782
  children: t3("choose")
33671
33783
  }
33672
33784
  ),
33673
- optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33785
+ optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33674
33786
  "button",
33675
33787
  {
33676
33788
  type: "button",
@@ -33686,7 +33798,7 @@ var Many2ManyField = (props) => {
33686
33798
  children: t3("new")
33687
33799
  }
33688
33800
  ),
33689
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
33801
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33690
33802
  "button",
33691
33803
  {
33692
33804
  type: "button",
@@ -33708,15 +33820,15 @@ var Many2ManyField = (props) => {
33708
33820
 
33709
33821
  // src/widgets/basic/many2one-field/many2one.tsx
33710
33822
  var import_react66 = __toESM(require("react"));
33711
- var import_jsx_runtime104 = require("react/jsx-runtime");
33823
+ var import_jsx_runtime105 = require("react/jsx-runtime");
33712
33824
  var CustomMenuList2 = (props) => {
33713
33825
  const { t: t3 } = useI18n();
33714
33826
  const { options: options2, children, selectProps } = props;
33715
33827
  const { setIsShowModalMany2Many, searchable } = selectProps;
33716
33828
  const limitedChildren = import_react66.default.Children.toArray(children).slice(0, 10);
33717
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
33829
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
33718
33830
  limitedChildren,
33719
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
33831
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
33720
33832
  "button",
33721
33833
  {
33722
33834
  type: "button",
@@ -33759,14 +33871,14 @@ var Many2OneField = (props) => {
33759
33871
  const { t: t3 } = useI18n();
33760
33872
  if (!isForm && !isEditTable) {
33761
33873
  const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
33762
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
33874
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
33763
33875
  allowShowDetail && renderDetail({
33764
33876
  idToolTip: String(name2) + Number(index4),
33765
33877
  model: options2?.model ?? relation,
33766
33878
  context: contextObject,
33767
33879
  idForm: id
33768
33880
  }),
33769
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33881
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33770
33882
  "span",
33771
33883
  {
33772
33884
  className: "cursor-pointer",
@@ -33777,20 +33889,20 @@ var Many2OneField = (props) => {
33777
33889
  )
33778
33890
  ] });
33779
33891
  }
33780
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
33892
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
33781
33893
  allowShowDetail && renderDetail({
33782
33894
  idToolTip: String(name2),
33783
33895
  model: options2?.model ?? relation,
33784
33896
  context: contextObject,
33785
33897
  idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
33786
33898
  }),
33787
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33899
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33788
33900
  "div",
33789
33901
  {
33790
33902
  id: name2,
33791
33903
  "data-tooltip-id": name2,
33792
33904
  className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
33793
- children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33905
+ children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33794
33906
  Controller,
33795
33907
  {
33796
33908
  name: name2 ?? "",
@@ -33815,8 +33927,8 @@ var Many2OneField = (props) => {
33815
33927
  methods?.clearErrors(name2);
33816
33928
  }
33817
33929
  }, [selectedOption]);
33818
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "h-full", children: [
33819
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
33930
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "h-full", children: [
33931
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33820
33932
  StateManagedSelect$1,
33821
33933
  {
33822
33934
  menuShouldScrollIntoView: false,
@@ -33892,7 +34004,7 @@ var Many2OneField = (props) => {
33892
34004
  })
33893
34005
  },
33894
34006
  components: {
33895
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34007
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
33896
34008
  CustomMenuList2,
33897
34009
  {
33898
34010
  ...menuListProps,
@@ -33903,13 +34015,13 @@ var Many2OneField = (props) => {
33903
34015
  }
33904
34016
  ),
33905
34017
  IndicatorSeparator: () => null,
33906
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(components.DropdownIndicator, { ...props2 })
34018
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(components.DropdownIndicator, { ...props2 })
33907
34019
  },
33908
34020
  isDisabled: readonly,
33909
34021
  noOptionsMessage: () => t3(isFetching ? "loading" : "no-available")
33910
34022
  }
33911
34023
  ),
33912
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34024
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33913
34025
  ] });
33914
34026
  }
33915
34027
  }
@@ -33920,7 +34032,7 @@ var Many2OneField = (props) => {
33920
34032
  };
33921
34033
 
33922
34034
  // src/widgets/basic/status-bar-field/duration/duration.tsx
33923
- var import_jsx_runtime105 = require("react/jsx-runtime");
34035
+ var import_jsx_runtime106 = require("react/jsx-runtime");
33924
34036
  var StatusbarDurationField = (props) => {
33925
34037
  const {
33926
34038
  disabled,
@@ -33930,14 +34042,14 @@ var StatusbarDurationField = (props) => {
33930
34042
  defaultValue,
33931
34043
  setModalStatus
33932
34044
  } = props;
33933
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34045
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33934
34046
  "div",
33935
34047
  {
33936
34048
  className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
33937
- children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
33938
- /* @__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) => {
34049
+ children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
34050
+ /* @__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) => {
33939
34051
  const value = option?.id === defaultValue;
33940
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
34052
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
33941
34053
  "label",
33942
34054
  {
33943
34055
  onClick: () => !disabled && handleClick(option.id),
@@ -33947,7 +34059,7 @@ var StatusbarDurationField = (props) => {
33947
34059
  ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
33948
34060
  `,
33949
34061
  children: [
33950
- /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34062
+ /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33951
34063
  "input",
33952
34064
  {
33953
34065
  type: "radio",
@@ -33957,7 +34069,7 @@ var StatusbarDurationField = (props) => {
33957
34069
  }
33958
34070
  ),
33959
34071
  option?.name,
33960
- index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34072
+ index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33961
34073
  "div",
33962
34074
  {
33963
34075
  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]
@@ -33972,14 +34084,14 @@ var StatusbarDurationField = (props) => {
33972
34084
  }) }),
33973
34085
  dataResponse?.records?.some(
33974
34086
  (item) => item?.fold && item.id !== defaultValue
33975
- ) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
34087
+ ) && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
33976
34088
  "div",
33977
34089
  {
33978
34090
  onClick: () => setModalStatus(!modelStatus),
33979
34091
  className: "w-[24px] h-[24px] cursor-pointer relative",
33980
34092
  children: [
33981
- /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(MoreIcon, {}),
33982
- modelStatus && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34093
+ /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(MoreIcon, {}),
34094
+ modelStatus && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33983
34095
  "div",
33984
34096
  {
33985
34097
  onClick: (e3) => e3.stopPropagation(),
@@ -33988,7 +34100,7 @@ var StatusbarDurationField = (props) => {
33988
34100
  (item) => item?.fold && item.id !== defaultValue
33989
34101
  )?.map((option) => {
33990
34102
  const value = option?.id === defaultValue;
33991
- return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34103
+ return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
33992
34104
  "div",
33993
34105
  {
33994
34106
  className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34010,14 +34122,14 @@ var StatusbarDurationField = (props) => {
34010
34122
 
34011
34123
  // src/widgets/basic/status-bar-field/option/option.tsx
34012
34124
  var import_react67 = require("react");
34013
- var import_jsx_runtime106 = require("react/jsx-runtime");
34125
+ var import_jsx_runtime107 = require("react/jsx-runtime");
34014
34126
  var StatusBarOptionField = (props) => {
34015
34127
  const { selection, defaultValue } = props;
34016
34128
  const memoizedStatusOptions = (0, import_react67.useMemo)(() => selection, [selection]);
34017
34129
  const indexInProgress = memoizedStatusOptions?.findIndex(
34018
34130
  (option) => option?.[0] === defaultValue
34019
34131
  );
34020
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34132
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34021
34133
  "div",
34022
34134
  {
34023
34135
  style: {
@@ -34026,8 +34138,8 @@ var StatusBarOptionField = (props) => {
34026
34138
  flexWrap: "wrap"
34027
34139
  },
34028
34140
  children: memoizedStatusOptions?.map((option, index4) => {
34029
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
34030
- /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
34141
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
34142
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
34031
34143
  "div",
34032
34144
  {
34033
34145
  style: {
@@ -34045,7 +34157,7 @@ var StatusBarOptionField = (props) => {
34045
34157
  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" : ""
34046
34158
  },
34047
34159
  children: [
34048
- /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34160
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34049
34161
  "span",
34050
34162
  {
34051
34163
  style: {
@@ -34057,10 +34169,10 @@ var StatusBarOptionField = (props) => {
34057
34169
  alignItems: "center",
34058
34170
  borderRadius: "100%"
34059
34171
  },
34060
- 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, {})
34172
+ 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, {})
34061
34173
  }
34062
34174
  ),
34063
- /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34175
+ /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34064
34176
  "span",
34065
34177
  {
34066
34178
  style: {
@@ -34073,7 +34185,7 @@ var StatusBarOptionField = (props) => {
34073
34185
  },
34074
34186
  option?.[0]
34075
34187
  ),
34076
- !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34188
+ !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34077
34189
  "div",
34078
34190
  {
34079
34191
  style: {
@@ -34089,7 +34201,7 @@ var StatusBarOptionField = (props) => {
34089
34201
  );
34090
34202
  };
34091
34203
  var ICMinus = () => {
34092
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34204
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34093
34205
  "svg",
34094
34206
  {
34095
34207
  xmlns: "http://www.w3.org/2000/svg",
@@ -34097,7 +34209,7 @@ var ICMinus = () => {
34097
34209
  height: "16",
34098
34210
  viewBox: "0 0 16 16",
34099
34211
  fill: "none",
34100
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34212
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34101
34213
  "path",
34102
34214
  {
34103
34215
  d: "M4 8H12",
@@ -34111,7 +34223,7 @@ var ICMinus = () => {
34111
34223
  );
34112
34224
  };
34113
34225
  var ICCircle = () => {
34114
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34226
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34115
34227
  "svg",
34116
34228
  {
34117
34229
  xmlns: "http://www.w3.org/2000/svg",
@@ -34119,12 +34231,12 @@ var ICCircle = () => {
34119
34231
  height: "8",
34120
34232
  viewBox: "0 0 8 8",
34121
34233
  fill: "none",
34122
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
34234
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
34123
34235
  }
34124
34236
  );
34125
34237
  };
34126
34238
  var ICCheck = () => {
34127
- return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34239
+ return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34128
34240
  "svg",
34129
34241
  {
34130
34242
  xmlns: "http://www.w3.org/2000/svg",
@@ -34132,7 +34244,7 @@ var ICCheck = () => {
34132
34244
  height: "16",
34133
34245
  viewBox: "0 0 16 16",
34134
34246
  fill: "none",
34135
- children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
34247
+ children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34136
34248
  "path",
34137
34249
  {
34138
34250
  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",
@@ -34146,7 +34258,7 @@ var ICCheck = () => {
34146
34258
  };
34147
34259
 
34148
34260
  // src/widgets/basic/date-option-field/date-option.tsx
34149
- var import_jsx_runtime107 = require("react/jsx-runtime");
34261
+ var import_jsx_runtime108 = require("react/jsx-runtime");
34150
34262
  var DateOptionField = (props) => {
34151
34263
  const {
34152
34264
  name: name2,
@@ -34157,19 +34269,19 @@ var DateOptionField = (props) => {
34157
34269
  string,
34158
34270
  onChange: onChange2
34159
34271
  } = props;
34160
- return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34272
+ return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
34161
34273
  Controller,
34162
34274
  {
34163
34275
  name: name2 ?? "",
34164
34276
  control: methods?.control,
34165
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
34277
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
34166
34278
  "label",
34167
34279
  {
34168
34280
  className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
34169
34281
  ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
34170
34282
  ${readonly ? "opacity-50 pointer-events-none" : ""}`,
34171
34283
  children: [
34172
- /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
34284
+ /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
34173
34285
  "input",
34174
34286
  {
34175
34287
  type: "checkbox",
@@ -34243,6 +34355,7 @@ var DateOptionField = (props) => {
34243
34355
  HtmlField,
34244
34356
  I18nProvider,
34245
34357
  ImageField,
34358
+ ImageIcon,
34246
34359
  InfomationField,
34247
34360
  IntegerField,
34248
34361
  KanbanIcon,