@fctc/sme-widget-ui 1.1.7 → 1.1.9

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 (16) hide show
  1. package/README.md +93 -93
  2. package/dist/icons.d.mts +1 -5
  3. package/dist/icons.d.ts +1 -5
  4. package/dist/icons.js +49 -259
  5. package/dist/icons.mjs +49 -258
  6. package/dist/index.css +98 -0
  7. package/dist/index.d.mts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +970 -848
  10. package/dist/index.mjs +867 -745
  11. package/dist/widgets.css +98 -0
  12. package/dist/widgets.d.mts +5 -1
  13. package/dist/widgets.d.ts +5 -1
  14. package/dist/widgets.js +959 -835
  15. package/dist/widgets.mjs +856 -733
  16. package/package.json +71 -71
package/dist/index.js CHANGED
@@ -4969,7 +4969,7 @@ __export(index_exports, {
4969
4969
  DownloadFileField: () => DownloadFileField,
4970
4970
  DownloadIcon: () => DownloadIcon,
4971
4971
  DropdownField: () => DropdownField,
4972
- EmptyData: () => EmptyData,
4972
+ EmptyTable: () => EmptyTable,
4973
4973
  ExcelIcon: () => ExcelIcon,
4974
4974
  ExportIcon: () => ExportIcon,
4975
4975
  EyeClosedIcon: () => EyeClosedIcon,
@@ -5093,16 +5093,16 @@ var AddIcon = () => {
5093
5093
  "svg",
5094
5094
  {
5095
5095
  xmlns: "http://www.w3.org/2000/svg",
5096
+ width: "16",
5097
+ height: "16",
5098
+ viewBox: "0 0 16 16",
5096
5099
  fill: "none",
5097
- viewBox: "0 0 24 24",
5098
- stroke: "currentColor",
5099
5100
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
5100
5101
  "path",
5101
5102
  {
5102
- strokeLinecap: "round",
5103
- strokeLinejoin: "round",
5104
- strokeWidth: "2",
5105
- d: "M12 4v16m8-8H4"
5103
+ d: "M8.09961 4.30078V7.90039H11.7002V8.10059H8.09961V11.7012H7.89941V8.10059H4.2998V7.90039H7.89941V4.30078H8.09961Z",
5104
+ fill: "#060606",
5105
+ stroke: "currentColor"
5106
5106
  }
5107
5107
  )
5108
5108
  }
@@ -6498,222 +6498,14 @@ var ZipIcon = () => {
6498
6498
  );
6499
6499
  };
6500
6500
 
6501
- // src/icons/empty-data.tsx
6502
- var import_jsx_runtime32 = require("react/jsx-runtime");
6503
- var EmptyData = ({ className }) => {
6504
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
6505
- "svg",
6506
- {
6507
- xmlns: "http://www.w3.org/2000/svg",
6508
- width: "120",
6509
- height: "140",
6510
- viewBox: "0 0 120 140",
6511
- fill: "none",
6512
- children: [
6513
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { clipPath: "url(#clip0_5603_10527)", children: [
6514
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { filter: "url(#filter0_d_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6515
- "path",
6516
- {
6517
- d: "M60 134.613C90.9279 134.613 116 109.541 116 78.6133C116 47.6853 90.9279 22.6133 60 22.6133C29.0721 22.6133 4 47.6853 4 78.6133C4 109.541 29.0721 134.613 60 134.613Z",
6518
- fill: "black"
6519
- }
6520
- ) }),
6521
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6522
- "path",
6523
- {
6524
- d: "M60 134.613C90.9279 134.613 116 109.541 116 78.6133C116 47.6853 90.9279 22.6133 60 22.6133C29.0721 22.6133 4 47.6853 4 78.6133C4 109.541 29.0721 134.613 60 134.613Z",
6525
- fill: className
6526
- }
6527
- ),
6528
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6529
- "mask",
6530
- {
6531
- id: "mask0_5603_10527",
6532
- maskUnits: "userSpaceOnUse",
6533
- x: "4",
6534
- y: "12",
6535
- width: "112",
6536
- height: "123",
6537
- children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6538
- "path",
6539
- {
6540
- d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
6541
- fill: "white"
6542
- }
6543
- )
6544
- }
6545
- ),
6546
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { mask: "url(#mask0_5603_10527)", children: [
6547
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6548
- "path",
6549
- {
6550
- d: "M26 18.0156H88.3146L104.5 34.557V126.83C104.5 136.219 96.8888 143.83 87.5 143.83H35C25.6112 143.83 18 136.219 18 126.83V26.0156C18 21.5973 21.5817 18.0156 26 18.0156Z",
6551
- fill: "white"
6552
- }
6553
- ),
6554
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6555
- "path",
6556
- {
6557
- fillRule: "evenodd",
6558
- clipRule: "evenodd",
6559
- d: "M103.5 34.9648L87.894 19.0156H26C22.134 19.0156 19 22.1496 19 26.0156V126.83C19 135.667 26.1634 142.83 35 142.83H87.5C96.3366 142.83 103.5 135.667 103.5 126.83V34.9648Z",
6560
- stroke: "#A1ACBA",
6561
- strokeWidth: "2"
6562
- }
6563
- )
6564
- ] }),
6565
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6566
- "mask",
6567
- {
6568
- id: "mask1_5603_10527",
6569
- maskUnits: "userSpaceOnUse",
6570
- x: "4",
6571
- y: "12",
6572
- width: "112",
6573
- height: "123",
6574
- children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6575
- "path",
6576
- {
6577
- d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
6578
- fill: "white"
6579
- }
6580
- )
6581
- }
6582
- ),
6583
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { mask: "url(#mask1_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6584
- "path",
6585
- {
6586
- fillRule: "evenodd",
6587
- clipRule: "evenodd",
6588
- d: "M88.5551 21.0492C88.4677 24.6469 88.2887 30.1381 88.4772 30.8534C88.6312 31.4377 88.9325 31.8932 89.6508 32.6114C90.0981 33.0588 90.6275 33.3883 91.2851 33.6303C92.3846 34.0348 93.835 34.2036 96.1219 34.2236C96.8735 34.2302 99.5444 34.1863 101.662 34.1562L88.5551 21.0492Z",
6589
- stroke: "#A1ACBA",
6590
- strokeWidth: "2"
6591
- }
6592
- ) }),
6593
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6594
- "mask",
6595
- {
6596
- id: "mask2_5603_10527",
6597
- maskUnits: "userSpaceOnUse",
6598
- x: "4",
6599
- y: "12",
6600
- width: "112",
6601
- height: "123",
6602
- children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6603
- "path",
6604
- {
6605
- d: "M60 134.807C90.9279 134.807 116 109.672 116 78.6667C116 71.6607 116 49.4384 116 12H4C4 35.7741 4 57.9964 4 78.6667C4 109.672 29.0721 134.807 60 134.807Z",
6606
- fill: "white"
6607
- }
6608
- )
6609
- }
6610
- ),
6611
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { mask: "url(#mask2_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { opacity: "0.07", children: [
6612
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M73.716 93H27V99.214H73.716V93Z", fill: "black" }),
6613
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M95.812 101.699H27V107.913H95.812V101.699Z", fill: "black" }),
6614
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M69.297 113.506H27V119.72H69.297V113.506Z", fill: "black" }),
6615
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M79.398 124.07H27V130.284H79.398V124.07Z", fill: "black" })
6616
- ] }) }),
6617
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6618
- "path",
6619
- {
6620
- d: "M17 16L8 7M22 11V2M5 22H14",
6621
- stroke: "#A1ACBA",
6622
- strokeWidth: "2",
6623
- strokeLinecap: "round"
6624
- }
6625
- ),
6626
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6627
- "path",
6628
- {
6629
- d: "M44 62.998C60.5 71.998 77 62.998 77 62.998",
6630
- stroke: "#A1ACBA",
6631
- strokeWidth: "2",
6632
- strokeLinecap: "round",
6633
- strokeLinejoin: "round"
6634
- }
6635
- ),
6636
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6637
- "path",
6638
- {
6639
- d: "M80.5 53.998C82.433 53.998 84 52.431 84 50.498C84 48.5651 82.433 46.998 80.5 46.998C78.567 46.998 77 48.5651 77 50.498C77 52.431 78.567 53.998 80.5 53.998Z",
6640
- fill: "#A1ACBA"
6641
- }
6642
- ),
6643
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6644
- "path",
6645
- {
6646
- d: "M40.5 53.998C42.433 53.998 44 52.431 44 50.498C44 48.5651 42.433 46.998 40.5 46.998C38.567 46.998 37 48.5651 37 50.498C37 52.431 38.567 53.998 40.5 53.998Z",
6647
- fill: "#A1ACBA"
6648
- }
6649
- )
6650
- ] }),
6651
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("defs", { children: [
6652
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
6653
- "filter",
6654
- {
6655
- id: "filter0_d_5603_10527",
6656
- x: "0",
6657
- y: "20.6133",
6658
- width: "120",
6659
- height: "120",
6660
- filterUnits: "userSpaceOnUse",
6661
- colorInterpolationFilters: "sRGB",
6662
- children: [
6663
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
6664
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6665
- "feColorMatrix",
6666
- {
6667
- in: "SourceAlpha",
6668
- type: "matrix",
6669
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
6670
- result: "hardAlpha"
6671
- }
6672
- ),
6673
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("feOffset", { dy: "2" }),
6674
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("feGaussianBlur", { stdDeviation: "2" }),
6675
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6676
- "feColorMatrix",
6677
- {
6678
- type: "matrix",
6679
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.106063 0"
6680
- }
6681
- ),
6682
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6683
- "feBlend",
6684
- {
6685
- mode: "normal",
6686
- in2: "BackgroundImageFix",
6687
- result: "effect1_dropShadow_5603_10527"
6688
- }
6689
- ),
6690
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6691
- "feBlend",
6692
- {
6693
- mode: "normal",
6694
- in: "SourceGraphic",
6695
- in2: "effect1_dropShadow_5603_10527",
6696
- result: "shape"
6697
- }
6698
- )
6699
- ]
6700
- }
6701
- ),
6702
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "clip0_5603_10527", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "120", height: "140", fill: "white" }) })
6703
- ] })
6704
- ]
6705
- }
6706
- );
6707
- };
6708
-
6709
6501
  // src/icons/loading-icon.tsx
6710
- var import_jsx_runtime33 = require("react/jsx-runtime");
6502
+ var import_jsx_runtime32 = require("react/jsx-runtime");
6711
6503
  var LoadingIcon = ({
6712
6504
  width = 15,
6713
6505
  height = 15,
6714
6506
  ...props
6715
6507
  }) => {
6716
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6508
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6717
6509
  "svg",
6718
6510
  {
6719
6511
  xmlns: "http://www.w3.org/2000/svg",
@@ -6728,8 +6520,8 @@ var LoadingIcon = ({
6728
6520
  background: "transparent"
6729
6521
  },
6730
6522
  ...props,
6731
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("g", { children: [
6732
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6523
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { children: [
6524
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6733
6525
  "circle",
6734
6526
  {
6735
6527
  strokeDasharray: "141.37166941154067 49.12388980384689",
@@ -6739,7 +6531,7 @@ var LoadingIcon = ({
6739
6531
  fill: "none",
6740
6532
  cy: "50",
6741
6533
  cx: "50",
6742
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6534
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
6743
6535
  "animateTransform",
6744
6536
  {
6745
6537
  keyTimes: "0;1",
@@ -6752,15 +6544,15 @@ var LoadingIcon = ({
6752
6544
  )
6753
6545
  }
6754
6546
  ),
6755
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("g", {})
6547
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", {})
6756
6548
  ] })
6757
6549
  }
6758
6550
  );
6759
6551
  };
6760
6552
 
6761
6553
  // src/icons/paid-icon.tsx
6762
- var import_jsx_runtime34 = require("react/jsx-runtime");
6763
- var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6554
+ var import_jsx_runtime33 = require("react/jsx-runtime");
6555
+ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
6764
6556
  "svg",
6765
6557
  {
6766
6558
  width: "208",
@@ -6769,15 +6561,15 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6769
6561
  fill: "none",
6770
6562
  xmlns: "http://www.w3.org/2000/svg",
6771
6563
  children: [
6772
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
6773
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6564
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
6565
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6774
6566
  "path",
6775
6567
  {
6776
6568
  d: "M188.334 85.5C188.334 132.72 150.126 171 102.994 171C55.8622 171 17.6543 132.72 17.6543 85.5C17.6543 38.2797 55.8622 0 102.994 0C150.126 0 188.334 38.2797 188.334 85.5ZM27.8951 85.5C27.8951 127.054 61.5181 160.74 102.994 160.74C144.47 160.74 178.093 127.054 178.093 85.5C178.093 43.9461 144.47 10.26 102.994 10.26C61.5181 10.26 27.8951 43.9461 27.8951 85.5Z",
6777
6569
  fill: "#11A52B"
6778
6570
  }
6779
6571
  ),
6780
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6572
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6781
6573
  "path",
6782
6574
  {
6783
6575
  d: "M174.679 85.4997C174.679 45.8346 142.585 13.6797 102.994 13.6797C63.4033 13.6797 31.3086 45.8346 31.3086 85.4997C31.3086 125.165 63.4033 157.32 102.994 157.32",
@@ -6785,7 +6577,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6785
6577
  strokeWidth: "0.773087"
6786
6578
  }
6787
6579
  ),
6788
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6580
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6789
6581
  "path",
6790
6582
  {
6791
6583
  d: "M102.994 35.748C130.416 35.7482 152.651 58.0211 152.651 85.502C152.651 112.983 130.417 135.256 102.994 135.256C75.5717 135.256 53.3359 112.983 53.3359 85.502C53.336 58.021 75.5717 35.748 102.994 35.748Z",
@@ -6793,7 +6585,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6793
6585
  strokeWidth: "3.09235"
6794
6586
  }
6795
6587
  ),
6796
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6588
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6797
6589
  "path",
6798
6590
  {
6799
6591
  d: "M58.6172 85.0721C58.6172 109.863 78.6764 129.96 103.421 129.96C128.165 129.96 148.224 109.863 148.224 85.0721C148.224 60.2814 128.165 40.1846 103.421 40.1846",
@@ -6801,7 +6593,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6801
6593
  strokeWidth: "0.773087"
6802
6594
  }
6803
6595
  ),
6804
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6596
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6805
6597
  "div",
6806
6598
  {
6807
6599
  style: {
@@ -6812,7 +6604,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6812
6604
  }
6813
6605
  }
6814
6606
  ) }),
6815
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6607
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6816
6608
  "rect",
6817
6609
  {
6818
6610
  "data-figma-bg-blur-radius": "15.4617",
@@ -6824,7 +6616,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6824
6616
  fillOpacity: "0.4"
6825
6617
  }
6826
6618
  ),
6827
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6619
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6828
6620
  "rect",
6829
6621
  {
6830
6622
  x: "-0.493769",
@@ -6837,7 +6629,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6837
6629
  strokeWidth: "0.773087"
6838
6630
  }
6839
6631
  ),
6840
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6632
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6841
6633
  "path",
6842
6634
  {
6843
6635
  d: "M42.9378 114.799L38.9753 116.182L37.8626 113.135L41.6873 111.8C42.5194 111.509 43.1724 111.124 43.6462 110.644C44.1231 110.157 44.3931 109.544 44.4562 108.806C44.5224 108.061 44.3613 107.157 43.9728 106.093C43.5844 105.029 43.125 104.234 42.5948 103.708C42.0628 103.177 41.4531 102.875 40.7657 102.8C40.0814 102.719 39.3135 102.827 38.4619 103.124L34.6228 104.464L33.5101 101.417L37.5307 100.013C39.0451 99.4847 40.4571 99.3255 41.7668 99.5359C43.0795 99.7397 44.2356 100.291 45.2349 101.191C46.2326 102.085 47.0118 103.3 47.5725 104.836C48.135 106.376 48.3208 107.804 48.13 109.119C47.944 110.432 47.41 111.577 46.5279 112.552C45.644 113.523 44.4474 114.272 42.9378 114.799ZM35.6365 100.675L41.0364 115.462L37.444 116.717L32.0441 101.929L35.6365 100.675ZM32.948 110.544L32.2256 108.566L39.7515 105.938L40.4739 107.917L32.948 110.544ZM55.5834 110.596C54.8722 110.844 54.1977 110.946 53.5601 110.903C52.9254 110.853 52.3606 110.643 51.8655 110.273C51.3735 109.897 50.9939 109.343 50.7267 108.611C50.5017 107.995 50.4207 107.437 50.4838 106.938C50.5468 106.438 50.7211 105.989 51.0066 105.591C51.2922 105.193 51.6595 104.839 52.1086 104.531C52.556 104.217 53.0539 103.937 53.6024 103.692C54.2151 103.412 54.7036 103.174 55.0678 102.976C55.4303 102.774 55.6766 102.582 55.8069 102.401C55.9402 102.213 55.9655 102.006 55.8829 101.78L55.8697 101.744C55.7344 101.373 55.5016 101.132 55.1713 101.019C54.8411 100.906 54.4582 100.926 54.0228 101.078C53.5535 101.242 53.213 101.475 53.0014 101.777C52.7897 102.078 52.7102 102.421 52.7629 102.804L49.4476 103.831C49.2983 103.124 49.3278 102.435 49.536 101.765C49.7473 101.089 50.1508 100.476 50.7464 99.926C51.3451 99.3697 52.1428 98.9175 53.1395 98.5695C53.8507 98.3212 54.5371 98.1766 55.1986 98.1356C55.8583 98.0898 56.4687 98.1481 57.0298 98.3104C57.5892 98.4679 58.0733 98.7331 58.4822 99.1059C58.896 99.4771 59.2101 99.9563 59.4245 100.544L62.1772 108.082L58.8388 109.247L58.2745 107.702L58.1874 107.733C58.1262 108.177 57.9882 108.584 57.7734 108.952C57.5635 109.318 57.2743 109.639 56.9057 109.914C56.5419 110.188 56.1011 110.415 55.5834 110.596ZM55.8356 107.902C56.2178 107.769 56.5332 107.572 56.7817 107.312C57.0351 107.049 57.2046 106.751 57.29 106.418C57.3736 106.079 57.3496 105.729 57.2177 105.368L56.8328 104.314C56.7505 104.403 56.6447 104.494 56.5154 104.588C56.3909 104.68 56.251 104.775 56.0957 104.873C55.9404 104.97 55.7786 105.065 55.6101 105.156C55.4416 105.248 55.2795 105.334 55.1238 105.415C54.8093 105.585 54.5538 105.766 54.3571 105.96C54.1653 106.152 54.039 106.359 53.9783 106.581C53.9206 106.796 53.9357 107.024 54.0236 107.265C54.1572 107.631 54.3897 107.864 54.7213 107.966C55.0577 108.065 55.4292 108.044 55.8356 107.902ZM50.7826 98.0084L48.9267 98.64C48.5699 97.6628 48.5347 96.842 48.8212 96.1775C49.1077 95.5131 49.5863 95.061 50.2571 94.8214C50.6151 94.6964 50.941 94.6478 51.2348 94.6755C51.5317 94.6967 51.805 94.7505 52.0548 94.837C52.3076 94.9169 52.5398 94.9851 52.7513 95.0416C52.966 95.0915 53.17 95.0826 53.3635 95.0151C53.6376 94.914 53.8039 94.7419 53.8624 94.499C53.9241 94.2495 53.8949 93.953 53.775 93.6096L55.6045 92.9953C55.9433 93.9679 55.9736 94.7904 55.6954 95.4628C55.4155 96.1304 54.9426 96.5832 54.2767 96.8211C53.9107 96.9543 53.5785 97.0079 53.2798 96.9819C52.9812 96.9559 52.7103 96.9012 52.4671 96.8178C52.2288 96.7328 52.0047 96.6645 51.795 96.6129C51.5835 96.5565 51.3761 96.5637 51.1729 96.6347C50.9358 96.7174 50.7799 96.8804 50.705 97.1237C50.6284 97.3621 50.6543 97.657 50.7826 98.0084ZM70.9801 92.5039L71.9293 95.1034L64.8969 97.5585L63.9477 94.9591L70.9801 92.5039ZM64.4507 91.7875L67.9995 90.5486L71.7462 100.809C71.8253 101.026 71.9233 101.19 72.0403 101.301C72.1603 101.405 72.2986 101.463 72.4552 101.473C72.61 101.479 72.7817 101.449 72.9704 101.383C73.1059 101.336 73.2442 101.274 73.3854 101.197C73.5297 101.115 73.637 101.05 73.7074 101.004L75.1752 103.365C75.0234 103.472 74.8059 103.616 74.5226 103.796C74.2442 103.975 73.8956 104.148 73.4769 104.316C72.6587 104.645 71.9099 104.798 71.2305 104.775C70.5541 104.745 69.9681 104.537 69.4726 104.151C68.9819 103.763 68.6043 103.192 68.3397 102.438L64.4507 91.7875ZM78.3194 95.3148L80.6291 101.64L77.0802 102.879L71.6804 88.0912L75.1131 86.8928L77.2066 92.626L77.33 92.5829C77.332 91.8115 77.5481 91.1336 77.9784 90.5492C78.4135 89.9631 79.0472 89.5248 79.8794 89.2342C80.6632 88.9606 81.4086 88.8957 82.1158 89.0396C82.8212 89.1787 83.4478 89.5054 83.9956 90.0197C84.5483 90.5323 84.9752 91.2083 85.2762 92.0476L87.8574 99.1165L84.3086 100.356L81.9804 93.9797C81.7603 93.3619 81.4297 92.9345 80.9886 92.6977C80.5476 92.4609 80.0416 92.4422 79.4707 92.6415C79.0981 92.7716 78.799 92.9683 78.5733 93.2316C78.3507 93.4884 78.2141 93.7939 78.1634 94.1481C78.1175 94.5006 78.1695 94.8895 78.3194 95.3148ZM93.2838 97.4338C92.5725 97.6821 91.8981 97.7846 91.2604 97.7413C90.6258 97.6915 90.0609 97.4816 89.5658 97.1117C89.0738 96.7353 88.6942 96.1813 88.427 95.4496C88.202 94.8334 88.121 94.2755 88.1841 93.7759C88.2471 93.2763 88.4214 92.8274 88.707 92.4292C88.9925 92.031 89.3598 91.6775 89.809 91.3688C90.2563 91.0552 90.7543 90.7755 91.3028 90.5297C91.9155 90.2507 92.4039 90.0123 92.7682 89.8146C93.1306 89.6121 93.3769 89.4203 93.5072 89.2391C93.6405 89.0515 93.6658 88.8445 93.5832 88.6183L93.57 88.5822C93.4347 88.2115 93.2019 87.9698 92.8716 87.8572C92.5414 87.7445 92.1585 87.7642 91.7231 87.9162C91.2538 88.0801 90.9133 88.3129 90.7017 88.6148C90.4901 88.9166 90.4106 89.2591 90.4632 89.6424L87.148 90.6695C86.9986 89.9618 87.0281 89.2731 87.2363 88.6034C87.4476 87.9272 87.8511 87.3142 88.4467 86.7643C89.0455 86.2079 89.8432 85.7557 90.8398 85.4078C91.5511 85.1595 92.2374 85.0148 92.8989 84.9739C93.5586 84.9281 94.169 84.9864 94.7301 85.1487C95.2895 85.3062 95.7737 85.5713 96.1826 85.9442C96.5963 86.3153 96.9104 86.7946 97.1248 87.3818L99.8775 94.9202L96.5391 96.0856L95.9748 94.5404L95.8878 94.5708C95.8265 95.0156 95.6885 95.4219 95.4738 95.79C95.2639 96.1563 94.9746 96.4771 94.606 96.7524C94.2422 97.0259 93.8014 97.2531 93.2838 97.4338ZM93.5359 94.7406C93.9181 94.6072 94.2335 94.4102 94.4821 94.1498C94.7355 93.8876 94.9049 93.5897 94.9903 93.2559C95.074 92.9174 95.0499 92.5676 94.918 92.2065L94.5331 91.1523C94.4508 91.2407 94.345 91.332 94.2157 91.4259C94.0912 91.5183 93.9513 91.6132 93.7961 91.7109C93.6408 91.8085 93.4789 91.903 93.3104 91.9944C93.142 92.0857 92.9799 92.1722 92.8242 92.2537C92.5097 92.4232 92.2541 92.6047 92.0574 92.7982C91.8656 92.99 91.7393 93.1969 91.6786 93.4189C91.6209 93.6344 91.636 93.8625 91.7239 94.1032C91.8575 94.469 92.0901 94.7026 92.4217 94.804C92.7581 94.9036 93.1295 94.8825 93.5359 94.7406ZM103.287 86.5984L105.596 92.9236L102.047 94.1626L97.9976 83.0717L101.372 81.8936L102.116 83.9298L102.239 83.8867C102.238 83.1218 102.465 82.443 102.919 81.8501C103.372 81.2524 104.01 80.81 104.832 80.5229C105.616 80.2492 106.36 80.1876 107.064 80.338C107.771 80.4819 108.399 80.811 108.946 81.3253C109.497 81.8331 109.922 82.5043 110.222 83.3387L112.803 90.4077L109.254 91.6467L106.926 85.2709C106.706 84.653 106.373 84.2265 105.927 83.9914C105.486 83.7546 104.985 83.7342 104.423 83.9301C104.051 84.0602 103.752 84.2569 103.526 84.5202C103.303 84.777 103.169 85.0817 103.123 85.4342C103.082 85.785 103.137 86.1731 103.287 86.5984ZM116.239 82.0764L118.549 88.4017L115 89.6406L109.6 74.8528L113.033 73.6544L115.126 79.3876L115.25 79.3445C115.252 78.5731 115.468 77.8952 115.898 77.3108C116.333 76.7247 116.967 76.2864 117.799 75.9958C118.583 75.7222 119.329 75.6573 120.036 75.8012C120.741 75.9403 121.368 76.267 121.916 76.7813C122.468 77.2939 122.895 77.9699 123.196 78.8092L125.777 85.8781L122.228 87.1171L119.9 80.7413C119.68 80.1234 119.35 79.6961 118.908 79.4593C118.467 79.2225 117.961 79.2038 117.391 79.4031C117.018 79.5332 116.719 79.7299 116.493 79.9932C116.271 80.25 116.134 80.5555 116.083 80.9097C116.037 81.2622 116.089 81.6511 116.239 82.0764ZM134.626 70.2843L135.575 72.8837L128.542 75.3389L127.593 72.7394L134.626 70.2843ZM128.096 69.5679L131.645 68.329L135.392 78.5895C135.471 78.8061 135.569 78.9699 135.686 79.0811C135.806 79.1857 135.944 79.2433 136.101 79.2537C136.255 79.2594 136.427 79.2293 136.616 79.1634C136.751 79.1161 136.89 79.0543 137.031 78.9778C137.175 78.8949 137.283 78.8303 137.353 78.784L138.821 81.1454C138.669 81.2526 138.451 81.3964 138.168 81.5767C137.89 81.7554 137.541 81.9286 137.122 82.0965C136.304 82.4255 135.555 82.5784 134.876 82.5551C134.2 82.5253 133.614 82.3174 133.118 81.9314C132.627 81.5437 132.25 80.9726 131.985 80.2183L128.096 69.5679ZM145.646 79.1776C144.476 79.5864 143.382 79.6994 142.366 79.5168C141.354 79.3276 140.463 78.884 139.696 78.1859C138.931 77.4813 138.341 76.561 137.927 75.425C137.51 74.2841 137.37 73.2067 137.507 72.1928C137.647 71.1724 138.049 70.2778 138.712 69.509C139.378 68.7337 140.297 68.1417 141.467 67.7329C142.638 67.3242 143.73 67.2144 144.743 67.4035C145.759 67.5862 146.649 68.0298 147.414 68.7344C148.181 69.4324 148.773 70.3519 149.19 71.4927C149.605 72.6288 149.742 73.707 149.602 74.7275C149.465 75.7414 149.063 76.636 148.397 77.4113C147.734 78.1801 146.817 78.7688 145.646 79.1776ZM144.695 76.5056C145.121 76.3569 145.434 76.1011 145.634 75.7382C145.835 75.3752 145.928 74.9356 145.914 74.4194C145.905 73.9016 145.789 73.3394 145.568 72.7328C145.343 72.1167 145.066 71.6054 144.738 71.199C144.414 70.791 144.057 70.5085 143.667 70.3516C143.277 70.1947 142.869 70.1905 142.444 70.3392C142.003 70.4929 141.678 70.7529 141.468 71.1193C141.263 71.4839 141.165 71.9252 141.174 72.4431C141.188 72.9592 141.308 73.5254 141.533 74.1416C141.754 74.7481 142.027 75.2554 142.35 75.6635C142.679 76.0698 143.04 76.3506 143.435 76.5059C143.835 76.6594 144.255 76.6593 144.695 76.5056ZM156.231 75.4581C155.52 75.7064 154.845 75.8088 154.207 75.7655C153.573 75.7157 153.008 75.5059 152.513 75.136C152.021 74.7596 151.641 74.2055 151.374 73.4738C151.149 72.8577 151.068 72.2998 151.131 71.8002C151.194 71.3005 151.368 70.8516 151.654 70.4534C151.939 70.0552 152.307 69.7018 152.756 69.393C153.203 69.0794 153.701 68.7998 154.25 68.554C154.862 68.275 155.351 68.0366 155.715 67.8389C156.078 67.6364 156.324 67.4445 156.454 67.2634C156.587 67.0757 156.613 66.8688 156.53 66.6425L156.517 66.6064C156.382 66.2358 156.149 65.9941 155.819 65.8814C155.488 65.7688 155.106 65.7885 154.67 65.9405C154.201 66.1043 153.86 66.3372 153.649 66.639C153.437 66.9408 153.358 67.2834 153.41 67.6666L150.095 68.6938C149.946 67.9861 149.975 67.2974 150.183 66.6277C150.395 65.9514 150.798 65.3384 151.394 64.7885C151.992 64.2322 152.79 63.78 153.787 63.432C154.498 63.1837 155.184 63.0391 155.846 62.9981C156.506 62.9523 157.116 63.0106 157.677 63.1729C158.236 63.3304 158.721 63.5956 159.13 63.9684C159.543 64.3396 159.857 64.8188 160.072 65.4061L162.824 72.9444L159.486 74.1099L158.922 72.5647L158.835 72.5951C158.773 73.0398 158.635 73.4462 158.421 73.8142C158.211 74.1806 157.922 74.5014 157.553 74.7766C157.189 75.0502 156.748 75.2773 156.231 75.4581ZM156.483 72.7649C156.865 72.6314 157.18 72.4345 157.429 72.174C157.682 71.9119 157.852 71.6139 157.937 71.2802C158.021 70.9416 157.997 70.5918 157.865 70.2308L157.48 69.1766C157.398 69.265 157.292 69.3562 157.163 69.4502C157.038 69.5425 156.898 69.6375 156.743 69.7351C156.588 69.8327 156.426 69.9272 156.257 70.0186C156.089 70.11 155.927 70.1964 155.771 70.2779C155.457 70.4474 155.201 70.6289 155.004 70.8224C154.813 71.0142 154.686 71.2211 154.626 71.4431C154.568 71.6587 154.583 71.8868 154.671 72.1275C154.804 72.4933 155.037 72.7269 155.369 72.8282C155.705 72.9279 156.076 72.9068 156.483 72.7649ZM152.222 62.5535L152.499 58.7852L155.642 57.6882L154.639 61.7098L152.222 62.5535ZM166.234 64.6226L168.543 70.9479L164.994 72.1868L160.945 61.096L164.319 59.9178L165.063 61.954L165.186 61.911C165.185 61.1461 165.412 60.4672 165.866 59.8744C166.319 59.2767 166.957 58.8343 167.779 58.5471C168.563 58.2735 169.307 58.2119 170.011 58.3623C170.718 58.5062 171.346 58.8353 171.893 59.3496C172.444 59.8574 172.869 60.5285 173.169 61.363L175.75 68.432L172.201 69.6709L169.873 63.2951C169.653 62.6773 169.32 62.2508 168.874 62.0157C168.433 61.7789 167.932 61.7585 167.37 61.9544C166.998 62.0844 166.699 62.2811 166.473 62.5445C166.25 62.8013 166.116 63.106 166.07 63.4585C166.029 63.8093 166.084 64.1973 166.234 64.6226Z",
@@ -6845,8 +6637,8 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6845
6637
  }
6846
6638
  )
6847
6639
  ] }),
6848
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("defs", { children: [
6849
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6640
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("defs", { children: [
6641
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
6850
6642
  "filter",
6851
6643
  {
6852
6644
  id: "filter0_d_615_26793",
@@ -6857,8 +6649,8 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6857
6649
  filterUnits: "userSpaceOnUse",
6858
6650
  colorInterpolationFilters: "sRGB",
6859
6651
  children: [
6860
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
6861
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6652
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
6653
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6862
6654
  "feColorMatrix",
6863
6655
  {
6864
6656
  in: "SourceAlpha",
@@ -6867,17 +6659,17 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6867
6659
  result: "hardAlpha"
6868
6660
  }
6869
6661
  ),
6870
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feOffset", { dy: "4" }),
6871
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feGaussianBlur", { stdDeviation: "2" }),
6872
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
6873
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6662
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("feOffset", { dy: "4" }),
6663
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("feGaussianBlur", { stdDeviation: "2" }),
6664
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
6665
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6874
6666
  "feColorMatrix",
6875
6667
  {
6876
6668
  type: "matrix",
6877
6669
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
6878
6670
  }
6879
6671
  ),
6880
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6672
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6881
6673
  "feBlend",
6882
6674
  {
6883
6675
  mode: "normal",
@@ -6885,7 +6677,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6885
6677
  result: "effect1_dropShadow_615_26793"
6886
6678
  }
6887
6679
  ),
6888
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6680
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6889
6681
  "feBlend",
6890
6682
  {
6891
6683
  mode: "normal",
@@ -6897,12 +6689,12 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6897
6689
  ]
6898
6690
  }
6899
6691
  ),
6900
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6692
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6901
6693
  "clipPath",
6902
6694
  {
6903
6695
  id: "bgblur_0_615_26793_clip_path",
6904
6696
  transform: "translate(10.1151 -14.174)",
6905
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6697
+ children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6906
6698
  "rect",
6907
6699
  {
6908
6700
  width: "193.593",
@@ -6919,9 +6711,9 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
6919
6711
  );
6920
6712
 
6921
6713
  // src/icons/placeholder-icon.tsx
6922
- var import_jsx_runtime35 = require("react/jsx-runtime");
6714
+ var import_jsx_runtime34 = require("react/jsx-runtime");
6923
6715
  var PlaceHolderIcon = () => {
6924
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6716
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6925
6717
  "svg",
6926
6718
  {
6927
6719
  xmlns: "http://www.w3.org/2000/svg",
@@ -6930,7 +6722,7 @@ var PlaceHolderIcon = () => {
6930
6722
  height: "256.000000pt",
6931
6723
  viewBox: "0 0 256.000000 256.000000",
6932
6724
  preserveAspectRatio: "xMidYMid meet",
6933
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6725
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6934
6726
  "g",
6935
6727
  {
6936
6728
  transform: "translate(0.000000,256.000000) scale(0.100000,-0.100000)",
@@ -6943,13 +6735,13 @@ var PlaceHolderIcon = () => {
6943
6735
  };
6944
6736
 
6945
6737
  // src/icons/google-icon.tsx
6946
- var import_jsx_runtime36 = require("react/jsx-runtime");
6738
+ var import_jsx_runtime35 = require("react/jsx-runtime");
6947
6739
  var GoogleIcon = ({
6948
6740
  width = 20,
6949
6741
  height = 20,
6950
6742
  ...props
6951
6743
  }) => {
6952
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
6744
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
6953
6745
  "svg",
6954
6746
  {
6955
6747
  xmlns: "http://www.w3.org/2000/svg",
@@ -6960,28 +6752,28 @@ var GoogleIcon = ({
6960
6752
  height,
6961
6753
  ...props,
6962
6754
  children: [
6963
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6755
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6964
6756
  "path",
6965
6757
  {
6966
6758
  fill: "#fbc02d",
6967
6759
  d: "M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12 s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20 s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
6968
6760
  }
6969
6761
  ),
6970
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6762
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6971
6763
  "path",
6972
6764
  {
6973
6765
  fill: "#e53935",
6974
6766
  d: "M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039 l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
6975
6767
  }
6976
6768
  ),
6977
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6769
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6978
6770
  "path",
6979
6771
  {
6980
6772
  fill: "#4caf50",
6981
6773
  d: "M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36 c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
6982
6774
  }
6983
6775
  ),
6984
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6776
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
6985
6777
  "path",
6986
6778
  {
6987
6779
  fill: "#1565c0",
@@ -6994,9 +6786,9 @@ var GoogleIcon = ({
6994
6786
  };
6995
6787
 
6996
6788
  // src/icons/eye-closed-icon.tsx
6997
- var import_jsx_runtime37 = require("react/jsx-runtime");
6789
+ var import_jsx_runtime36 = require("react/jsx-runtime");
6998
6790
  var EyeClosedIcon = () => {
6999
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
6791
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7000
6792
  "svg",
7001
6793
  {
7002
6794
  width: "20",
@@ -7005,7 +6797,7 @@ var EyeClosedIcon = () => {
7005
6797
  fill: "none",
7006
6798
  xmlns: "http://www.w3.org/2000/svg",
7007
6799
  children: [
7008
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
6800
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7009
6801
  "path",
7010
6802
  {
7011
6803
  d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
@@ -7013,7 +6805,7 @@ var EyeClosedIcon = () => {
7013
6805
  strokeWidth: "1.5"
7014
6806
  }
7015
6807
  ),
7016
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
6808
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7017
6809
  "path",
7018
6810
  {
7019
6811
  d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
@@ -7021,7 +6813,7 @@ var EyeClosedIcon = () => {
7021
6813
  strokeWidth: "1.5"
7022
6814
  }
7023
6815
  ),
7024
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
6816
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7025
6817
  "line",
7026
6818
  {
7027
6819
  x1: "4",
@@ -7893,11 +7685,11 @@ var usePagination = ({
7893
7685
  };
7894
7686
 
7895
7687
  // src/icons/common.tsx
7896
- var import_jsx_runtime38 = require("react/jsx-runtime");
7897
- var IcArrow = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime38.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" }) });
7688
+ var import_jsx_runtime37 = require("react/jsx-runtime");
7689
+ var IcArrow = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime37.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" }) });
7898
7690
 
7899
7691
  // src/widgets/advanced/pagination/pagination-view.tsx
7900
- var import_jsx_runtime39 = require("react/jsx-runtime");
7692
+ var import_jsx_runtime38 = require("react/jsx-runtime");
7901
7693
  var PaginationView = (props) => {
7902
7694
  const {
7903
7695
  displayPageNumberDots,
@@ -7930,25 +7722,25 @@ var PaginationView = (props) => {
7930
7722
  let lastPage = paginationRange[paginationRange.length - 1];
7931
7723
  const startPage = currentPage * pageSize + 1;
7932
7724
  const endPage = Math.min((currentPage + 1) * pageSize, totalCount);
7933
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("ul", { className: `pagination-container rounded-lg ${className}`, children: [
7934
- !displayPageNumberDots && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("li", { className: "pagination-item px-0", children: [
7725
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("ul", { className: `pagination-container rounded-lg ${className}`, children: [
7726
+ !displayPageNumberDots && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("li", { className: "pagination-item px-0", children: [
7935
7727
  startPage,
7936
7728
  " - ",
7937
7729
  endPage,
7938
7730
  " / ",
7939
7731
  totalCount
7940
7732
  ] }),
7941
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7733
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7942
7734
  "li",
7943
7735
  {
7944
7736
  className: `pagination-item ${currentPage === 0 && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
7945
7737
  onClick: onPrevious,
7946
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "arrow left", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IcArrow, {}) })
7738
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "arrow left", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IcArrow, {}) })
7947
7739
  }
7948
7740
  ),
7949
7741
  displayPageNumberDots && paginationRange.map((pageNumber) => {
7950
7742
  if (pageNumber === DOTS) {
7951
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7743
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7952
7744
  "li",
7953
7745
  {
7954
7746
  className: "pagination-item dots",
@@ -7957,7 +7749,7 @@ var PaginationView = (props) => {
7957
7749
  "pagination" + pageNumber
7958
7750
  );
7959
7751
  }
7960
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7752
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7961
7753
  "li",
7962
7754
  {
7963
7755
  className: `pagination-item ${pageNumber - 1 === currentPage && "selected"}`,
@@ -7967,12 +7759,12 @@ var PaginationView = (props) => {
7967
7759
  "pagination" + pageNumber
7968
7760
  );
7969
7761
  }),
7970
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7762
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7971
7763
  "li",
7972
7764
  {
7973
7765
  className: `pagination-item ${currentPage + 1 === lastPage && "disabled"} ${!displayPageNumberDots && "hide-dots"}`,
7974
7766
  onClick: onNext,
7975
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "arrow rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IcArrow, {}) })
7767
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "arrow rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IcArrow, {}) })
7976
7768
  }
7977
7769
  )
7978
7770
  ] });
@@ -10702,7 +10494,7 @@ var vi_default = {
10702
10494
  cancel: "H\u1EE7y",
10703
10495
  save: "L\u01B0u",
10704
10496
  my_profile: "H\u1ED3 s\u01A1 c\u1EE7a t\xF4i",
10705
- empty_data: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
10497
+ empty_data: "D\u1EEF li\u1EC7u tr\u1ED1ng",
10706
10498
  Settings: "C\xE0i \u0111\u1EB7t",
10707
10499
  settings: "C\xE0i \u0111\u1EB7t",
10708
10500
  payment_method: "Ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",
@@ -12130,7 +11922,7 @@ instance.use(Browser).use(initReactI18next).init({
12130
11922
  var i18n_default = instance;
12131
11923
 
12132
11924
  // src/widgets/advanced/table/table-group.tsx
12133
- var import_jsx_runtime40 = require("react/jsx-runtime");
11925
+ var import_jsx_runtime39 = require("react/jsx-runtime");
12134
11926
  var TableGroup = (props) => {
12135
11927
  const {
12136
11928
  handleExpandChildGroup,
@@ -12161,42 +11953,42 @@ var TableGroup = (props) => {
12161
11953
  pageGroup,
12162
11954
  setPageGroup
12163
11955
  } = props;
12164
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
12165
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
11956
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
11957
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
12166
11958
  "tr",
12167
11959
  {
12168
11960
  draggable: true,
12169
11961
  className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative z-10",
12170
11962
  onClick: handleExpandChildGroup,
12171
11963
  children: [
12172
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11964
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12173
11965
  "td",
12174
11966
  {
12175
11967
  colSpan: colEmptyGroup.fromStart ?? 1,
12176
11968
  style: { display: "table-cell" },
12177
11969
  className: "relative z-20 w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
12178
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
11970
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
12179
11971
  "div",
12180
11972
  {
12181
11973
  style: { paddingLeft: leftPadding },
12182
11974
  className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
12183
11975
  children: [
12184
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
12185
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11976
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
11977
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12186
11978
  TriangleIcon,
12187
11979
  {
12188
11980
  className: `w-2 h-2 text-button_primary ${isShowGroup && isQueryFetched ? "rotate-180" : "rotate-90"}`
12189
11981
  }
12190
11982
  ),
12191
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
11983
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
12192
11984
  ] }),
12193
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11985
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12194
11986
  "div",
12195
11987
  {
12196
11988
  onClick: (e3) => {
12197
11989
  e3.stopPropagation();
12198
11990
  },
12199
- children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11991
+ children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12200
11992
  PaginationView,
12201
11993
  {
12202
11994
  className: "pagination-bar !bg-transparent absolute z-[100] right-0 top-1/2 -translate-y-1/2",
@@ -12216,7 +12008,7 @@ var TableGroup = (props) => {
12216
12008
  ),
12217
12009
  columns?.map((col) => {
12218
12010
  if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
12219
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12011
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12220
12012
  "td",
12221
12013
  {
12222
12014
  className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -12234,7 +12026,7 @@ var TableGroup = (props) => {
12234
12026
  ]
12235
12027
  }
12236
12028
  ),
12237
- isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12029
+ isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
12238
12030
  TableBodyRow,
12239
12031
  {
12240
12032
  columns: columnsGroup,
@@ -12258,7 +12050,7 @@ var TableGroup = (props) => {
12258
12050
 
12259
12051
  // src/widgets/advanced/table/table-row.tsx
12260
12052
  var import_react11 = require("react");
12261
- var import_jsx_runtime41 = require("react/jsx-runtime");
12053
+ var import_jsx_runtime40 = require("react/jsx-runtime");
12262
12054
  var Row = (props) => {
12263
12055
  const {
12264
12056
  row,
@@ -12323,17 +12115,17 @@ var Row = (props) => {
12323
12115
  false;
12324
12116
  }
12325
12117
  }, [checkedAll]);
12326
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12118
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12327
12119
  "tr",
12328
12120
  {
12329
12121
  "data-row-id": row?.id,
12330
12122
  className: `border-b border-[#e8e8e8] cursor-pointer`,
12331
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
12332
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12123
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
12124
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12333
12125
  "td",
12334
12126
  {
12335
12127
  className: `column w-max whitespace-nowrap p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
12336
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12128
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12337
12129
  "input",
12338
12130
  {
12339
12131
  type: "checkbox",
@@ -12346,9 +12138,9 @@ var Row = (props) => {
12346
12138
  ),
12347
12139
  columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
12348
12140
  if (row?.display_type === "line_section" && col.key !== "display_name") {
12349
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", {});
12141
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", {});
12350
12142
  }
12351
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12143
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12352
12144
  "td",
12353
12145
  {
12354
12146
  colSpan: 1,
@@ -12367,7 +12159,7 @@ var Row = (props) => {
12367
12159
  `${col.name}____${index4}`
12368
12160
  );
12369
12161
  }),
12370
- typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12162
+ typeof onAddRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
12371
12163
  "button",
12372
12164
  {
12373
12165
  type: "button",
@@ -12375,7 +12167,7 @@ var Row = (props) => {
12375
12167
  onClick: () => {
12376
12168
  onRemoveRow(indexRow);
12377
12169
  },
12378
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DeleteIcon, {})
12170
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DeleteIcon, {})
12379
12171
  }
12380
12172
  ) }) })
12381
12173
  ] })
@@ -12385,7 +12177,7 @@ var Row = (props) => {
12385
12177
  };
12386
12178
 
12387
12179
  // src/widgets/advanced/table/table-body.tsx
12388
- var import_jsx_runtime42 = require("react/jsx-runtime");
12180
+ var import_jsx_runtime41 = require("react/jsx-runtime");
12389
12181
  var TableBodyRow = (props) => {
12390
12182
  const {
12391
12183
  rows,
@@ -12407,8 +12199,6 @@ var TableBodyRow = (props) => {
12407
12199
  onAddRow,
12408
12200
  onRemoveRow,
12409
12201
  checked,
12410
- isForm,
12411
- typeCo,
12412
12202
  selectedRowKeys,
12413
12203
  tableGroupController,
12414
12204
  groupByList,
@@ -12416,10 +12206,8 @@ var TableBodyRow = (props) => {
12416
12206
  isAutoSelect,
12417
12207
  isEditTable
12418
12208
  } = props;
12419
- const rootStyle = getComputedStyle(document.documentElement);
12420
- const colorPrimary = rootStyle.getPropertyValue("--primary").trim();
12421
- return rows && rows?.length > 0 ? rows?.map((row, index4) => {
12422
- return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12209
+ return rows && rows?.length > 0 && rows?.map((row, index4) => {
12210
+ return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12423
12211
  TableGroup,
12424
12212
  {
12425
12213
  columns,
@@ -12443,7 +12231,7 @@ var TableBodyRow = (props) => {
12443
12231
  selectedRowKeys
12444
12232
  },
12445
12233
  `record-group-${index4}`
12446
- ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12234
+ ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12447
12235
  Row,
12448
12236
  {
12449
12237
  row,
@@ -12467,20 +12255,11 @@ var TableBodyRow = (props) => {
12467
12255
  },
12468
12256
  `record-${index4}`
12469
12257
  );
12470
- }) : !isForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12471
- "div",
12472
- {
12473
- className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
12474
- children: [
12475
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EmptyData, { className: colorPrimary }),
12476
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
12477
- ]
12478
- }
12479
- ) }) });
12258
+ });
12480
12259
  };
12481
12260
  var TableBody = (props) => {
12482
12261
  const [isAutoSelect, setIsAutoSelect] = (0, import_react12.useState)(false);
12483
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12262
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12484
12263
  TableBodyRow,
12485
12264
  {
12486
12265
  ...props,
@@ -12493,7 +12272,7 @@ var TableBody = (props) => {
12493
12272
  // src/widgets/advanced/table/table-filter.tsx
12494
12273
  var import_react13 = require("react");
12495
12274
  var import_react_dom = require("react-dom");
12496
- var import_jsx_runtime43 = require("react/jsx-runtime");
12275
+ var import_jsx_runtime42 = require("react/jsx-runtime");
12497
12276
  var TableFilter = ({ columns, onToggleColumnOptional }) => {
12498
12277
  const [openTableFilter, setOpenTableFilter] = (0, import_react13.useState)();
12499
12278
  const [filterPosition, setFilterPosition] = (0, import_react13.useState)(null);
@@ -12525,7 +12304,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12525
12304
  window.removeEventListener("resize", updatePosition);
12526
12305
  };
12527
12306
  }, [filterRef, openTableFilter]);
12528
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12307
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12529
12308
  "div",
12530
12309
  {
12531
12310
  ref: filterRef,
@@ -12534,7 +12313,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12534
12313
  },
12535
12314
  className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-[#eff1f2]",
12536
12315
  children: [
12537
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12316
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12538
12317
  "button",
12539
12318
  {
12540
12319
  type: "button",
@@ -12542,7 +12321,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12542
12321
  onClick: () => {
12543
12322
  setOpenTableFilter(!openTableFilter);
12544
12323
  },
12545
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12324
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12546
12325
  "svg",
12547
12326
  {
12548
12327
  xmlns: "http://www.w3.org/2000/svg",
@@ -12551,42 +12330,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12551
12330
  viewBox: "0 0 16 16",
12552
12331
  fill: "none",
12553
12332
  children: [
12554
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12333
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12555
12334
  "path",
12556
12335
  {
12557
12336
  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",
12558
12337
  fill: "#1F1F1F"
12559
12338
  }
12560
12339
  ),
12561
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12340
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12562
12341
  "path",
12563
12342
  {
12564
12343
  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",
12565
12344
  fill: "#1F1F1F"
12566
12345
  }
12567
12346
  ),
12568
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12347
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12569
12348
  "path",
12570
12349
  {
12571
12350
  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",
12572
12351
  fill: "#1F1F1F"
12573
12352
  }
12574
12353
  ),
12575
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12354
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12576
12355
  "path",
12577
12356
  {
12578
12357
  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",
12579
12358
  fill: "black"
12580
12359
  }
12581
12360
  ),
12582
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12361
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12583
12362
  "path",
12584
12363
  {
12585
12364
  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",
12586
12365
  fill: "black"
12587
12366
  }
12588
12367
  ),
12589
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12368
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12590
12369
  "path",
12591
12370
  {
12592
12371
  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",
@@ -12599,15 +12378,15 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12599
12378
  }
12600
12379
  ),
12601
12380
  filterPosition && openTableFilter && (0, import_react_dom.createPortal)(
12602
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12381
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12603
12382
  "div",
12604
12383
  {
12605
12384
  ref: filterPopupRef,
12606
12385
  style: { top: filterPosition?.top, right: filterPosition?.right },
12607
12386
  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",
12608
12387
  children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
12609
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
12610
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12388
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
12389
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12611
12390
  "input",
12612
12391
  {
12613
12392
  type: "checkbox",
@@ -12617,7 +12396,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12617
12396
  className: "cursor-pointer"
12618
12397
  }
12619
12398
  ),
12620
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12399
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12621
12400
  "label",
12622
12401
  {
12623
12402
  htmlFor: `${item.name}`,
@@ -12637,14 +12416,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12637
12416
  };
12638
12417
 
12639
12418
  // src/widgets/advanced/table/table-footer.tsx
12640
- var import_jsx_runtime44 = require("react/jsx-runtime");
12419
+ var import_jsx_runtime43 = require("react/jsx-runtime");
12641
12420
  var TableFooter = ({ onAddRow, rows }) => {
12642
12421
  const emptyData = rows?.length <= 0;
12643
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12422
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { className: `relative ${emptyData ? " h-20" : "h-14"}`, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12644
12423
  "td",
12645
12424
  {
12646
12425
  className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
12647
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12426
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12648
12427
  "button",
12649
12428
  {
12650
12429
  type: "button",
@@ -12654,7 +12433,7 @@ var TableFooter = ({ onAddRow, rows }) => {
12654
12433
  },
12655
12434
  className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
12656
12435
  children: [
12657
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12436
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12658
12437
  "svg",
12659
12438
  {
12660
12439
  style: {
@@ -12667,14 +12446,14 @@ var TableFooter = ({ onAddRow, rows }) => {
12667
12446
  viewBox: "0 0 20 20",
12668
12447
  fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
12669
12448
  children: [
12670
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12449
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12671
12450
  "path",
12672
12451
  {
12673
12452
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
12674
12453
  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"
12675
12454
  }
12676
12455
  ),
12677
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12456
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12678
12457
  "path",
12679
12458
  {
12680
12459
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -12693,7 +12472,7 @@ var TableFooter = ({ onAddRow, rows }) => {
12693
12472
  };
12694
12473
 
12695
12474
  // src/widgets/advanced/table/table-head.tsx
12696
- var import_jsx_runtime45 = require("react/jsx-runtime");
12475
+ var import_jsx_runtime44 = require("react/jsx-runtime");
12697
12476
  var TableHead = (props) => {
12698
12477
  const {
12699
12478
  handleCheckBoxAll,
@@ -12703,7 +12482,7 @@ var TableHead = (props) => {
12703
12482
  onRemoveRow,
12704
12483
  onToggleColumnOptional
12705
12484
  } = props;
12706
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12485
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12707
12486
  "tr",
12708
12487
  {
12709
12488
  style: {
@@ -12715,11 +12494,11 @@ var TableHead = (props) => {
12715
12494
  },
12716
12495
  className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12717
12496
  children: [
12718
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12497
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12719
12498
  "th",
12720
12499
  {
12721
12500
  className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
12722
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12501
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12723
12502
  "input",
12724
12503
  {
12725
12504
  type: "checkbox",
@@ -12731,17 +12510,17 @@ var TableHead = (props) => {
12731
12510
  }
12732
12511
  ),
12733
12512
  columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
12734
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12513
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12735
12514
  "th",
12736
12515
  {
12737
12516
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12738
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12517
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12739
12518
  },
12740
12519
  "table-head-" + index4
12741
12520
  );
12742
12521
  }),
12743
- typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "relative p-2 w-[35px]" }),
12744
- columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12522
+ typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "relative p-2 w-[35px]" }),
12523
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12745
12524
  "th",
12746
12525
  {
12747
12526
  style: {
@@ -12749,7 +12528,7 @@ var TableHead = (props) => {
12749
12528
  right: 0
12750
12529
  },
12751
12530
  className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-[#eff1f2]`,
12752
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12531
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12753
12532
  TableFilter,
12754
12533
  {
12755
12534
  columns,
@@ -12763,6 +12542,349 @@ var TableHead = (props) => {
12763
12542
  ) });
12764
12543
  };
12765
12544
 
12545
+ // src/icons/empty-table-icon.tsx
12546
+ var import_jsx_runtime45 = require("react/jsx-runtime");
12547
+ var IcEmptyTable = ({ isForm }) => {
12548
+ return isForm ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12549
+ "svg",
12550
+ {
12551
+ xmlns: "http://www.w3.org/2000/svg",
12552
+ width: "216",
12553
+ height: "140",
12554
+ viewBox: "0 0 216 140",
12555
+ fill: "none",
12556
+ children: [
12557
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("g", { "clip-path": "url(#clip0_2454_28950)", children: [
12558
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
12559
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12560
+ "path",
12561
+ {
12562
+ d: "M64.5 0V140",
12563
+ stroke: "#EEEFF1",
12564
+ "stroke-width": "0.8",
12565
+ "stroke-miterlimit": "10",
12566
+ "stroke-dasharray": "3 3"
12567
+ }
12568
+ ),
12569
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12570
+ "path",
12571
+ {
12572
+ d: "M151.5 0V140",
12573
+ stroke: "#EEEFF1",
12574
+ "stroke-width": "0.8",
12575
+ "stroke-miterlimit": "10",
12576
+ "stroke-dasharray": "3 3"
12577
+ }
12578
+ ),
12579
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12580
+ "path",
12581
+ {
12582
+ d: "M215.5 24H0.5",
12583
+ stroke: "#EEEFF1",
12584
+ "stroke-width": "0.8",
12585
+ "stroke-miterlimit": "10",
12586
+ "stroke-dasharray": "3 3"
12587
+ }
12588
+ ),
12589
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12590
+ "path",
12591
+ {
12592
+ d: "M215.5 50H0.5",
12593
+ stroke: "#EEEFF1",
12594
+ "stroke-width": "0.8",
12595
+ "stroke-miterlimit": "10",
12596
+ "stroke-dasharray": "3 3"
12597
+ }
12598
+ ),
12599
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12600
+ "path",
12601
+ {
12602
+ d: "M215.5 88H0.5",
12603
+ stroke: "#EEEFF1",
12604
+ "stroke-width": "0.8",
12605
+ "stroke-miterlimit": "10",
12606
+ "stroke-dasharray": "3 3"
12607
+ }
12608
+ ),
12609
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12610
+ "path",
12611
+ {
12612
+ d: "M215.5 114H0.5",
12613
+ stroke: "#EEEFF1",
12614
+ "stroke-width": "0.8",
12615
+ "stroke-miterlimit": "10",
12616
+ "stroke-dasharray": "3 3"
12617
+ }
12618
+ ),
12619
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12620
+ "path",
12621
+ {
12622
+ d: "M199.5 0V140",
12623
+ stroke: "#EEEFF1",
12624
+ "stroke-width": "0.8",
12625
+ "stroke-miterlimit": "10"
12626
+ }
12627
+ ),
12628
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12629
+ "path",
12630
+ {
12631
+ d: "M16.5 0V140",
12632
+ stroke: "#EEEFF1",
12633
+ "stroke-width": "0.8",
12634
+ "stroke-miterlimit": "10"
12635
+ }
12636
+ ),
12637
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12638
+ "path",
12639
+ {
12640
+ d: "M0.5 16H215.5",
12641
+ stroke: "#EEEFF1",
12642
+ "stroke-width": "0.8",
12643
+ "stroke-miterlimit": "10"
12644
+ }
12645
+ ),
12646
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12647
+ "path",
12648
+ {
12649
+ d: "M0.5 124H215.5",
12650
+ stroke: "#EEEFF1",
12651
+ "stroke-width": "0.8",
12652
+ "stroke-miterlimit": "10"
12653
+ }
12654
+ ),
12655
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12656
+ "path",
12657
+ {
12658
+ opacity: "0.6",
12659
+ d: "M85.3696 59.4442L85.9782 60.2035C86.1008 60.3564 86.3827 60.1962 86.5084 59.9022L87.8918 56.6641",
12660
+ stroke: "#5C5E63",
12661
+ "stroke-width": "0.6",
12662
+ "stroke-linecap": "round",
12663
+ "stroke-linejoin": "round"
12664
+ }
12665
+ ),
12666
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12667
+ "path",
12668
+ {
12669
+ opacity: "0.6",
12670
+ d: "M115.636 39.734L94.1971 52.1117C93.5007 52.5139 92.936 53.4918 92.936 54.296V55.0242C92.936 55.8284 93.5007 56.1544 94.1971 55.7523L115.636 43.3745C116.333 42.9724 116.897 41.9944 116.897 41.1902V40.4621C116.897 39.6579 116.333 39.3319 115.636 39.734Z",
12671
+ stroke: "#5C5E63",
12672
+ "stroke-width": "0.6",
12673
+ "stroke-linecap": "round",
12674
+ "stroke-linejoin": "round"
12675
+ }
12676
+ ),
12677
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12678
+ "path",
12679
+ {
12680
+ opacity: "0.6",
12681
+ d: "M115.636 52.8395L94.1971 65.2172C93.5007 65.6193 92.936 66.5973 92.936 67.4015V68.1296C92.936 68.9339 93.5007 69.2598 94.1971 68.8577L115.636 56.48C116.333 56.0779 116.897 55.0999 116.897 54.2957V53.5676C116.897 52.7633 116.333 52.4373 115.636 52.8395Z",
12682
+ stroke: "#5C5E63",
12683
+ "stroke-width": "0.6",
12684
+ "stroke-linecap": "round",
12685
+ "stroke-linejoin": "round"
12686
+ }
12687
+ ),
12688
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12689
+ "path",
12690
+ {
12691
+ opacity: "0.6",
12692
+ d: "M115.636 65.9449L94.1971 78.3227C93.5007 78.7248 92.936 79.7027 92.936 80.507V81.2351C92.936 82.0393 93.5007 82.3653 94.1971 81.9632L115.636 69.5854C116.333 69.1833 116.897 68.2054 116.897 67.4011V66.673C116.897 65.8688 116.333 65.5428 115.636 65.9449Z",
12693
+ stroke: "#5C5E63",
12694
+ "stroke-width": "0.6",
12695
+ "stroke-linecap": "round",
12696
+ "stroke-linejoin": "round"
12697
+ }
12698
+ ),
12699
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12700
+ "path",
12701
+ {
12702
+ opacity: "0.6",
12703
+ d: "M115.636 79.0504L94.1971 91.4281C93.5007 91.8303 92.936 92.8082 92.936 93.6125V94.3406C92.936 95.1448 93.5007 95.4708 94.1971 95.0687L115.636 82.6909C116.333 82.2888 116.897 81.3108 116.897 80.5066V79.7785C116.897 78.9743 116.333 78.6483 115.636 79.0504Z",
12704
+ stroke: "#5C5E63",
12705
+ "stroke-width": "0.6",
12706
+ "stroke-linecap": "round",
12707
+ "stroke-linejoin": "round"
12708
+ }
12709
+ ),
12710
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12711
+ "path",
12712
+ {
12713
+ 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",
12714
+ fill: "white"
12715
+ }
12716
+ ),
12717
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12718
+ "path",
12719
+ {
12720
+ 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",
12721
+ stroke: "#9FA1A7",
12722
+ "stroke-width": "0.6",
12723
+ "stroke-linecap": "round",
12724
+ "stroke-linejoin": "round"
12725
+ }
12726
+ ),
12727
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12728
+ "path",
12729
+ {
12730
+ 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",
12731
+ stroke: "#5C5E63",
12732
+ "stroke-linecap": "round",
12733
+ "stroke-linejoin": "round"
12734
+ }
12735
+ ),
12736
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12737
+ "path",
12738
+ {
12739
+ opacity: "0.6",
12740
+ d: "M96.6305 54.2962L96.6305 54.2962C94.541 55.5025 92.8472 58.4364 92.8472 60.8491V60.8491C92.8472 63.2618 94.541 64.2398 96.6305 63.0334L96.6305 63.0334C98.72 61.827 100.414 58.8932 100.414 56.4805V56.4805C100.414 54.0677 98.72 53.0898 96.6305 54.2962Z",
12741
+ stroke: "#5C5E63",
12742
+ "stroke-width": "0.6",
12743
+ "stroke-linecap": "round",
12744
+ "stroke-linejoin": "round"
12745
+ }
12746
+ ),
12747
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12748
+ "path",
12749
+ {
12750
+ opacity: "0.6",
12751
+ d: "M95.3696 59.4441L95.9782 60.2034C96.1008 60.3564 96.3827 60.1962 96.5084 59.9021L97.8918 56.6641",
12752
+ stroke: "#5C5E63",
12753
+ "stroke-width": "0.6",
12754
+ "stroke-linecap": "round",
12755
+ "stroke-linejoin": "round"
12756
+ }
12757
+ ),
12758
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12759
+ "path",
12760
+ {
12761
+ opacity: "0.6",
12762
+ d: "M96.6305 67.4016L96.6305 67.4016C94.541 68.608 92.8472 71.5418 92.8472 73.9545V73.9546C92.8472 76.3673 94.541 77.3452 96.6305 76.1389L96.6305 76.1389C98.72 74.9325 100.414 71.9987 100.414 69.5859V69.5859C100.414 67.1732 98.72 66.1953 96.6305 67.4016Z",
12763
+ stroke: "#5C5E63",
12764
+ "stroke-width": "0.6",
12765
+ "stroke-linecap": "round",
12766
+ "stroke-linejoin": "round"
12767
+ }
12768
+ ),
12769
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12770
+ "path",
12771
+ {
12772
+ opacity: "0.6",
12773
+ d: "M96.6305 80.5071L96.6305 80.5071C94.541 81.7135 92.8472 84.6473 92.8472 87.06V87.06C92.8472 89.4727 94.541 90.4507 96.6305 89.2443L96.6305 89.2443C98.72 88.038 100.414 85.1041 100.414 82.6914V82.6914C100.414 80.2787 98.72 79.3007 96.6305 80.5071Z",
12774
+ stroke: "#5C5E63",
12775
+ "stroke-width": "0.6",
12776
+ "stroke-linecap": "round",
12777
+ "stroke-linejoin": "round"
12778
+ }
12779
+ ),
12780
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12781
+ "path",
12782
+ {
12783
+ opacity: "0.6",
12784
+ d: "M96.6305 93.6126L96.6305 93.6126C94.541 94.8189 92.8472 97.7528 92.8472 100.165V100.165C92.8472 102.578 94.541 103.556 96.6305 102.35L96.6305 102.35C98.72 101.143 100.414 98.2096 100.414 95.7969V95.7969C100.414 93.3842 98.72 92.4062 96.6305 93.6126Z",
12785
+ stroke: "#5C5E63",
12786
+ "stroke-width": "0.6",
12787
+ "stroke-linecap": "round",
12788
+ "stroke-linejoin": "round"
12789
+ }
12790
+ ),
12791
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12792
+ "path",
12793
+ {
12794
+ opacity: "0.6",
12795
+ d: "M125.636 39.734L104.197 52.1117C103.501 52.5139 102.936 53.4918 102.936 54.296V55.0242C102.936 55.8284 103.501 56.1544 104.197 55.7523L125.636 43.3745C126.333 42.9724 126.897 41.9944 126.897 41.1902V40.4621C126.897 39.6579 126.333 39.3319 125.636 39.734Z",
12796
+ stroke: "#5C5E63",
12797
+ "stroke-width": "0.6",
12798
+ "stroke-linecap": "round",
12799
+ "stroke-linejoin": "round"
12800
+ }
12801
+ ),
12802
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12803
+ "path",
12804
+ {
12805
+ opacity: "0.6",
12806
+ d: "M125.636 52.8395L104.197 65.2172C103.501 65.6193 102.936 66.5973 102.936 67.4015V68.1296C102.936 68.9339 103.501 69.2598 104.197 68.8577L125.636 56.48C126.333 56.0779 126.897 55.0999 126.897 54.2957V53.5676C126.897 52.7633 126.333 52.4373 125.636 52.8395Z",
12807
+ stroke: "#5C5E63",
12808
+ "stroke-width": "0.6",
12809
+ "stroke-linecap": "round",
12810
+ "stroke-linejoin": "round"
12811
+ }
12812
+ ),
12813
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12814
+ "path",
12815
+ {
12816
+ opacity: "0.6",
12817
+ d: "M125.636 65.9449L104.197 78.3227C103.501 78.7248 102.936 79.7027 102.936 80.507V81.2351C102.936 82.0393 103.501 82.3653 104.197 81.9632L125.636 69.5854C126.333 69.1833 126.897 68.2054 126.897 67.4011V66.673C126.897 65.8688 126.333 65.5428 125.636 65.9449Z",
12818
+ stroke: "#5C5E63",
12819
+ "stroke-width": "0.6",
12820
+ "stroke-linecap": "round",
12821
+ "stroke-linejoin": "round"
12822
+ }
12823
+ ),
12824
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12825
+ "path",
12826
+ {
12827
+ opacity: "0.6",
12828
+ d: "M125.636 79.0504L104.197 91.4281C103.501 91.8303 102.936 92.8082 102.936 93.6125V94.3406C102.936 95.1448 103.501 95.4708 104.197 95.0687L125.636 82.6909C126.333 82.2888 126.897 81.3108 126.897 80.5066V79.7785C126.897 78.9743 126.333 78.6483 125.636 79.0504Z",
12829
+ stroke: "#5C5E63",
12830
+ "stroke-width": "0.6",
12831
+ "stroke-linecap": "round",
12832
+ "stroke-linejoin": "round"
12833
+ }
12834
+ ),
12835
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12836
+ "path",
12837
+ {
12838
+ 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",
12839
+ fill: "white"
12840
+ }
12841
+ ),
12842
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12843
+ "path",
12844
+ {
12845
+ "fill-rule": "evenodd",
12846
+ "clip-rule": "evenodd",
12847
+ d: "M105.337 33.9031C105.337 31.8925 106.749 29.4476 108.49 28.4423C110.231 27.437 111.643 28.252 111.643 30.2625C111.643 31.871 112.772 32.523 114.165 31.7188L117.318 29.8985C119.407 28.6921 121.101 29.6701 121.101 32.0828C121.101 32.4849 120.819 32.9739 120.471 33.1749L96.5095 47.0089C96.1612 47.2099 95.8789 47.047 95.8789 46.6448C95.8789 44.2321 97.5728 41.2983 99.6622 40.0919L102.815 38.2717C104.208 37.4674 105.337 35.5115 105.337 33.9031ZM108.49 33.539C109.186 33.1369 109.751 32.1589 109.751 31.3547C109.751 30.5505 109.186 30.2245 108.49 30.6266C107.794 31.0287 107.229 32.0067 107.229 32.8109C107.229 33.6151 107.794 33.9411 108.49 33.539Z",
12848
+ fill: "white"
12849
+ }
12850
+ ),
12851
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12852
+ "path",
12853
+ {
12854
+ 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",
12855
+ stroke: "#9FA1A7",
12856
+ "stroke-width": "0.6",
12857
+ "stroke-linecap": "round",
12858
+ "stroke-linejoin": "round"
12859
+ }
12860
+ )
12861
+ ] }),
12862
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("clipPath", { id: "clip0_2454_28950", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12863
+ "rect",
12864
+ {
12865
+ width: "215",
12866
+ height: "140",
12867
+ fill: "white",
12868
+ transform: "translate(0.5)"
12869
+ }
12870
+ ) }) })
12871
+ ]
12872
+ }
12873
+ ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
12874
+ };
12875
+
12876
+ // src/widgets/advanced/table/empty-table.tsx
12877
+ var import_jsx_runtime46 = require("react/jsx-runtime");
12878
+ var EmptyTable = ({ isForm }) => {
12879
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12880
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, { isForm }),
12881
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
12882
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", {}),
12883
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
12884
+ ] })
12885
+ ] });
12886
+ };
12887
+
12766
12888
  // node_modules/react-hook-form/dist/index.esm.mjs
12767
12889
  var import_react14 = __toESM(require("react"), 1);
12768
12890
  var isCheckBoxInput = (element) => element.type === "checkbox";
@@ -14577,10 +14699,10 @@ function s2(o3, s4, t3) {
14577
14699
 
14578
14700
  // src/widgets/advanced/login/shared/button.tsx
14579
14701
  var React2 = __toESM(require("react"));
14580
- var import_jsx_runtime46 = require("react/jsx-runtime");
14702
+ var import_jsx_runtime47 = require("react/jsx-runtime");
14581
14703
  var Button = React2.forwardRef(
14582
14704
  ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
14583
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
14705
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14584
14706
  "button",
14585
14707
  {
14586
14708
  className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium
@@ -14590,7 +14712,7 @@ var Button = React2.forwardRef(
14590
14712
  ref,
14591
14713
  type,
14592
14714
  ...props,
14593
- children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14715
+ children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14594
14716
  }
14595
14717
  );
14596
14718
  }
@@ -14599,7 +14721,7 @@ Button.displayName = "Button";
14599
14721
 
14600
14722
  // src/widgets/advanced/login/shared/text-input.tsx
14601
14723
  var import_react15 = require("react");
14602
- var import_jsx_runtime47 = require("react/jsx-runtime");
14724
+ var import_jsx_runtime48 = require("react/jsx-runtime");
14603
14725
  function TextInput(props) {
14604
14726
  const {
14605
14727
  className,
@@ -14613,17 +14735,17 @@ function TextInput(props) {
14613
14735
  required
14614
14736
  } = props;
14615
14737
  const [showPassword, setShowPassword] = (0, import_react15.useState)(false);
14616
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14617
- label && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14738
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14739
+ label && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14618
14740
  label,
14619
- required ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14741
+ required ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14620
14742
  ] }),
14621
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
14743
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
14622
14744
  "div",
14623
14745
  {
14624
14746
  className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
14625
14747
  children: [
14626
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14748
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14627
14749
  "input",
14628
14750
  {
14629
14751
  className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -14632,18 +14754,18 @@ function TextInput(props) {
14632
14754
  ...register(name2)
14633
14755
  }
14634
14756
  ),
14635
- type === "password" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14757
+ type === "password" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14636
14758
  "span",
14637
14759
  {
14638
14760
  onClick: () => setShowPassword(!showPassword),
14639
14761
  className: "focus:outline-none",
14640
- children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(EyeIcon, {})
14762
+ children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(EyeIcon, {})
14641
14763
  }
14642
14764
  )
14643
14765
  ]
14644
14766
  }
14645
14767
  ),
14646
- errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14768
+ errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14647
14769
  "p",
14648
14770
  {
14649
14771
  className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -14655,7 +14777,7 @@ function TextInput(props) {
14655
14777
 
14656
14778
  // src/widgets/advanced/login/provider/credential/form-options/index.tsx
14657
14779
  var import_react16 = require("react");
14658
- var import_jsx_runtime48 = require("react/jsx-runtime");
14780
+ var import_jsx_runtime49 = require("react/jsx-runtime");
14659
14781
  var STAY_LOGIN_IN = "stayLoginIn";
14660
14782
  function FormOptions({
14661
14783
  forgotPasswordUrl,
@@ -14681,9 +14803,9 @@ function FormOptions({
14681
14803
  (0, import_react16.useEffect)(() => {
14682
14804
  localStorage.setItem(STAY_LOGIN_IN, "false");
14683
14805
  }, []);
14684
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
14685
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "flex gap-3", children: [
14686
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14806
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
14807
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "flex gap-3", children: [
14808
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14687
14809
  "input",
14688
14810
  {
14689
14811
  checked: stayLoginIn,
@@ -14692,14 +14814,14 @@ function FormOptions({
14692
14814
  onChange: handleCheckboxChange
14693
14815
  }
14694
14816
  ),
14695
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
14817
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
14696
14818
  ] }),
14697
- !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
14819
+ !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
14698
14820
  ] });
14699
14821
  }
14700
14822
 
14701
14823
  // src/widgets/advanced/login/provider/credential/index.tsx
14702
- var import_jsx_runtime49 = require("react/jsx-runtime");
14824
+ var import_jsx_runtime50 = require("react/jsx-runtime");
14703
14825
  var CredentialLogin = (props) => {
14704
14826
  const {
14705
14827
  shouldRenderDivider,
@@ -14719,16 +14841,16 @@ var CredentialLogin = (props) => {
14719
14841
  mode: "onChange",
14720
14842
  resolver: s2(loginSchema)
14721
14843
  });
14722
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
14723
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
14844
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
14845
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
14724
14846
  "form",
14725
14847
  {
14726
14848
  onSubmit: handleSubmit(onSubmit ?? (() => {
14727
14849
  })),
14728
14850
  className: `flex w-full h-fit flex-col gap-10`,
14729
14851
  children: [
14730
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-6", children: [
14731
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14852
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-6", children: [
14853
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14732
14854
  TextInput,
14733
14855
  {
14734
14856
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14741,7 +14863,7 @@ var CredentialLogin = (props) => {
14741
14863
  errors
14742
14864
  }
14743
14865
  ),
14744
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14866
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14745
14867
  TextInput,
14746
14868
  {
14747
14869
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14754,7 +14876,7 @@ var CredentialLogin = (props) => {
14754
14876
  errors
14755
14877
  }
14756
14878
  ),
14757
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14879
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14758
14880
  FormOptions,
14759
14881
  {
14760
14882
  forgotPasswordUrl,
@@ -14764,7 +14886,7 @@ var CredentialLogin = (props) => {
14764
14886
  }
14765
14887
  )
14766
14888
  ] }),
14767
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14889
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14768
14890
  Button,
14769
14891
  {
14770
14892
  type: "submit",
@@ -14776,56 +14898,56 @@ var CredentialLogin = (props) => {
14776
14898
  ]
14777
14899
  }
14778
14900
  ),
14779
- shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-center relative", children: [
14780
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
14781
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
14901
+ shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-center relative", children: [
14902
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
14903
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
14782
14904
  ] })
14783
14905
  ] });
14784
14906
  };
14785
14907
 
14786
14908
  // src/widgets/advanced/login/provider/google/google-btn/index.tsx
14787
- var import_jsx_runtime50 = require("react/jsx-runtime");
14909
+ var import_jsx_runtime51 = require("react/jsx-runtime");
14788
14910
  function GoogleButton(props) {
14789
14911
  const { onLoginGoogle, db } = props;
14790
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
14912
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
14791
14913
  "button",
14792
14914
  {
14793
14915
  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",
14794
14916
  onClick: () => onLoginGoogle?.(db),
14795
14917
  children: [
14796
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GoogleIcon, { className: "google-icon" }),
14797
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
14918
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(GoogleIcon, { className: "google-icon" }),
14919
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
14798
14920
  ]
14799
14921
  }
14800
14922
  );
14801
14923
  }
14802
14924
 
14803
14925
  // src/widgets/advanced/login/provider/google/redirect/index.tsx
14804
- var import_jsx_runtime51 = require("react/jsx-runtime");
14926
+ var import_jsx_runtime52 = require("react/jsx-runtime");
14805
14927
  function SocialRedirect(props) {
14806
14928
  const { db, onLoginSocial } = props;
14807
14929
  onLoginSocial && onLoginSocial(String(db));
14808
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
14930
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
14809
14931
  }
14810
14932
 
14811
14933
  // src/widgets/advanced/login/provider/google/index.tsx
14812
- var import_jsx_runtime52 = require("react/jsx-runtime");
14934
+ var import_jsx_runtime53 = require("react/jsx-runtime");
14813
14935
  var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
14814
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
14815
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(GoogleButton, { db, onLoginGoogle }),
14816
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialRedirect, { db, onLoginSocial })
14936
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
14937
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(GoogleButton, { db, onLoginGoogle }),
14938
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SocialRedirect, { db, onLoginSocial })
14817
14939
  ] });
14818
14940
  };
14819
14941
 
14820
14942
  // src/widgets/advanced/login/index.tsx
14821
- var import_jsx_runtime53 = require("react/jsx-runtime");
14943
+ var import_jsx_runtime54 = require("react/jsx-runtime");
14822
14944
  var LoginProviderMapping = {
14823
14945
  google: GoogleLogin
14824
14946
  };
14825
14947
  var Login = (props) => {
14826
14948
  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
14827
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-full space-y-8", children: [
14828
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
14949
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "w-full space-y-8", children: [
14950
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14829
14951
  CredentialLogin,
14830
14952
  {
14831
14953
  ...props,
@@ -14835,7 +14957,7 @@ var Login = (props) => {
14835
14957
  ),
14836
14958
  providers.map((provider, index4) => {
14837
14959
  const ProviderComp = LoginProviderMapping[provider];
14838
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
14960
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14839
14961
  ProviderComp,
14840
14962
  {
14841
14963
  db,
@@ -14849,7 +14971,7 @@ var Login = (props) => {
14849
14971
  };
14850
14972
 
14851
14973
  // src/widgets/advanced/search/popup-filter/index.tsx
14852
- var import_jsx_runtime54 = require("react/jsx-runtime");
14974
+ var import_jsx_runtime55 = require("react/jsx-runtime");
14853
14975
  var PopupFilter = ({
14854
14976
  handleAddTagSearch,
14855
14977
  removeSearchItems,
@@ -14859,7 +14981,7 @@ var PopupFilter = ({
14859
14981
  setGroupBy,
14860
14982
  fields
14861
14983
  }) => {
14862
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14984
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
14863
14985
  "div",
14864
14986
  {
14865
14987
  style: {
@@ -14869,25 +14991,25 @@ var PopupFilter = ({
14869
14991
  zIndex: 33
14870
14992
  },
14871
14993
  className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14872
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14994
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14873
14995
  "div",
14874
14996
  {
14875
14997
  className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
14876
14998
  children: [
14877
- filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
14878
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14879
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
14880
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
14999
+ filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "filter-by w-full px-3", children: [
15000
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15001
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
15002
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
14881
15003
  ] }),
14882
15004
  filterBy?.reduce((acc, item, index4, array) => {
14883
15005
  const prevItem = array[index4 - 1];
14884
15006
  const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
14885
15007
  const isExist = item?.active;
14886
15008
  if (isDifferentGroup) {
14887
- acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
15009
+ acc.push(/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("hr", { className: "my-2" }, "separator-" + index4));
14888
15010
  }
14889
15011
  acc.push(
14890
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
15012
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14891
15013
  "button",
14892
15014
  {
14893
15015
  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)]"}`,
@@ -14912,8 +15034,8 @@ var PopupFilter = ({
14912
15034
  });
14913
15035
  },
14914
15036
  children: [
14915
- isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
14916
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
15037
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CheckIcon, {}),
15038
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
14917
15039
  ]
14918
15040
  },
14919
15041
  "filter-" + index4
@@ -14922,16 +15044,16 @@ var PopupFilter = ({
14922
15044
  return acc;
14923
15045
  }, [])
14924
15046
  ] }),
14925
- filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
14926
- groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
14927
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14928
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
14929
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
15047
+ filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
15048
+ groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "group-by w-full px-3", children: [
15049
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
15050
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
15051
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
14930
15052
  ] }),
14931
15053
  groupBy?.map((item, index4) => {
14932
15054
  const isExist = item?.active;
14933
15055
  if (!item.string) return;
14934
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
15056
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14935
15057
  "button",
14936
15058
  {
14937
15059
  onClick: () => {
@@ -14955,8 +15077,8 @@ var PopupFilter = ({
14955
15077
  },
14956
15078
  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)]"}`,
14957
15079
  children: [
14958
- isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
14959
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
15080
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CheckIcon, {}),
15081
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm", children: item?.string })
14960
15082
  ]
14961
15083
  },
14962
15084
  "groupby-" + index4 + 1
@@ -14975,7 +15097,7 @@ var import_react18 = require("react");
14975
15097
 
14976
15098
  // src/widgets/advanced/search/tag-search/index.tsx
14977
15099
  var import_react17 = require("react");
14978
- var import_jsx_runtime55 = require("react/jsx-runtime");
15100
+ var import_jsx_runtime56 = require("react/jsx-runtime");
14979
15101
  var TagSearch = ({
14980
15102
  removeSearchItems,
14981
15103
  selectedTags,
@@ -14985,23 +15107,23 @@ var TagSearch = ({
14985
15107
  return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
14986
15108
  if (tag?.values?.length > 0) {
14987
15109
  if (tag?.type !== "group_by") {
14988
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
15110
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
14989
15111
  "div",
14990
15112
  {
14991
15113
  className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
14992
15114
  children: [
14993
- /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(FilterIcon, {}) }),
14994
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
14995
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react17.Fragment, { children: [
14996
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: value }),
14997
- idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15115
+ /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(FilterIcon, {}) }),
15116
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
15117
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react17.Fragment, { children: [
15118
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: value }),
15119
+ idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
14998
15120
  " ",
14999
15121
  instance.t("or"),
15000
15122
  " "
15001
15123
  ] })
15002
15124
  ] }, idx);
15003
15125
  }) }),
15004
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
15126
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15005
15127
  "button",
15006
15128
  {
15007
15129
  className: "px-2 text-sm font-bold",
@@ -15018,7 +15140,7 @@ var TagSearch = ({
15018
15140
  );
15019
15141
  }
15020
15142
  },
15021
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15143
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15022
15144
  }
15023
15145
  )
15024
15146
  ]
@@ -15026,26 +15148,26 @@ var TagSearch = ({
15026
15148
  "selected-tag-" + index4
15027
15149
  );
15028
15150
  } else if (tag?.type === "group_by") {
15029
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
15151
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15030
15152
  "div",
15031
15153
  {
15032
15154
  className: "flex min-h-full overflow-hidden",
15033
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
15034
- (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
15155
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-wrap items-center gap-2 align-middle text-[#495057] text-[14px]", children: tag?.values?.length > 0 && tag?.values.map(
15156
+ (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
15035
15157
  "div",
15036
15158
  {
15037
15159
  className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
15038
15160
  children: [
15039
- /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(GroupByIcon, {}) }),
15040
- value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
15041
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: string }),
15042
- idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15161
+ /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(GroupByIcon, {}) }),
15162
+ value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
15163
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: string }),
15164
+ idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
15043
15165
  " ",
15044
15166
  "> ",
15045
15167
  " "
15046
15168
  ] })
15047
15169
  ] })),
15048
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
15170
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15049
15171
  "button",
15050
15172
  {
15051
15173
  className: "pr-2 text-sm font-bold",
@@ -15054,7 +15176,7 @@ var TagSearch = ({
15054
15176
  typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`);
15055
15177
  }
15056
15178
  },
15057
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15179
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
15058
15180
  }
15059
15181
  )
15060
15182
  ]
@@ -15071,7 +15193,7 @@ var TagSearch = ({
15071
15193
  };
15072
15194
 
15073
15195
  // src/widgets/advanced/search/search-list/index.tsx
15074
- var import_jsx_runtime56 = require("react/jsx-runtime");
15196
+ var import_jsx_runtime57 = require("react/jsx-runtime");
15075
15197
  var SearchList = ({
15076
15198
  handleAddTagSearch,
15077
15199
  handleMouseEnter,
@@ -15080,7 +15202,7 @@ var SearchList = ({
15080
15202
  searchString,
15081
15203
  hoveredIndexSearchList
15082
15204
  }) => {
15083
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
15205
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15084
15206
  "div",
15085
15207
  {
15086
15208
  className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
@@ -15089,7 +15211,7 @@ var SearchList = ({
15089
15211
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
15090
15212
  return;
15091
15213
  }
15092
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
15214
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15093
15215
  "button",
15094
15216
  {
15095
15217
  onClick: () => {
@@ -15111,12 +15233,12 @@ var SearchList = ({
15111
15233
  children: [
15112
15234
  instance.t("search"),
15113
15235
  " ",
15114
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-bold", children: searchItem?.title }),
15236
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold", children: searchItem?.title }),
15115
15237
  " ",
15116
15238
  instance.t("for"),
15117
15239
  ":",
15118
15240
  " ",
15119
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
15241
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
15120
15242
  ]
15121
15243
  },
15122
15244
  "header-" + index4 + 1
@@ -15127,7 +15249,7 @@ var SearchList = ({
15127
15249
  };
15128
15250
 
15129
15251
  // src/widgets/advanced/search/search-item/index.tsx
15130
- var import_jsx_runtime57 = require("react/jsx-runtime");
15252
+ var import_jsx_runtime58 = require("react/jsx-runtime");
15131
15253
  var Search = ({
15132
15254
  removeSearchItems,
15133
15255
  selectedTags,
@@ -15224,15 +15346,15 @@ var Search = ({
15224
15346
  }
15225
15347
  setIsReadyFormatDomain(true);
15226
15348
  }, [aid, filterBy, fieldsList]);
15227
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15349
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15228
15350
  "div",
15229
15351
  {
15230
15352
  ref: popupFilterRef,
15231
15353
  className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !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)]`,
15232
15354
  children: [
15233
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
15234
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15235
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15355
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SearchIcon, {}) }),
15356
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15357
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15236
15358
  TagSearch,
15237
15359
  {
15238
15360
  removeSearchItems,
@@ -15241,7 +15363,7 @@ var Search = ({
15241
15363
  setFilterBy
15242
15364
  }
15243
15365
  ),
15244
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15366
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15245
15367
  "input",
15246
15368
  {
15247
15369
  value: searchString,
@@ -15254,7 +15376,7 @@ var Search = ({
15254
15376
  onKeyUp: (e3) => e3.preventDefault()
15255
15377
  }
15256
15378
  ),
15257
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15379
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15258
15380
  SearchList,
15259
15381
  {
15260
15382
  handleAddTagSearch,
@@ -15263,8 +15385,8 @@ var Search = ({
15263
15385
  }
15264
15386
  )
15265
15387
  ] }),
15266
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
15267
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15388
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
15389
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
15268
15390
  "div",
15269
15391
  {
15270
15392
  className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -15273,8 +15395,8 @@ var Search = ({
15273
15395
  setShowPopupFilter((prev2) => !prev2);
15274
15396
  },
15275
15397
  children: [
15276
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15277
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15398
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15399
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15278
15400
  ChevronBottomIcon,
15279
15401
  {
15280
15402
  className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -15283,7 +15405,7 @@ var Search = ({
15283
15405
  ]
15284
15406
  }
15285
15407
  ),
15286
- showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15408
+ showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
15287
15409
  PopupFilter,
15288
15410
  {
15289
15411
  handleAddTagSearch,
@@ -15302,16 +15424,16 @@ var Search = ({
15302
15424
  };
15303
15425
 
15304
15426
  // src/widgets/basic/active-badge-field/active-badge.tsx
15305
- var import_jsx_runtime58 = require("react/jsx-runtime");
15427
+ var import_jsx_runtime59 = require("react/jsx-runtime");
15306
15428
  var ActiveBadgeField = (props) => {
15307
15429
  const {
15308
15430
  type,
15309
15431
  className
15310
15432
  } = props;
15311
- if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
15433
+ if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {});
15312
15434
  const typeStyle = type ? "text-green-500" : "text-red-500";
15313
15435
  const text = type ? i18n_default.t("active") : i18n_default.t("in_active");
15314
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
15436
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
15315
15437
  };
15316
15438
 
15317
15439
  // node_modules/react-tooltip/dist/react-tooltip.min.mjs
@@ -17118,14 +17240,14 @@ var M = import_react19.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
17118
17240
  // src/widgets/common/modal-layer.tsx
17119
17241
  var import_react20 = require("react");
17120
17242
  var import_react21 = require("@headlessui/react");
17121
- var import_jsx_runtime59 = require("react/jsx-runtime");
17243
+ var import_jsx_runtime60 = require("react/jsx-runtime");
17122
17244
  var ModalLayer = ({
17123
17245
  isOpen,
17124
17246
  onClose,
17125
17247
  title,
17126
17248
  children
17127
17249
  }) => {
17128
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
17250
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
17129
17251
  import_react21.Transition,
17130
17252
  {
17131
17253
  show: isOpen,
@@ -17136,22 +17258,22 @@ var ModalLayer = ({
17136
17258
  leaveFrom: "transform scale-100 opacity-100",
17137
17259
  leaveTo: "transform scale-95 opacity-0",
17138
17260
  as: import_react20.Fragment,
17139
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react21.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react21.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
17140
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
17141
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime59.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: [
17142
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
17261
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react21.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react21.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
17262
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
17263
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime60.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: [
17264
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
17143
17265
  "div",
17144
17266
  {
17145
17267
  className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
17146
17268
  children: [
17147
- title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
17148
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
17269
+ title && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
17270
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
17149
17271
  "button",
17150
17272
  {
17151
17273
  onClick: onClose,
17152
17274
  "aria-label": "Close",
17153
17275
  className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
17154
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, {})
17276
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CloseIcon, {})
17155
17277
  }
17156
17278
  )
17157
17279
  ]
@@ -17165,7 +17287,7 @@ var ModalLayer = ({
17165
17287
  };
17166
17288
 
17167
17289
  // src/widgets/common/modal-confirm.tsx
17168
- var import_jsx_runtime60 = require("react/jsx-runtime");
17290
+ var import_jsx_runtime61 = require("react/jsx-runtime");
17169
17291
  var ModalConfirm = ({
17170
17292
  name: name2,
17171
17293
  isShowModal,
@@ -17178,7 +17300,7 @@ var ModalConfirm = ({
17178
17300
  const renderButtonAction = (name3) => {
17179
17301
  switch (name3) {
17180
17302
  case "duplicate":
17181
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
17303
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17182
17304
  "button",
17183
17305
  {
17184
17306
  type: "button",
@@ -17186,13 +17308,13 @@ var ModalConfirm = ({
17186
17308
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
17187
17309
  disabled: isLoading,
17188
17310
  children: [
17189
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
17190
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
17311
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
17312
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
17191
17313
  ]
17192
17314
  }
17193
17315
  );
17194
17316
  case "archive":
17195
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
17317
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17196
17318
  "button",
17197
17319
  {
17198
17320
  type: "button",
@@ -17200,13 +17322,13 @@ var ModalConfirm = ({
17200
17322
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
17201
17323
  disabled: isLoading,
17202
17324
  children: [
17203
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
17204
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
17325
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
17326
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
17205
17327
  ]
17206
17328
  }
17207
17329
  );
17208
17330
  case "unarchive":
17209
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
17331
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17210
17332
  "button",
17211
17333
  {
17212
17334
  type: "button",
@@ -17214,13 +17336,13 @@ var ModalConfirm = ({
17214
17336
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
17215
17337
  disabled: isLoading,
17216
17338
  children: [
17217
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
17218
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
17339
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
17340
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
17219
17341
  ]
17220
17342
  }
17221
17343
  );
17222
17344
  case "delete":
17223
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
17345
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17224
17346
  "button",
17225
17347
  {
17226
17348
  type: "button",
@@ -17228,8 +17350,8 @@ var ModalConfirm = ({
17228
17350
  className: "button-primary flex-1 flex items-center justify-center gap-2",
17229
17351
  disabled: isLoading,
17230
17352
  children: [
17231
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
17232
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
17353
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
17354
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
17233
17355
  ]
17234
17356
  }
17235
17357
  );
@@ -17237,13 +17359,13 @@ var ModalConfirm = ({
17237
17359
  break;
17238
17360
  }
17239
17361
  };
17240
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
17241
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
17242
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "text-[18px] font-bold", children: title }),
17243
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-[16px]", children: content })
17362
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
17363
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
17364
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "text-[18px] font-bold", children: title }),
17365
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-[16px]", children: content })
17244
17366
  ] }),
17245
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
17246
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
17367
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
17368
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
17247
17369
  "button",
17248
17370
  {
17249
17371
  type: "button",
@@ -17260,7 +17382,7 @@ var ModalConfirm = ({
17260
17382
  // src/widgets/common/modal-detail.tsx
17261
17383
  var import_react22 = require("react");
17262
17384
  var import_react_dom2 = require("react-dom");
17263
- var import_jsx_runtime61 = require("react/jsx-runtime");
17385
+ var import_jsx_runtime62 = require("react/jsx-runtime");
17264
17386
  var ModalDetail = ({
17265
17387
  idToolTip,
17266
17388
  title,
@@ -17282,18 +17404,18 @@ var ModalDetail = ({
17282
17404
  window.location.href = `/form/menu?model=${model}&id=${idForm}`;
17283
17405
  };
17284
17406
  return (0, import_react_dom2.createPortal)(
17285
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
17286
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
17287
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.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: [
17288
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
17289
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17407
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
17408
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
17409
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime62.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: [
17410
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
17411
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
17290
17412
  "div",
17291
17413
  {
17292
17414
  id: "modal-detail",
17293
17415
  className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
17294
17416
  children: [
17295
17417
  i18n_default.t("detail_button"),
17296
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
17418
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
17297
17419
  "button",
17298
17420
  {
17299
17421
  onClick: handleNavigateDetail,
@@ -17304,9 +17426,9 @@ var ModalDetail = ({
17304
17426
  ]
17305
17427
  }
17306
17428
  ),
17307
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CloseIcon, { className: "h-5 w-5" }) })
17429
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseIcon, { className: "h-5 w-5" }) })
17308
17430
  ] }),
17309
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
17431
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
17310
17432
  id: idForm,
17311
17433
  aid,
17312
17434
  model,
@@ -17321,7 +17443,7 @@ var ModalDetail = ({
17321
17443
 
17322
17444
  // src/widgets/common/loading-normal.tsx
17323
17445
  var import_react23 = require("react");
17324
- var import_jsx_runtime62 = require("react/jsx-runtime");
17446
+ var import_jsx_runtime63 = require("react/jsx-runtime");
17325
17447
  var LayerLoading = () => {
17326
17448
  const [activeIndex, setActiveIndex] = (0, import_react23.useState)(0);
17327
17449
  (0, import_react23.useEffect)(() => {
@@ -17330,21 +17452,21 @@ var LayerLoading = () => {
17330
17452
  }, 200);
17331
17453
  return () => clearInterval(interval);
17332
17454
  }, []);
17333
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
17334
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
17455
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
17456
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
17335
17457
  "div",
17336
17458
  {
17337
17459
  className: `loading-item ${index4 === activeIndex ? "active" : ""}`
17338
17460
  },
17339
17461
  index4
17340
17462
  )) }),
17341
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: i18n_default.t("loading") })
17463
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]", children: i18n_default.t("loading") })
17342
17464
  ] }) }) });
17343
17465
  };
17344
17466
 
17345
17467
  // src/widgets/common/loading-small.tsx
17346
17468
  var import_react24 = require("react");
17347
- var import_jsx_runtime63 = require("react/jsx-runtime");
17469
+ var import_jsx_runtime64 = require("react/jsx-runtime");
17348
17470
  var LoadingSmall = () => {
17349
17471
  const [activeIndex, setActiveIndex] = (0, import_react24.useState)(0);
17350
17472
  (0, import_react24.useEffect)(() => {
@@ -17353,7 +17475,7 @@ var LoadingSmall = () => {
17353
17475
  }, 200);
17354
17476
  return () => clearInterval(interval);
17355
17477
  }, []);
17356
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
17478
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
17357
17479
  "div",
17358
17480
  {
17359
17481
  className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -17364,7 +17486,7 @@ var LoadingSmall = () => {
17364
17486
 
17365
17487
  // src/widgets/common/video-player.tsx
17366
17488
  var import_react25 = require("react");
17367
- var import_jsx_runtime64 = require("react/jsx-runtime");
17489
+ var import_jsx_runtime65 = require("react/jsx-runtime");
17368
17490
  var VideoPlayer = ({ src }) => {
17369
17491
  const [isPlaying, setIsPlaying] = (0, import_react25.useState)(false);
17370
17492
  const videoRef = (0, import_react25.useRef)(null);
@@ -17391,8 +17513,8 @@ var VideoPlayer = ({ src }) => {
17391
17513
  }
17392
17514
  }
17393
17515
  };
17394
- return /* @__PURE__ */ (0, import_jsx_runtime64.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: [
17395
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
17516
+ return /* @__PURE__ */ (0, import_jsx_runtime65.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: [
17517
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17396
17518
  "video",
17397
17519
  {
17398
17520
  ref: videoRef,
@@ -17404,20 +17526,20 @@ var VideoPlayer = ({ src }) => {
17404
17526
  children: "Your browser does not support the video tag."
17405
17527
  }
17406
17528
  ),
17407
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
17408
- /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PlayIcon, {}) }) })
17529
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
17530
+ /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PlayIcon, {}) }) })
17409
17531
  ] });
17410
17532
  };
17411
17533
 
17412
17534
  // src/widgets/common/render-files.tsx
17413
- var import_jsx_runtime65 = require("react/jsx-runtime");
17535
+ var import_jsx_runtime66 = require("react/jsx-runtime");
17414
17536
  var ImageItem = ({ filename, checksum, index: index4, src = null, useGetImage }) => {
17415
17537
  const { data: image } = useGetImage({
17416
17538
  data: { filename, checksum },
17417
17539
  queryKey: [`get-image-${""}`],
17418
17540
  src
17419
17541
  });
17420
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17542
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17421
17543
  "img",
17422
17544
  {
17423
17545
  src: image || src,
@@ -17438,47 +17560,47 @@ var FileItem = (props) => {
17438
17560
  useGetImage
17439
17561
  } = props;
17440
17562
  const fileTypeIcon = {
17441
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PdfIcon, {}),
17442
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ZipIcon, {}),
17443
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ZipIcon, {}),
17444
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExcelIcon, {}),
17445
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExcelIcon, {})
17563
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PdfIcon, {}),
17564
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ZipIcon, {}),
17565
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ZipIcon, {}),
17566
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExcelIcon, {}),
17567
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExcelIcon, {})
17446
17568
  };
17447
17569
  const renderFile = () => {
17448
17570
  if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
17449
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ImageItem, { ...props });
17571
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ImageItem, { ...props });
17450
17572
  } else if (mimetype?.includes("video")) {
17451
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VideoPlayer, { ...props });
17573
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(VideoPlayer, { ...props });
17452
17574
  } else {
17453
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
17575
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
17454
17576
  fileTypeIcon[mimetype],
17455
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
17456
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
17457
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
17577
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
17578
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
17579
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
17458
17580
  ] })
17459
17581
  ] });
17460
17582
  }
17461
17583
  };
17462
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
17584
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
17463
17585
  "div",
17464
17586
  {
17465
17587
  className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit group/file",
17466
17588
  children: [
17467
17589
  renderFile(),
17468
- handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17590
+ handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17469
17591
  "div",
17470
17592
  {
17471
17593
  onClick: () => handleRemoveFile(index4),
17472
17594
  className: "cursor-pointer absolute right-0 top-0 p-2 hidden group-hover/file:block bg-[rgba(0,0,0,0.2)]",
17473
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DeleteIcon, {})
17595
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DeleteIcon, {})
17474
17596
  }
17475
17597
  ),
17476
- !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17598
+ !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17477
17599
  "span",
17478
17600
  {
17479
17601
  onClick: (e3) => handleFileDownload(e3, src, filename),
17480
17602
  className: "absolute top-0 right-0 z-10 hidden group-hover/file:block cursor-pointer p-2 text-white bg-[rgba(0,0,0,0.2)]",
17481
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DownloadIcon, {})
17603
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DownloadIcon, {})
17482
17604
  }
17483
17605
  )
17484
17606
  ]
@@ -17517,8 +17639,8 @@ var RenderFiles = ({ selectedFiles, setSelectedFiles, useGetImage }) => {
17517
17639
  e3.stopPropagation();
17518
17640
  downloadFile(url, name2);
17519
17641
  };
17520
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
17521
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17642
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
17643
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17522
17644
  FileItem,
17523
17645
  {
17524
17646
  ...file,
@@ -17720,7 +17842,7 @@ var po = $2(K("zoom"));
17720
17842
  var uo = $2(K("flip"));
17721
17843
 
17722
17844
  // src/widgets/common/select-files.tsx
17723
- var import_jsx_runtime66 = require("react/jsx-runtime");
17845
+ var import_jsx_runtime67 = require("react/jsx-runtime");
17724
17846
  var ButtonSelectFiles = ({
17725
17847
  fileInputRef,
17726
17848
  selectedFiles,
@@ -17817,8 +17939,8 @@ var ButtonSelectFiles = ({
17817
17939
  await handleUploadImage({ formData });
17818
17940
  }
17819
17941
  };
17820
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
17821
- isPending ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
17942
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
17943
+ isPending ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm text-gray-500", children: i18n_default.t("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
17822
17944
  "button",
17823
17945
  {
17824
17946
  type: "button",
@@ -17826,12 +17948,12 @@ var ButtonSelectFiles = ({
17826
17948
  className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
17827
17949
  onClick: () => fileInputRef.current.click(),
17828
17950
  children: [
17829
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AttachIcon, {}),
17830
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: i18n_default.t("upload_file_placeholder") })
17951
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AttachIcon, {}),
17952
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: i18n_default.t("upload_file_placeholder") })
17831
17953
  ]
17832
17954
  }
17833
17955
  ),
17834
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17956
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17835
17957
  "input",
17836
17958
  {
17837
17959
  type: "file",
@@ -17846,7 +17968,7 @@ var ButtonSelectFiles = ({
17846
17968
  };
17847
17969
 
17848
17970
  // src/widgets/basic/avatar-field/avatar.tsx
17849
- var import_jsx_runtime67 = require("react/jsx-runtime");
17971
+ var import_jsx_runtime68 = require("react/jsx-runtime");
17850
17972
  var AvatarField = (props) => {
17851
17973
  const {
17852
17974
  isForm = false,
@@ -17870,8 +17992,8 @@ var AvatarField = (props) => {
17870
17992
  color: textColor,
17871
17993
  fontSize: `${size4 / 2.5}px`
17872
17994
  };
17873
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
17874
- isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17995
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
17996
+ isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17875
17997
  ModalDetail,
17876
17998
  {
17877
17999
  idToolTip: `avatar-widget-id-${id}`,
@@ -17882,7 +18004,7 @@ var AvatarField = (props) => {
17882
18004
  place: "top-start"
17883
18005
  }
17884
18006
  ),
17885
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
18007
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17886
18008
  M,
17887
18009
  {
17888
18010
  id: `avatar-widget-id-${id}`,
@@ -17891,7 +18013,7 @@ var AvatarField = (props) => {
17891
18013
  className: "z-20"
17892
18014
  }
17893
18015
  ),
17894
- avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
18016
+ avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17895
18017
  "img",
17896
18018
  {
17897
18019
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17899,7 +18021,7 @@ var AvatarField = (props) => {
17899
18021
  className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
17900
18022
  alt: "Avatar"
17901
18023
  }
17902
- ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
18024
+ ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17903
18025
  "div",
17904
18026
  {
17905
18027
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17912,7 +18034,7 @@ var AvatarField = (props) => {
17912
18034
  };
17913
18035
 
17914
18036
  // src/widgets/basic/binary-field/binary.tsx
17915
- var import_jsx_runtime68 = require("react/jsx-runtime");
18037
+ var import_jsx_runtime69 = require("react/jsx-runtime");
17916
18038
  var BinaryField = (props) => {
17917
18039
  const {
17918
18040
  name: name2,
@@ -17932,51 +18054,51 @@ var BinaryField = (props) => {
17932
18054
  checkIsImageLink: checkIsImageLink2,
17933
18055
  getImageBase64WithMimeType
17934
18056
  } = props;
17935
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18057
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17936
18058
  Controller,
17937
18059
  {
17938
18060
  name: name2 ?? "",
17939
18061
  control: methods.control,
17940
18062
  render: ({ field }) => {
17941
18063
  const renderImage = initialImage || selectedImage;
17942
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18064
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17943
18065
  "div",
17944
18066
  {
17945
18067
  ref: binaryRef,
17946
18068
  className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
17947
- children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative group", children: [
17948
- renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18069
+ children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative group", children: [
18070
+ renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17949
18071
  "img",
17950
18072
  {
17951
18073
  src: renderImage,
17952
18074
  alt: "Selected",
17953
18075
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17954
18076
  }
17955
- ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18077
+ ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17956
18078
  "img",
17957
18079
  {
17958
18080
  src: getImageBase64WithMimeType(renderImage) ?? void 0,
17959
18081
  alt: "Selected",
17960
18082
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17961
18083
  }
17962
- ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlaceHolderIcon, {}),
17963
- !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18084
+ ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlaceHolderIcon, {}),
18085
+ !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17964
18086
  "button",
17965
18087
  {
17966
18088
  type: "button",
17967
18089
  onClick: () => handleRemoveImage(field.onChange),
17968
18090
  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",
17969
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DeleteIcon, {})
18091
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
17970
18092
  }
17971
18093
  )
17972
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
18094
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
17973
18095
  "label",
17974
18096
  {
17975
18097
  htmlFor: inputId,
17976
18098
  className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
17977
18099
  children: [
17978
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AddIcon, {}) }),
17979
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
18100
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AddIcon, {}) }),
18101
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17980
18102
  "input",
17981
18103
  {
17982
18104
  id: inputId,
@@ -17999,7 +18121,7 @@ var BinaryField = (props) => {
17999
18121
  };
18000
18122
 
18001
18123
  // src/widgets/basic/button-badge-field/button-badge.tsx
18002
- var import_jsx_runtime69 = require("react/jsx-runtime");
18124
+ var import_jsx_runtime70 = require("react/jsx-runtime");
18003
18125
  var ButtonBadgeField = (props) => {
18004
18126
  const { defaultValue, selection, value, formValues, domainHelper } = props;
18005
18127
  const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
@@ -18031,11 +18153,11 @@ var ButtonBadgeField = (props) => {
18031
18153
  return item ? item[1] : "";
18032
18154
  };
18033
18155
  const label = getLabel(defaultValue ?? value);
18034
- return label ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
18156
+ return label ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
18035
18157
  };
18036
18158
 
18037
18159
  // src/widgets/basic/button-field/button.tsx
18038
- var import_jsx_runtime70 = require("react/jsx-runtime");
18160
+ var import_jsx_runtime71 = require("react/jsx-runtime");
18039
18161
  var ButtonField = (props) => {
18040
18162
  const {
18041
18163
  func,
@@ -18045,7 +18167,7 @@ var ButtonField = (props) => {
18045
18167
  disable,
18046
18168
  type = "submit"
18047
18169
  } = props;
18048
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
18170
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
18049
18171
  "button",
18050
18172
  {
18051
18173
  type,
@@ -18054,7 +18176,7 @@ var ButtonField = (props) => {
18054
18176
  onClick: func,
18055
18177
  children: i18n_default.t(content)
18056
18178
  }
18057
- ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
18179
+ ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
18058
18180
  "button",
18059
18181
  {
18060
18182
  type,
@@ -18063,7 +18185,7 @@ var ButtonField = (props) => {
18063
18185
  children: [
18064
18186
  i18n_default.t("loading"),
18065
18187
  " ",
18066
- /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LoadingIcon, {})
18188
+ /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(LoadingIcon, {})
18067
18189
  ]
18068
18190
  }
18069
18191
  ) });
@@ -18071,7 +18193,7 @@ var ButtonField = (props) => {
18071
18193
 
18072
18194
  // src/widgets/basic/char-field/char.tsx
18073
18195
  var import_react37 = require("react");
18074
- var import_jsx_runtime71 = require("react/jsx-runtime");
18196
+ var import_jsx_runtime72 = require("react/jsx-runtime");
18075
18197
  var CharField = (props) => {
18076
18198
  const {
18077
18199
  name: name2,
@@ -18095,11 +18217,11 @@ var CharField = (props) => {
18095
18217
  value,
18096
18218
  defaultValue
18097
18219
  } = props;
18098
- if (!isForm) {
18220
+ if (!isForm && !isEditTable) {
18099
18221
  const propValue = value || defaultValue;
18100
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18222
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18101
18223
  }
18102
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
18224
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18103
18225
  Controller,
18104
18226
  {
18105
18227
  name: name2 ?? "",
@@ -18134,9 +18256,9 @@ var CharField = (props) => {
18134
18256
  }, [value2, clearErrors, name2]);
18135
18257
  const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
18136
18258
  const displayValue = (widget === "access_token" || widget === "refresh_token") && typeof realValue === "string" && !isDirty ? "*".repeat(realValue?.length) : widget === "private_secret_key" && formValues?.id && typeof formValues?.id === "number" && !isDirty && typeof realValue === "string" ? `${realValue?.slice(0, 4)}${realValue?.length > 4 ? "*".repeat(realValue?.length - 4) : ""}` : typeof realValue === "string" || typeof realValue === "number" ? String(realValue) : "";
18137
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
18138
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
18139
- "textarea",
18259
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
18260
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18261
+ "input",
18140
18262
  {
18141
18263
  value: displayValue,
18142
18264
  onChange: (e3) => {
@@ -18194,7 +18316,7 @@ var CharField = (props) => {
18194
18316
  `
18195
18317
  }
18196
18318
  ),
18197
- isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
18319
+ isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
18198
18320
  ] });
18199
18321
  }
18200
18322
  }
@@ -18202,7 +18324,7 @@ var CharField = (props) => {
18202
18324
  };
18203
18325
 
18204
18326
  // src/widgets/basic/checkbox-field/checkbox.tsx
18205
- var import_jsx_runtime72 = require("react/jsx-runtime");
18327
+ var import_jsx_runtime73 = require("react/jsx-runtime");
18206
18328
  var CheckboxField = (props) => {
18207
18329
  const {
18208
18330
  name: name2,
@@ -18217,9 +18339,9 @@ var CheckboxField = (props) => {
18217
18339
  } = props;
18218
18340
  if (!isForm) {
18219
18341
  if (name2 === "is_active" || name2 === "active") {
18220
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ActiveBadgeField, { type: value });
18342
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ActiveBadgeField, { type: value });
18221
18343
  } else {
18222
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18344
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18223
18345
  "input",
18224
18346
  {
18225
18347
  type: "checkbox",
@@ -18230,12 +18352,12 @@ var CheckboxField = (props) => {
18230
18352
  );
18231
18353
  }
18232
18354
  }
18233
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18355
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18234
18356
  Controller,
18235
18357
  {
18236
18358
  name: name2 ?? "",
18237
18359
  control: methods?.control,
18238
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18360
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18239
18361
  "div",
18240
18362
  {
18241
18363
  className: "flex items-center gap-2",
@@ -18248,7 +18370,7 @@ var CheckboxField = (props) => {
18248
18370
  onChange2(name2 ?? "", checked);
18249
18371
  }
18250
18372
  },
18251
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18373
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18252
18374
  "input",
18253
18375
  {
18254
18376
  ...field,
@@ -18276,7 +18398,7 @@ var CheckboxField = (props) => {
18276
18398
 
18277
18399
  // src/widgets/basic/color-field/color-wrapper.tsx
18278
18400
  var import_react38 = require("react");
18279
- var import_jsx_runtime73 = require("react/jsx-runtime");
18401
+ var import_jsx_runtime74 = require("react/jsx-runtime");
18280
18402
  var ColorWrapper = (props) => {
18281
18403
  const {
18282
18404
  colors: colors2,
@@ -18303,8 +18425,8 @@ var ColorWrapper = (props) => {
18303
18425
  document.removeEventListener("mousedown", handleClickOutside);
18304
18426
  };
18305
18427
  }, []);
18306
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
18307
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18428
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
18429
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18308
18430
  "button",
18309
18431
  {
18310
18432
  "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -18318,7 +18440,7 @@ var ColorWrapper = (props) => {
18318
18440
  }
18319
18441
  }
18320
18442
  ),
18321
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18443
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18322
18444
  M,
18323
18445
  {
18324
18446
  className: "",
@@ -18327,8 +18449,8 @@ var ColorWrapper = (props) => {
18327
18449
  content: i18n_default.t(color?.name)
18328
18450
  }
18329
18451
  )
18330
- ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
18331
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18452
+ ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
18453
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18332
18454
  "button",
18333
18455
  {
18334
18456
  "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -18341,7 +18463,7 @@ var ColorWrapper = (props) => {
18341
18463
  style: { backgroundColor: selectedColor?.color }
18342
18464
  }
18343
18465
  ),
18344
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18466
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18345
18467
  M,
18346
18468
  {
18347
18469
  place: "top",
@@ -18353,13 +18475,13 @@ var ColorWrapper = (props) => {
18353
18475
  };
18354
18476
 
18355
18477
  // src/widgets/basic/color-field/color.tsx
18356
- var import_jsx_runtime74 = require("react/jsx-runtime");
18478
+ var import_jsx_runtime75 = require("react/jsx-runtime");
18357
18479
  var ColorField = (props) => {
18358
18480
  const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
18359
18481
  if (!isForm) {
18360
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
18482
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
18361
18483
  }
18362
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18484
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18363
18485
  Controller,
18364
18486
  {
18365
18487
  name: name2 ?? "",
@@ -18369,7 +18491,7 @@ var ColorField = (props) => {
18369
18491
  field.onChange(color?.id);
18370
18492
  onChange2 && onChange2(name2 ?? "", color?.id);
18371
18493
  };
18372
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18494
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18373
18495
  ColorWrapper,
18374
18496
  {
18375
18497
  savePickColor: handlePickColorChange,
@@ -18384,7 +18506,7 @@ var ColorField = (props) => {
18384
18506
 
18385
18507
  // src/widgets/basic/copy-link-buttton/copy-link.tsx
18386
18508
  var import_react39 = require("react");
18387
- var import_jsx_runtime75 = require("react/jsx-runtime");
18509
+ var import_jsx_runtime76 = require("react/jsx-runtime");
18388
18510
  var CopyLinkButtonField = (props) => {
18389
18511
  const {
18390
18512
  isForm,
@@ -18402,9 +18524,9 @@ var CopyLinkButtonField = (props) => {
18402
18524
  propValue
18403
18525
  } = props;
18404
18526
  if (!isForm) {
18405
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18527
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18406
18528
  }
18407
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18529
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18408
18530
  Controller,
18409
18531
  {
18410
18532
  name: name2 ?? "",
@@ -18422,9 +18544,9 @@ var CopyLinkButtonField = (props) => {
18422
18544
  clearErrors(name2);
18423
18545
  }
18424
18546
  }, [value]);
18425
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
18426
- /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex relative field", children: [
18427
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18547
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "relative", children: [
18548
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex relative field", children: [
18549
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18428
18550
  "input",
18429
18551
  {
18430
18552
  value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -18465,17 +18587,17 @@ var CopyLinkButtonField = (props) => {
18465
18587
  `
18466
18588
  }
18467
18589
  ),
18468
- readonly && value && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18590
+ readonly && value && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18469
18591
  "button",
18470
18592
  {
18471
18593
  className: "cursor-pointer",
18472
18594
  type: "button",
18473
18595
  onClick: () => handleCopyToClipboard(propValue),
18474
- children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CopyIcon, {})
18596
+ children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CopyIcon, {})
18475
18597
  }
18476
18598
  )
18477
18599
  ] }),
18478
- error2 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
18600
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
18479
18601
  ] });
18480
18602
  }
18481
18603
  }
@@ -22416,7 +22538,7 @@ function useEffectEvent(callback) {
22416
22538
  }
22417
22539
 
22418
22540
  // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
22419
- var import_jsx_runtime76 = require("react/jsx-runtime");
22541
+ var import_jsx_runtime77 = require("react/jsx-runtime");
22420
22542
  var ReactDOM2 = __toESM(require("react-dom"), 1);
22421
22543
 
22422
22544
  // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -22814,7 +22936,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22814
22936
  bottom: isCustomShape ? "" : "rotate(180deg)",
22815
22937
  right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
22816
22938
  }[side];
22817
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("svg", {
22939
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", {
22818
22940
  ...rest,
22819
22941
  "aria-hidden": true,
22820
22942
  ref,
@@ -22830,18 +22952,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22830
22952
  transform: [rotation, transform].filter((t3) => !!t3).join(" "),
22831
22953
  ...restStyle
22832
22954
  },
22833
- children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", {
22955
+ children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", {
22834
22956
  clipPath: "url(#" + clipPathId + ")",
22835
22957
  fill: "none",
22836
22958
  stroke,
22837
22959
  strokeWidth: computedStrokeWidth + (d ? 0 : 1),
22838
22960
  d: dValue
22839
- }), /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", {
22961
+ }), /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", {
22840
22962
  stroke: computedStrokeWidth && !d ? rest.fill : "none",
22841
22963
  d: dValue
22842
- }), /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", {
22964
+ }), /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", {
22843
22965
  id: clipPathId,
22844
- children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", {
22966
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", {
22845
22967
  x: -halfStrokeWidth,
22846
22968
  y: halfStrokeWidth * (isCustomShape ? -1 : 1),
22847
22969
  width: width + computedStrokeWidth,
@@ -28774,7 +28896,7 @@ var Emotion$1 = Emotion;
28774
28896
  var React12 = __toESM(require("react"));
28775
28897
  var import_extends2 = __toESM(require_extends());
28776
28898
  var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
28777
- var jsx77 = function jsx78(type, props) {
28899
+ var jsx78 = function jsx79(type, props) {
28778
28900
  var args = arguments;
28779
28901
  if (props == null || !hasOwn.call(props, "css")) {
28780
28902
  return React12.createElement.apply(void 0, args);
@@ -28792,7 +28914,7 @@ var jsx77 = function jsx78(type, props) {
28792
28914
  var JSX;
28793
28915
  /* @__PURE__ */ (function(_JSX) {
28794
28916
  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
28795
- })(jsx77 || (jsx77 = {}));
28917
+ })(jsx78 || (jsx78 = {}));
28796
28918
  function css() {
28797
28919
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
28798
28920
  args[_key] = arguments[_key];
@@ -29200,7 +29322,7 @@ var MenuPlacer = function MenuPlacer2(props) {
29200
29322
  };
29201
29323
  var Menu = function Menu2(props) {
29202
29324
  var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
29203
- return jsx77("div", _extends({}, getStyleProps(props, "menu", {
29325
+ return jsx78("div", _extends({}, getStyleProps(props, "menu", {
29204
29326
  menu: true
29205
29327
  }), {
29206
29328
  ref: innerRef
@@ -29222,7 +29344,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
29222
29344
  };
29223
29345
  var MenuList = function MenuList2(props) {
29224
29346
  var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
29225
- return jsx77("div", _extends({}, getStyleProps(props, "menuList", {
29347
+ return jsx78("div", _extends({}, getStyleProps(props, "menuList", {
29226
29348
  "menu-list": true,
29227
29349
  "menu-list--is-multi": isMulti
29228
29350
  }), {
@@ -29242,7 +29364,7 @@ var noOptionsMessageCSS = noticeCSS;
29242
29364
  var loadingMessageCSS = noticeCSS;
29243
29365
  var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
29244
29366
  var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
29245
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29367
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29246
29368
  children,
29247
29369
  innerProps
29248
29370
  }), "noOptionsMessage", {
@@ -29252,7 +29374,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
29252
29374
  };
29253
29375
  var LoadingMessage = function LoadingMessage2(_ref7) {
29254
29376
  var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
29255
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29377
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29256
29378
  children,
29257
29379
  innerProps
29258
29380
  }), "loadingMessage", {
@@ -29315,7 +29437,7 @@ var MenuPortal = function MenuPortal2(props) {
29315
29437
  runAutoUpdate();
29316
29438
  }, [runAutoUpdate]);
29317
29439
  if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
29318
- var menuWrapper = jsx77("div", _extends({
29440
+ var menuWrapper = jsx78("div", _extends({
29319
29441
  ref: setMenuPortalElement
29320
29442
  }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
29321
29443
  offset: computedPosition.offset,
@@ -29324,7 +29446,7 @@ var MenuPortal = function MenuPortal2(props) {
29324
29446
  }), "menuPortal", {
29325
29447
  "menu-portal": true
29326
29448
  }), innerProps), children);
29327
- return jsx77(PortalPlacementContext.Provider, {
29449
+ return jsx78(PortalPlacementContext.Provider, {
29328
29450
  value: portalPlacementContext
29329
29451
  }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
29330
29452
  };
@@ -29340,7 +29462,7 @@ var containerCSS = function containerCSS2(_ref3) {
29340
29462
  };
29341
29463
  var SelectContainer = function SelectContainer2(props) {
29342
29464
  var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
29343
- return jsx77("div", _extends({}, getStyleProps(props, "container", {
29465
+ return jsx78("div", _extends({}, getStyleProps(props, "container", {
29344
29466
  "--is-disabled": isDisabled,
29345
29467
  "--is-rtl": isRtl
29346
29468
  }), innerProps), children);
@@ -29361,7 +29483,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
29361
29483
  };
29362
29484
  var ValueContainer = function ValueContainer2(props) {
29363
29485
  var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
29364
- return jsx77("div", _extends({}, getStyleProps(props, "valueContainer", {
29486
+ return jsx78("div", _extends({}, getStyleProps(props, "valueContainer", {
29365
29487
  "value-container": true,
29366
29488
  "value-container--is-multi": isMulti,
29367
29489
  "value-container--has-value": hasValue
@@ -29377,7 +29499,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
29377
29499
  };
29378
29500
  var IndicatorsContainer = function IndicatorsContainer2(props) {
29379
29501
  var children = props.children, innerProps = props.innerProps;
29380
- return jsx77("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
29502
+ return jsx78("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
29381
29503
  indicators: true
29382
29504
  }), innerProps), children);
29383
29505
  };
@@ -29398,7 +29520,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
29398
29520
  };
29399
29521
  var Svg = function Svg2(_ref3) {
29400
29522
  var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
29401
- return jsx77("svg", _extends({
29523
+ return jsx78("svg", _extends({
29402
29524
  height: size4,
29403
29525
  width: size4,
29404
29526
  viewBox: "0 0 20 20",
@@ -29408,16 +29530,16 @@ var Svg = function Svg2(_ref3) {
29408
29530
  }, props));
29409
29531
  };
29410
29532
  var CrossIcon = function CrossIcon2(props) {
29411
- return jsx77(Svg, _extends({
29533
+ return jsx78(Svg, _extends({
29412
29534
  size: 20
29413
- }, props), jsx77("path", {
29535
+ }, props), jsx78("path", {
29414
29536
  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"
29415
29537
  }));
29416
29538
  };
29417
29539
  var DownChevron = function DownChevron2(props) {
29418
- return jsx77(Svg, _extends({
29540
+ return jsx78(Svg, _extends({
29419
29541
  size: 20
29420
- }, props), jsx77("path", {
29542
+ }, props), jsx78("path", {
29421
29543
  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"
29422
29544
  }));
29423
29545
  };
@@ -29438,18 +29560,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
29438
29560
  var dropdownIndicatorCSS = baseCSS;
29439
29561
  var DropdownIndicator = function DropdownIndicator2(props) {
29440
29562
  var children = props.children, innerProps = props.innerProps;
29441
- return jsx77("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
29563
+ return jsx78("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
29442
29564
  indicator: true,
29443
29565
  "dropdown-indicator": true
29444
- }), innerProps), children || jsx77(DownChevron, null));
29566
+ }), innerProps), children || jsx78(DownChevron, null));
29445
29567
  };
29446
29568
  var clearIndicatorCSS = baseCSS;
29447
29569
  var ClearIndicator = function ClearIndicator2(props) {
29448
29570
  var children = props.children, innerProps = props.innerProps;
29449
- return jsx77("div", _extends({}, getStyleProps(props, "clearIndicator", {
29571
+ return jsx78("div", _extends({}, getStyleProps(props, "clearIndicator", {
29450
29572
  indicator: true,
29451
29573
  "clear-indicator": true
29452
- }), innerProps), children || jsx77(CrossIcon, null));
29574
+ }), innerProps), children || jsx78(CrossIcon, null));
29453
29575
  };
29454
29576
  var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
29455
29577
  var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -29465,7 +29587,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
29465
29587
  };
29466
29588
  var IndicatorSeparator = function IndicatorSeparator2(props) {
29467
29589
  var innerProps = props.innerProps;
29468
- return jsx77("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
29590
+ return jsx78("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
29469
29591
  "indicator-separator": true
29470
29592
  })));
29471
29593
  };
@@ -29489,7 +29611,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
29489
29611
  };
29490
29612
  var LoadingDot = function LoadingDot2(_ref6) {
29491
29613
  var delay = _ref6.delay, offset4 = _ref6.offset;
29492
- return jsx77("span", {
29614
+ return jsx78("span", {
29493
29615
  css: /* @__PURE__ */ css({
29494
29616
  animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
29495
29617
  backgroundColor: "currentColor",
@@ -29504,20 +29626,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
29504
29626
  };
29505
29627
  var LoadingIndicator = function LoadingIndicator2(_ref7) {
29506
29628
  var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
29507
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29629
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29508
29630
  innerProps,
29509
29631
  isRtl,
29510
29632
  size: size4
29511
29633
  }), "loadingIndicator", {
29512
29634
  indicator: true,
29513
29635
  "loading-indicator": true
29514
- }), innerProps), jsx77(LoadingDot, {
29636
+ }), innerProps), jsx78(LoadingDot, {
29515
29637
  delay: 0,
29516
29638
  offset: isRtl
29517
- }), jsx77(LoadingDot, {
29639
+ }), jsx78(LoadingDot, {
29518
29640
  delay: 160,
29519
29641
  offset: true
29520
- }), jsx77(LoadingDot, {
29642
+ }), jsx78(LoadingDot, {
29521
29643
  delay: 320,
29522
29644
  offset: !isRtl
29523
29645
  }));
@@ -29549,7 +29671,7 @@ var css$1 = function css2(_ref3, unstyled) {
29549
29671
  };
29550
29672
  var Control = function Control2(props) {
29551
29673
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
29552
- return jsx77("div", _extends({
29674
+ return jsx78("div", _extends({
29553
29675
  ref: innerRef
29554
29676
  }, getStyleProps(props, "control", {
29555
29677
  control: true,
@@ -29571,15 +29693,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
29571
29693
  };
29572
29694
  var Group = function Group2(props) {
29573
29695
  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;
29574
- return jsx77("div", _extends({}, getStyleProps(props, "group", {
29696
+ return jsx78("div", _extends({}, getStyleProps(props, "group", {
29575
29697
  group: true
29576
- }), innerProps), jsx77(Heading, _extends({}, headingProps, {
29698
+ }), innerProps), jsx78(Heading, _extends({}, headingProps, {
29577
29699
  selectProps,
29578
29700
  theme,
29579
29701
  getStyles,
29580
29702
  getClassNames,
29581
29703
  cx
29582
- }), label), jsx77("div", null, children));
29704
+ }), label), jsx78("div", null, children));
29583
29705
  };
29584
29706
  var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
29585
29707
  var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -29601,7 +29723,7 @@ var GroupHeading = function GroupHeading2(props) {
29601
29723
  var _cleanCommonProps = cleanCommonProps(props);
29602
29724
  _cleanCommonProps.data;
29603
29725
  var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
29604
- return jsx77("div", _extends({}, getStyleProps(props, "groupHeading", {
29726
+ return jsx78("div", _extends({}, getStyleProps(props, "groupHeading", {
29605
29727
  "group-heading": true
29606
29728
  }), innerProps));
29607
29729
  };
@@ -29653,11 +29775,11 @@ var inputStyle = function inputStyle2(isHidden) {
29653
29775
  var Input = function Input2(props) {
29654
29776
  var cx = props.cx, value = props.value;
29655
29777
  var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
29656
- return jsx77("div", _extends({}, getStyleProps(props, "input", {
29778
+ return jsx78("div", _extends({}, getStyleProps(props, "input", {
29657
29779
  "input-container": true
29658
29780
  }), {
29659
29781
  "data-value": value || ""
29660
- }), jsx77("input", _extends({
29782
+ }), jsx78("input", _extends({
29661
29783
  className: cx({
29662
29784
  input: true
29663
29785
  }, inputClassName),
@@ -29711,35 +29833,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
29711
29833
  };
29712
29834
  var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
29713
29835
  var children = _ref4.children, innerProps = _ref4.innerProps;
29714
- return jsx77("div", innerProps, children);
29836
+ return jsx78("div", innerProps, children);
29715
29837
  };
29716
29838
  var MultiValueContainer = MultiValueGeneric;
29717
29839
  var MultiValueLabel = MultiValueGeneric;
29718
29840
  function MultiValueRemove(_ref5) {
29719
29841
  var children = _ref5.children, innerProps = _ref5.innerProps;
29720
- return jsx77("div", _extends({
29842
+ return jsx78("div", _extends({
29721
29843
  role: "button"
29722
- }, innerProps), children || jsx77(CrossIcon, {
29844
+ }, innerProps), children || jsx78(CrossIcon, {
29723
29845
  size: 14
29724
29846
  }));
29725
29847
  }
29726
29848
  var MultiValue = function MultiValue2(props) {
29727
29849
  var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
29728
29850
  var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
29729
- return jsx77(Container, {
29851
+ return jsx78(Container, {
29730
29852
  data,
29731
29853
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
29732
29854
  "multi-value": true,
29733
29855
  "multi-value--is-disabled": isDisabled
29734
29856
  })), innerProps),
29735
29857
  selectProps
29736
- }, jsx77(Label, {
29858
+ }, jsx78(Label, {
29737
29859
  data,
29738
29860
  innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
29739
29861
  "multi-value__label": true
29740
29862
  })),
29741
29863
  selectProps
29742
- }, children), jsx77(Remove, {
29864
+ }, children), jsx78(Remove, {
29743
29865
  data,
29744
29866
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
29745
29867
  "multi-value__remove": true
@@ -29772,7 +29894,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
29772
29894
  };
29773
29895
  var Option = function Option2(props) {
29774
29896
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
29775
- return jsx77("div", _extends({}, getStyleProps(props, "option", {
29897
+ return jsx78("div", _extends({}, getStyleProps(props, "option", {
29776
29898
  option: true,
29777
29899
  "option--is-disabled": isDisabled,
29778
29900
  "option--is-focused": isFocused,
@@ -29796,7 +29918,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
29796
29918
  };
29797
29919
  var Placeholder = function Placeholder2(props) {
29798
29920
  var children = props.children, innerProps = props.innerProps;
29799
- return jsx77("div", _extends({}, getStyleProps(props, "placeholder", {
29921
+ return jsx78("div", _extends({}, getStyleProps(props, "placeholder", {
29800
29922
  placeholder: true
29801
29923
  }), innerProps), children);
29802
29924
  };
@@ -29818,7 +29940,7 @@ var css3 = function css4(_ref3, unstyled) {
29818
29940
  };
29819
29941
  var SingleValue = function SingleValue2(props) {
29820
29942
  var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
29821
- return jsx77("div", _extends({}, getStyleProps(props, "singleValue", {
29943
+ return jsx78("div", _extends({}, getStyleProps(props, "singleValue", {
29822
29944
  "single-value": true,
29823
29945
  "single-value--is-disabled": isDisabled
29824
29946
  }), innerProps), children);
@@ -29920,7 +30042,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
29920
30042
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
29921
30043
  };
29922
30044
  var A11yText = function A11yText2(props) {
29923
- return jsx77("span", _extends({
30045
+ return jsx78("span", _extends({
29924
30046
  css: _ref
29925
30047
  }, props));
29926
30048
  };
@@ -30055,18 +30177,18 @@ var LiveRegion = function LiveRegion2(props) {
30055
30177
  }
30056
30178
  return guidanceMsg;
30057
30179
  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
30058
- var ScreenReaderText = jsx77(import_react49.Fragment, null, jsx77("span", {
30180
+ var ScreenReaderText = jsx78(import_react49.Fragment, null, jsx78("span", {
30059
30181
  id: "aria-selection"
30060
- }, ariaSelected), jsx77("span", {
30182
+ }, ariaSelected), jsx78("span", {
30061
30183
  id: "aria-focused"
30062
- }, ariaFocused), jsx77("span", {
30184
+ }, ariaFocused), jsx78("span", {
30063
30185
  id: "aria-results"
30064
- }, ariaResults), jsx77("span", {
30186
+ }, ariaResults), jsx78("span", {
30065
30187
  id: "aria-guidance"
30066
30188
  }, ariaGuidance));
30067
- return jsx77(import_react49.Fragment, null, jsx77(A11yText$1, {
30189
+ return jsx78(import_react49.Fragment, null, jsx78(A11yText$1, {
30068
30190
  id
30069
- }, isInitialFocus && ScreenReaderText), jsx77(A11yText$1, {
30191
+ }, isInitialFocus && ScreenReaderText), jsx78(A11yText$1, {
30070
30192
  "aria-live": ariaLive,
30071
30193
  "aria-atomic": "false",
30072
30194
  "aria-relevant": "additions text",
@@ -30379,7 +30501,7 @@ var _excluded4 = ["innerRef"];
30379
30501
  function DummyInput(_ref3) {
30380
30502
  var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
30381
30503
  var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
30382
- return jsx77("input", _extends({
30504
+ return jsx78("input", _extends({
30383
30505
  ref: innerRef
30384
30506
  }, filteredProps, {
30385
30507
  css: /* @__PURE__ */ css({
@@ -30621,7 +30743,7 @@ function ScrollManager(_ref3) {
30621
30743
  setScrollCaptureTarget(element);
30622
30744
  setScrollLockTarget(element);
30623
30745
  };
30624
- return jsx77(import_react49.Fragment, null, lockEnabled && jsx77("div", {
30746
+ return jsx78(import_react49.Fragment, null, lockEnabled && jsx78("div", {
30625
30747
  onClick: blurSelectInput,
30626
30748
  css: _ref2$1
30627
30749
  }), children(targetRef));
@@ -30640,7 +30762,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
30640
30762
  };
30641
30763
  var RequiredInput = function RequiredInput2(_ref3) {
30642
30764
  var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
30643
- return jsx77("input", {
30765
+ return jsx78("input", {
30644
30766
  required: true,
30645
30767
  name: name2,
30646
30768
  tabIndex: -1,
@@ -32230,7 +32352,7 @@ var StateManagedSelect$1 = StateManagedSelect;
32230
32352
 
32231
32353
  // src/widgets/basic/date-field/date.tsx
32232
32354
  var import_moment2 = __toESM(require_moment());
32233
- var import_jsx_runtime77 = require("react/jsx-runtime");
32355
+ var import_jsx_runtime78 = require("react/jsx-runtime");
32234
32356
  var DateField = (props) => {
32235
32357
  const {
32236
32358
  name: name2,
@@ -32257,8 +32379,8 @@ var DateField = (props) => {
32257
32379
  context
32258
32380
  } = props;
32259
32381
  const InputDateCustom = (0, import_react52.forwardRef)(
32260
- ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: `flex ${className}`, children: [
32261
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32382
+ ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: `flex ${className}`, children: [
32383
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32262
32384
  "input",
32263
32385
  {
32264
32386
  className: "bg-transparent w-full focus-visible:outline-none",
@@ -32272,13 +32394,13 @@ var DateField = (props) => {
32272
32394
  value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
32273
32395
  }
32274
32396
  ),
32275
- isForm2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CalandarIcon, {})
32397
+ isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalandarIcon, {})
32276
32398
  ] })
32277
32399
  );
32278
32400
  if (!isForm && !isEditTable) {
32279
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
32401
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
32280
32402
  } else {
32281
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32403
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32282
32404
  Controller,
32283
32405
  {
32284
32406
  name: name2 || "",
@@ -32300,8 +32422,8 @@ var DateField = (props) => {
32300
32422
  }
32301
32423
  }, [value, clearErrors, name2]);
32302
32424
  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;
32303
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
32304
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32425
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
32426
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32305
32427
  DatePicker,
32306
32428
  {
32307
32429
  selected: selectedDate,
@@ -32349,7 +32471,7 @@ var DateField = (props) => {
32349
32471
  minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
32350
32472
  maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
32351
32473
  showTimeInput: showTime,
32352
- customInput: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32474
+ customInput: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32353
32475
  InputDateCustom,
32354
32476
  {
32355
32477
  isForm,
@@ -32367,7 +32489,7 @@ var DateField = (props) => {
32367
32489
  increaseMonth,
32368
32490
  prevMonthButtonDisabled,
32369
32491
  nextMonthButtonDisabled
32370
- }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
32492
+ }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
32371
32493
  "div",
32372
32494
  {
32373
32495
  style: {
@@ -32376,7 +32498,7 @@ var DateField = (props) => {
32376
32498
  justifyContent: "center"
32377
32499
  },
32378
32500
  children: [
32379
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32501
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32380
32502
  "button",
32381
32503
  {
32382
32504
  onClick: decreaseMonth,
@@ -32384,7 +32506,7 @@ var DateField = (props) => {
32384
32506
  children: "<"
32385
32507
  }
32386
32508
  ),
32387
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32509
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32388
32510
  StateManagedSelect$1,
32389
32511
  {
32390
32512
  classNames: {
@@ -32410,7 +32532,7 @@ var DateField = (props) => {
32410
32532
  autoFocus: true
32411
32533
  }
32412
32534
  ),
32413
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32535
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32414
32536
  StateManagedSelect$1,
32415
32537
  {
32416
32538
  classNames: {
@@ -32438,7 +32560,7 @@ var DateField = (props) => {
32438
32560
  }))
32439
32561
  }
32440
32562
  ),
32441
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32563
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32442
32564
  "button",
32443
32565
  {
32444
32566
  onClick: increaseMonth,
@@ -32451,7 +32573,7 @@ var DateField = (props) => {
32451
32573
  )
32452
32574
  }
32453
32575
  ),
32454
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32576
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32455
32577
  ] });
32456
32578
  }
32457
32579
  }
@@ -32460,25 +32582,25 @@ var DateField = (props) => {
32460
32582
  };
32461
32583
 
32462
32584
  // src/widgets/basic/download-binary-field/download-binary.tsx
32463
- var import_jsx_runtime78 = require("react/jsx-runtime");
32585
+ var import_jsx_runtime79 = require("react/jsx-runtime");
32464
32586
  var DownLoadBinaryField = (props) => {
32465
32587
  const { handleFileDownload } = props;
32466
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
32588
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
32467
32589
  "button",
32468
32590
  {
32469
32591
  type: "button",
32470
32592
  onClick: handleFileDownload,
32471
32593
  className: "flex items-center gap-1 text-blue-700",
32472
32594
  children: [
32473
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DownloadIcon, {}),
32474
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
32595
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DownloadIcon, {}),
32596
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
32475
32597
  ]
32476
32598
  }
32477
32599
  );
32478
32600
  };
32479
32601
 
32480
32602
  // src/widgets/basic/download-file-field/download-file.tsx
32481
- var import_jsx_runtime79 = require("react/jsx-runtime");
32603
+ var import_jsx_runtime80 = require("react/jsx-runtime");
32482
32604
  var DownloadFileField = (props) => {
32483
32605
  const {
32484
32606
  readonly,
@@ -32490,15 +32612,15 @@ var DownloadFileField = (props) => {
32490
32612
  handleFileChange,
32491
32613
  handleFileDownload
32492
32614
  } = props;
32493
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "", children: [
32494
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
32615
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "", children: [
32616
+ /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32495
32617
  "label",
32496
32618
  {
32497
32619
  htmlFor: inputId,
32498
32620
  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",
32499
32621
  children: [
32500
- file ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
32501
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
32622
+ file ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
32623
+ /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32502
32624
  "input",
32503
32625
  {
32504
32626
  id: inputId,
@@ -32512,7 +32634,7 @@ var DownloadFileField = (props) => {
32512
32634
  ]
32513
32635
  }
32514
32636
  ),
32515
- file && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
32637
+ file && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32516
32638
  "button",
32517
32639
  {
32518
32640
  onClick: handleFileDownload,
@@ -32526,7 +32648,7 @@ var DownloadFileField = (props) => {
32526
32648
 
32527
32649
  // src/widgets/basic/dropdown-field/dropdown.tsx
32528
32650
  var import_react53 = require("react");
32529
- var import_jsx_runtime80 = require("react/jsx-runtime");
32651
+ var import_jsx_runtime81 = require("react/jsx-runtime");
32530
32652
  var DropdownField = (props) => {
32531
32653
  const {
32532
32654
  options: options2,
@@ -32540,30 +32662,30 @@ var DropdownField = (props) => {
32540
32662
  } = props;
32541
32663
  const [open, setOpen] = (0, import_react53.useState)(false);
32542
32664
  const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
32543
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32665
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32544
32666
  "div",
32545
32667
  {
32546
32668
  ref: dropdownRef,
32547
32669
  className: `relative ${className}`,
32548
32670
  onClick: () => setOpen(!open),
32549
32671
  children: [
32550
- /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32672
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32551
32673
  "div",
32552
32674
  {
32553
32675
  className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
32554
32676
  children: [
32555
32677
  selectedValue?.icon,
32556
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: selectedValue?.label }),
32557
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
32678
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: selectedValue?.label }),
32679
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
32558
32680
  ]
32559
32681
  }
32560
32682
  ),
32561
- open && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32683
+ open && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
32562
32684
  "div",
32563
32685
  {
32564
32686
  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}`,
32565
32687
  onClick: (e3) => e3.stopPropagation(),
32566
- children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32688
+ children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
32567
32689
  "div",
32568
32690
  {
32569
32691
  onClick: () => {
@@ -32583,7 +32705,7 @@ var DropdownField = (props) => {
32583
32705
  };
32584
32706
 
32585
32707
  // src/widgets/basic/fee-field/fee.tsx
32586
- var import_jsx_runtime81 = require("react/jsx-runtime");
32708
+ var import_jsx_runtime82 = require("react/jsx-runtime");
32587
32709
  var FeeField = (props) => {
32588
32710
  const { value, formValues } = props;
32589
32711
  const totalAmount = formatNumberOnly(parseFloat(value?.total_amount)) + " VND";
@@ -32593,27 +32715,27 @@ var FeeField = (props) => {
32593
32715
  )
32594
32716
  ) + " VND";
32595
32717
  const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
32596
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
32718
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
32597
32719
  value?.subtotals?.map((sub) => {
32598
32720
  if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
32599
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
32600
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
32601
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32721
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
32722
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
32723
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32602
32724
  sub?.name,
32603
32725
  ":"
32604
32726
  ] }),
32605
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
32727
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
32606
32728
  ] }),
32607
- sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32729
+ sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
32608
32730
  "div",
32609
32731
  {
32610
32732
  className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
32611
32733
  children: [
32612
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32734
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32613
32735
  group?.group_name,
32614
32736
  ":"
32615
32737
  ] }),
32616
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
32738
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
32617
32739
  ]
32618
32740
  },
32619
32741
  `tax_groups_${group?.id}`
@@ -32621,39 +32743,39 @@ var FeeField = (props) => {
32621
32743
  ] });
32622
32744
  }
32623
32745
  }),
32624
- /* @__PURE__ */ (0, import_jsx_runtime81.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: [
32625
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32746
+ /* @__PURE__ */ (0, import_jsx_runtime82.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: [
32747
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32626
32748
  i18n_default.t("total"),
32627
32749
  ":"
32628
32750
  ] }),
32629
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
32751
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
32630
32752
  ] }),
32631
- /* @__PURE__ */ (0, import_jsx_runtime81.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: [
32632
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32753
+ /* @__PURE__ */ (0, import_jsx_runtime82.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: [
32754
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32633
32755
  i18n_default.t("paid_amount"),
32634
32756
  ":"
32635
32757
  ] }),
32636
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
32758
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
32637
32759
  ] }),
32638
- /* @__PURE__ */ (0, import_jsx_runtime81.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: [
32639
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32760
+ /* @__PURE__ */ (0, import_jsx_runtime82.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: [
32761
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32640
32762
  i18n_default.t("remanining_amount"),
32641
32763
  ":"
32642
32764
  ] }),
32643
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
32765
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
32644
32766
  ] })
32645
32767
  ] });
32646
32768
  };
32647
32769
 
32648
32770
  // src/widgets/basic/file-upload-field/file-upload.tsx
32649
32771
  var import_react54 = require("react");
32650
- var import_jsx_runtime82 = require("react/jsx-runtime");
32772
+ var import_jsx_runtime83 = require("react/jsx-runtime");
32651
32773
  var FileUploadField = (props) => {
32652
32774
  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
32653
32775
  const fileInputRef = (0, import_react54.useRef)(null);
32654
32776
  const [selectedFiles, setSelectedFiles] = (0, import_react54.useState)([]);
32655
32777
  const [uploadError, setUploadError] = (0, import_react54.useState)();
32656
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32778
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32657
32779
  Controller,
32658
32780
  {
32659
32781
  name: name2 || "",
@@ -32678,8 +32800,8 @@ var FileUploadField = (props) => {
32678
32800
  );
32679
32801
  }
32680
32802
  }, [selectedFiles]);
32681
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
32682
- selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32803
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
32804
+ selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32683
32805
  RenderFiles,
32684
32806
  {
32685
32807
  selectedFiles,
@@ -32687,8 +32809,8 @@ var FileUploadField = (props) => {
32687
32809
  useGetImage
32688
32810
  }
32689
32811
  ),
32690
- uploadError && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32691
- (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32812
+ uploadError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32813
+ (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32692
32814
  ButtonSelectFiles,
32693
32815
  {
32694
32816
  fileInputRef,
@@ -32703,7 +32825,7 @@ var FileUploadField = (props) => {
32703
32825
  useUploadFile
32704
32826
  }
32705
32827
  ),
32706
- error2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32828
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32707
32829
  ] });
32708
32830
  }
32709
32831
  }
@@ -32712,7 +32834,7 @@ var FileUploadField = (props) => {
32712
32834
 
32713
32835
  // src/widgets/basic/float-field/float.tsx
32714
32836
  var import_react55 = require("react");
32715
- var import_jsx_runtime83 = require("react/jsx-runtime");
32837
+ var import_jsx_runtime84 = require("react/jsx-runtime");
32716
32838
  var FloatField = (props) => {
32717
32839
  const {
32718
32840
  name: name2,
@@ -32730,9 +32852,9 @@ var FloatField = (props) => {
32730
32852
  } = props;
32731
32853
  const { t: t3 } = useTranslation();
32732
32854
  if (!isForm && !isEditTable) {
32733
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32855
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32734
32856
  }
32735
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32857
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32736
32858
  Controller,
32737
32859
  {
32738
32860
  name: name2 ?? "",
@@ -32833,8 +32955,8 @@ var FloatField = (props) => {
32833
32955
  }
32834
32956
  isDirtyRef.current = false;
32835
32957
  };
32836
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
32837
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32958
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
32959
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32838
32960
  "input",
32839
32961
  {
32840
32962
  ref: inputRef,
@@ -32854,7 +32976,7 @@ var FloatField = (props) => {
32854
32976
  `
32855
32977
  }
32856
32978
  ),
32857
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32979
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32858
32980
  ] });
32859
32981
  }
32860
32982
  }
@@ -32863,7 +32985,7 @@ var FloatField = (props) => {
32863
32985
 
32864
32986
  // src/widgets/basic/float-time-field/float-time.tsx
32865
32987
  var import_react56 = require("react");
32866
- var import_jsx_runtime84 = require("react/jsx-runtime");
32988
+ var import_jsx_runtime85 = require("react/jsx-runtime");
32867
32989
  var FloatTimeField = (props) => {
32868
32990
  const {
32869
32991
  name: name2,
@@ -32878,9 +33000,9 @@ var FloatTimeField = (props) => {
32878
33000
  } = props;
32879
33001
  if (!isForm) {
32880
33002
  const formatValue = value ?? 0;
32881
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: convertFloatToTime(formatValue) });
33003
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: convertFloatToTime(formatValue) });
32882
33004
  }
32883
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
33005
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32884
33006
  Controller,
32885
33007
  {
32886
33008
  name: name2 ?? "",
@@ -32942,8 +33064,8 @@ var FloatTimeField = (props) => {
32942
33064
  }
32943
33065
  onBlur();
32944
33066
  };
32945
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
32946
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
33067
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
33068
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32947
33069
  "input",
32948
33070
  {
32949
33071
  type: "text",
@@ -32975,7 +33097,7 @@ var FloatTimeField = (props) => {
32975
33097
  readOnly: readonly
32976
33098
  }
32977
33099
  ),
32978
- (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
33100
+ (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
32979
33101
  ] });
32980
33102
  }
32981
33103
  }
@@ -32984,7 +33106,7 @@ var FloatTimeField = (props) => {
32984
33106
 
32985
33107
  // src/widgets/basic/html-field/html.tsx
32986
33108
  var import_react57 = require("react");
32987
- var import_jsx_runtime85 = require("react/jsx-runtime");
33109
+ var import_jsx_runtime86 = require("react/jsx-runtime");
32988
33110
  var HtmlField = (props) => {
32989
33111
  const {
32990
33112
  name: name2,
@@ -32997,9 +33119,9 @@ var HtmlField = (props) => {
32997
33119
  } = props;
32998
33120
  const divRef = (0, import_react57.useRef)(null);
32999
33121
  if (!isForm) {
33000
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
33122
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
33001
33123
  }
33002
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
33124
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
33003
33125
  Controller,
33004
33126
  {
33005
33127
  name: name2 ?? "",
@@ -33018,7 +33140,7 @@ var HtmlField = (props) => {
33018
33140
  onChange2(newValue, "");
33019
33141
  }
33020
33142
  };
33021
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
33143
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
33022
33144
  "div",
33023
33145
  {
33024
33146
  ref: divRef,
@@ -33037,12 +33159,12 @@ var HtmlField = (props) => {
33037
33159
  };
33038
33160
 
33039
33161
  // src/widgets/basic/image-field/image.tsx
33040
- var import_jsx_runtime86 = require("react/jsx-runtime");
33162
+ var import_jsx_runtime87 = require("react/jsx-runtime");
33041
33163
  var ImageField = (props) => {
33042
33164
  const { value, type, name: name2 } = props;
33043
33165
  if (!value) return null;
33044
33166
  if (type === "url") {
33045
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
33167
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
33046
33168
  "img",
33047
33169
  {
33048
33170
  src: `https://api.vitrust.app/c2${value}`,
@@ -33052,21 +33174,21 @@ var ImageField = (props) => {
33052
33174
  }
33053
33175
  );
33054
33176
  }
33055
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
33177
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
33056
33178
  };
33057
33179
 
33058
33180
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
33059
33181
  var import_react58 = require("react");
33060
33182
 
33061
33183
  // src/widgets/basic/information-field/information.tsx
33062
- var import_jsx_runtime87 = require("react/jsx-runtime");
33184
+ var import_jsx_runtime88 = require("react/jsx-runtime");
33063
33185
  var InfomationField = (props) => {
33064
33186
  const { value, isForm = false, showName = true, stringToColor } = props;
33065
33187
  if (!value || Array.isArray(value) && value.length === 0) {
33066
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, {});
33188
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_jsx_runtime88.Fragment, {});
33067
33189
  }
33068
33190
  const inforValues = Array.isArray(value) ? value : [value];
33069
- return /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)(
33191
+ return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)(
33070
33192
  AvatarField,
33071
33193
  {
33072
33194
  id: item.id,
@@ -33075,8 +33197,8 @@ var InfomationField = (props) => {
33075
33197
  stringToColor
33076
33198
  },
33077
33199
  item.id
33078
- )) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
33079
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
33200
+ )) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
33201
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33080
33202
  AvatarField,
33081
33203
  {
33082
33204
  avatarSrc: inforValues[0].image_256,
@@ -33086,12 +33208,12 @@ var InfomationField = (props) => {
33086
33208
  stringToColor
33087
33209
  }
33088
33210
  ),
33089
- showName && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
33211
+ showName && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
33090
33212
  ] }) });
33091
33213
  };
33092
33214
 
33093
33215
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
33094
- var import_jsx_runtime88 = require("react/jsx-runtime");
33216
+ var import_jsx_runtime89 = require("react/jsx-runtime");
33095
33217
  var CustomMultiValue = ({ stringToColor, ...props }) => {
33096
33218
  const { selectProps, data, menuList } = props;
33097
33219
  const { relation } = selectProps;
@@ -33100,8 +33222,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
33100
33222
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
33101
33223
  )
33102
33224
  )?.[0]?.action?.id;
33103
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
33104
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33225
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
33226
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33105
33227
  AvatarField,
33106
33228
  {
33107
33229
  id: data?.id,
@@ -33113,8 +33235,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
33113
33235
  stringToColor
33114
33236
  }
33115
33237
  ),
33116
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
33117
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33238
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
33239
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33118
33240
  "span",
33119
33241
  {
33120
33242
  className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -33122,7 +33244,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
33122
33244
  e3.stopPropagation();
33123
33245
  props.removeProps.onClick();
33124
33246
  },
33125
- children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {})
33247
+ children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CloseIcon, {})
33126
33248
  }
33127
33249
  )
33128
33250
  ] });
@@ -33147,7 +33269,7 @@ var Many2ManyTagField = (props) => {
33147
33269
  stringToColor
33148
33270
  } = props;
33149
33271
  const CustomSelect = ({ ...rest }) => {
33150
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StateManagedSelect$1, { relation, ...rest });
33272
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(StateManagedSelect$1, { relation, ...rest });
33151
33273
  };
33152
33274
  if (!isForm) {
33153
33275
  const optionValue = Array.isArray(value) ? value.map((item) => ({
@@ -33155,7 +33277,7 @@ var Many2ManyTagField = (props) => {
33155
33277
  value: item.id,
33156
33278
  label: item.name ?? item.display_name
33157
33279
  })) : [];
33158
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33280
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33159
33281
  InfomationField,
33160
33282
  {
33161
33283
  value: optionValue || null,
@@ -33164,7 +33286,7 @@ var Many2ManyTagField = (props) => {
33164
33286
  }
33165
33287
  );
33166
33288
  }
33167
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33289
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33168
33290
  Controller,
33169
33291
  {
33170
33292
  name: name2 ?? "",
@@ -33188,8 +33310,8 @@ var Many2ManyTagField = (props) => {
33188
33310
  onChange2?.(name2 ?? "", newValue);
33189
33311
  clearErrors(name2);
33190
33312
  };
33191
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "group", children: [
33192
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33313
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group", children: [
33314
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33193
33315
  CustomSelect,
33194
33316
  {
33195
33317
  relation,
@@ -33247,7 +33369,7 @@ var Many2ManyTagField = (props) => {
33247
33369
  })
33248
33370
  },
33249
33371
  components: isUser ? {
33250
- MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33372
+ MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33251
33373
  CustomMultiValue,
33252
33374
  {
33253
33375
  ...multiValueProps,
@@ -33262,7 +33384,7 @@ var Many2ManyTagField = (props) => {
33262
33384
  },
33263
33385
  field?.value
33264
33386
  ),
33265
- isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33387
+ isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33266
33388
  ] });
33267
33389
  }
33268
33390
  }
@@ -33271,7 +33393,7 @@ var Many2ManyTagField = (props) => {
33271
33393
 
33272
33394
  // src/widgets/basic/monetary-field/monetary.tsx
33273
33395
  var import_react59 = require("react");
33274
- var import_jsx_runtime89 = require("react/jsx-runtime");
33396
+ var import_jsx_runtime90 = require("react/jsx-runtime");
33275
33397
  var MonetaryField = (props) => {
33276
33398
  const {
33277
33399
  name: name2,
@@ -33290,26 +33412,26 @@ var MonetaryField = (props) => {
33290
33412
  isEditTable
33291
33413
  } = props;
33292
33414
  if (isForm && name2 === "amount_residual") {
33293
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
33294
- /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "font-semibold", children: [
33415
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
33416
+ /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "font-semibold", children: [
33295
33417
  string,
33296
33418
  ":"
33297
33419
  ] }),
33298
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
33420
+ /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
33299
33421
  ] });
33300
33422
  }
33301
33423
  if (!isForm) {
33302
33424
  const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
33303
33425
  if (widget === "monetary" && !formValues?.currency_id) {
33304
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: `${formatNumberOnly(
33426
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: `${formatNumberOnly(
33305
33427
  parseFloat(String(value ?? defaultValue))
33306
33428
  )} VND` });
33307
33429
  }
33308
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: `${formatNumberOnly(
33430
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: `${formatNumberOnly(
33309
33431
  parseFloat(value ?? defaultValue)
33310
33432
  )} ${currencySymbol}` });
33311
33433
  }
33312
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33434
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
33313
33435
  Controller,
33314
33436
  {
33315
33437
  name: name2 ?? "",
@@ -33331,8 +33453,8 @@ var MonetaryField = (props) => {
33331
33453
  const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
33332
33454
  const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
33333
33455
  const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
33334
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
33335
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33456
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
33457
+ /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
33336
33458
  "input",
33337
33459
  {
33338
33460
  value: formatNumberOnly(value2),
@@ -33366,7 +33488,7 @@ var MonetaryField = (props) => {
33366
33488
  className: `${baseClasses} ${editableClass} ${readonlyClass}`
33367
33489
  }
33368
33490
  ),
33369
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33491
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33370
33492
  ] });
33371
33493
  }
33372
33494
  }
@@ -33374,14 +33496,14 @@ var MonetaryField = (props) => {
33374
33496
  };
33375
33497
 
33376
33498
  // src/widgets/basic/paid-badged-field/paid-badged.tsx
33377
- var import_jsx_runtime90 = require("react/jsx-runtime");
33499
+ var import_jsx_runtime91 = require("react/jsx-runtime");
33378
33500
  var PaidBadgedField = () => {
33379
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PaidIcon, {}) });
33501
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PaidIcon, {}) });
33380
33502
  };
33381
33503
 
33382
33504
  // src/widgets/basic/priority-field/rating-star.tsx
33383
33505
  var import_react60 = __toESM(require("react"));
33384
- var import_jsx_runtime91 = require("react/jsx-runtime");
33506
+ var import_jsx_runtime92 = require("react/jsx-runtime");
33385
33507
  var RatingStarField = (props) => {
33386
33508
  const {
33387
33509
  label,
@@ -33416,7 +33538,7 @@ var RatingStarField = (props) => {
33416
33538
  setHover(0);
33417
33539
  setRating(0);
33418
33540
  };
33419
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33541
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33420
33542
  "div",
33421
33543
  {
33422
33544
  className: "flex gap-1 cursor-pointer w-fit",
@@ -33426,17 +33548,17 @@ var RatingStarField = (props) => {
33426
33548
  const starValue = index4 + 1;
33427
33549
  const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
33428
33550
  const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
33429
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_react60.default.Fragment, { children: [
33430
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33551
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react60.default.Fragment, { children: [
33552
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33431
33553
  "div",
33432
33554
  {
33433
33555
  onMouseEnter: () => handleHover(starValue),
33434
33556
  onClick: () => handleClick(starValue),
33435
33557
  "data-tooltip-id": `${id}-${starValue}`,
33436
- children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
33558
+ children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
33437
33559
  }
33438
33560
  ),
33439
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33561
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33440
33562
  M,
33441
33563
  {
33442
33564
  className: "z-50",
@@ -33452,7 +33574,7 @@ var RatingStarField = (props) => {
33452
33574
  };
33453
33575
 
33454
33576
  // src/widgets/basic/priority-field/priority.tsx
33455
- var import_jsx_runtime92 = require("react/jsx-runtime");
33577
+ var import_jsx_runtime93 = require("react/jsx-runtime");
33456
33578
  var PriorityField = (props) => {
33457
33579
  const {
33458
33580
  isForm,
@@ -33468,7 +33590,7 @@ var PriorityField = (props) => {
33468
33590
  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
33469
33591
  const defaultPriority = parseInt(value) + 1;
33470
33592
  if (!isForm) {
33471
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33593
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33472
33594
  RatingStarField,
33473
33595
  {
33474
33596
  label,
@@ -33479,7 +33601,7 @@ var PriorityField = (props) => {
33479
33601
  }
33480
33602
  );
33481
33603
  }
33482
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33604
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33483
33605
  Controller,
33484
33606
  {
33485
33607
  name: name ?? "",
@@ -33489,7 +33611,7 @@ var PriorityField = (props) => {
33489
33611
  field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
33490
33612
  onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
33491
33613
  };
33492
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33614
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33493
33615
  RatingStarField,
33494
33616
  {
33495
33617
  label,
@@ -33506,7 +33628,7 @@ var PriorityField = (props) => {
33506
33628
 
33507
33629
  // src/widgets/basic/radio-group-field/radio-group.tsx
33508
33630
  var import_react61 = require("react");
33509
- var import_jsx_runtime93 = require("react/jsx-runtime");
33631
+ var import_jsx_runtime94 = require("react/jsx-runtime");
33510
33632
  var RadioGroupField = (props) => {
33511
33633
  const {
33512
33634
  name: name2,
@@ -33525,13 +33647,13 @@ var RadioGroupField = (props) => {
33525
33647
  }
33526
33648
  }, [selection, name2, setValue]);
33527
33649
  if (!methods) return null;
33528
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33650
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33529
33651
  Controller,
33530
33652
  {
33531
33653
  name: name2 ?? "",
33532
33654
  control: methods.control,
33533
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1", children: [
33534
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33655
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-1", children: [
33656
+ /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33535
33657
  "input",
33536
33658
  {
33537
33659
  type: "radio",
@@ -33550,7 +33672,7 @@ var RadioGroupField = (props) => {
33550
33672
  className: "custom-radio"
33551
33673
  }
33552
33674
  ),
33553
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
33675
+ /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
33554
33676
  ] }, select[0])) })
33555
33677
  }
33556
33678
  );
@@ -33558,7 +33680,7 @@ var RadioGroupField = (props) => {
33558
33680
 
33559
33681
  // src/widgets/basic/remaining-days-field/remaining-days.tsx
33560
33682
  var import_moment3 = __toESM(require_moment());
33561
- var import_jsx_runtime94 = require("react/jsx-runtime");
33683
+ var import_jsx_runtime95 = require("react/jsx-runtime");
33562
33684
  var RemainingDaysField = (props) => {
33563
33685
  const {
33564
33686
  value,
@@ -33569,14 +33691,14 @@ var RemainingDaysField = (props) => {
33569
33691
  if (!value) return null;
33570
33692
  const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
33571
33693
  const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
33572
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
33573
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
33574
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33694
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
33695
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
33696
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33575
33697
  "div",
33576
33698
  {
33577
33699
  "data-tooltip-id": `remainingDays_${value}`,
33578
33700
  className: "flex items-center w-fit cursor-context-menu",
33579
- children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33701
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33580
33702
  "div",
33581
33703
  {
33582
33704
  className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -33589,7 +33711,7 @@ var RemainingDaysField = (props) => {
33589
33711
  };
33590
33712
 
33591
33713
  // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
33592
- var import_jsx_runtime95 = require("react/jsx-runtime");
33714
+ var import_jsx_runtime96 = require("react/jsx-runtime");
33593
33715
  var SelectDropdownField = (props) => {
33594
33716
  const {
33595
33717
  selection,
@@ -33610,9 +33732,9 @@ var SelectDropdownField = (props) => {
33610
33732
  label: val[1]
33611
33733
  })) : [];
33612
33734
  if (!isForm && !isEditTable) {
33613
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33735
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33614
33736
  } else {
33615
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33737
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33616
33738
  Controller,
33617
33739
  {
33618
33740
  name: name2 || "",
@@ -33646,8 +33768,8 @@ var SelectDropdownField = (props) => {
33646
33768
  })
33647
33769
  }
33648
33770
  };
33649
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
33650
- /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33771
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
33772
+ /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33651
33773
  StateManagedSelect$1,
33652
33774
  {
33653
33775
  ...commonProps,
@@ -33690,11 +33812,11 @@ var SelectDropdownField = (props) => {
33690
33812
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
33691
33813
  components: {
33692
33814
  IndicatorSeparator: () => null,
33693
- DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(components.DropdownIndicator, { ...props2 })
33815
+ DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(components.DropdownIndicator, { ...props2 })
33694
33816
  }
33695
33817
  }
33696
33818
  ) }),
33697
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33819
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33698
33820
  ] });
33699
33821
  }
33700
33822
  }
@@ -33703,7 +33825,7 @@ var SelectDropdownField = (props) => {
33703
33825
  };
33704
33826
 
33705
33827
  // src/widgets/basic/textarea-field/textarea.tsx
33706
- var import_jsx_runtime96 = require("react/jsx-runtime");
33828
+ var import_jsx_runtime97 = require("react/jsx-runtime");
33707
33829
  var TextAreaField = (props) => {
33708
33830
  const {
33709
33831
  methods,
@@ -33727,9 +33849,9 @@ var TextAreaField = (props) => {
33727
33849
  }
33728
33850
  }) : {};
33729
33851
  if (!isForm) {
33730
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33852
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33731
33853
  }
33732
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33854
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33733
33855
  "textarea",
33734
33856
  {
33735
33857
  ...formProps,
@@ -33745,7 +33867,7 @@ var TextAreaField = (props) => {
33745
33867
  };
33746
33868
 
33747
33869
  // src/widgets/basic/toggle-button-field/toggle-button.tsx
33748
- var import_jsx_runtime97 = require("react/jsx-runtime");
33870
+ var import_jsx_runtime98 = require("react/jsx-runtime");
33749
33871
  var ToggleButtonField = (props) => {
33750
33872
  const {
33751
33873
  name: name2,
@@ -33755,13 +33877,13 @@ var ToggleButtonField = (props) => {
33755
33877
  onChange: onChange2,
33756
33878
  methods
33757
33879
  } = props;
33758
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33880
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33759
33881
  Controller,
33760
33882
  {
33761
33883
  name: name2 ?? "",
33762
33884
  control: methods?.control,
33763
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("label", { className: "relative inline-block w-9 h-5 cursor-pointer", children: [
33764
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33885
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "inline-flex items-center w-[34px]", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("label", { className: "relative inline-block w-9 h-5 cursor-pointer", children: [
33886
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33765
33887
  "input",
33766
33888
  {
33767
33889
  ...field,
@@ -33780,12 +33902,12 @@ var ToggleButtonField = (props) => {
33780
33902
  checked: field.value ?? false
33781
33903
  }
33782
33904
  ),
33783
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33905
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33784
33906
  "span",
33785
33907
  {
33786
33908
  className: `absolute top-0 left-0 right-0 bottom-0 rounded-full transition duration-300
33787
33909
  ${field.value ? "bg-primary" : "bg-gray-300"}`,
33788
- children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33910
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33789
33911
  "span",
33790
33912
  {
33791
33913
  className: `absolute left-[2px] bottom-[2px] w-4 h-4 bg-white rounded-full transition duration-300
@@ -33801,7 +33923,7 @@ var ToggleButtonField = (props) => {
33801
33923
 
33802
33924
  // src/widgets/basic/integer-field/integer.tsx
33803
33925
  var import_react62 = require("react");
33804
- var import_jsx_runtime98 = require("react/jsx-runtime");
33926
+ var import_jsx_runtime99 = require("react/jsx-runtime");
33805
33927
  var IntegerField = (props) => {
33806
33928
  const {
33807
33929
  name: name2,
@@ -33819,9 +33941,9 @@ var IntegerField = (props) => {
33819
33941
  } = props;
33820
33942
  if (!isForm) {
33821
33943
  const displayValue = value ?? defaultValue;
33822
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33944
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33823
33945
  }
33824
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33946
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33825
33947
  Controller,
33826
33948
  {
33827
33949
  name: name2 || "",
@@ -33899,8 +34021,8 @@ var IntegerField = (props) => {
33899
34021
  inputRef.current?.blur();
33900
34022
  clearErrors(name2);
33901
34023
  };
33902
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
33903
- /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
34024
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
34025
+ /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33904
34026
  "input",
33905
34027
  {
33906
34028
  ref: inputRef,
@@ -33934,7 +34056,7 @@ var IntegerField = (props) => {
33934
34056
  `
33935
34057
  }
33936
34058
  ),
33937
- error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34059
+ error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33938
34060
  ] });
33939
34061
  }
33940
34062
  }
@@ -33942,7 +34064,7 @@ var IntegerField = (props) => {
33942
34064
  };
33943
34065
 
33944
34066
  // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
33945
- var import_jsx_runtime99 = require("react/jsx-runtime");
34067
+ var import_jsx_runtime100 = require("react/jsx-runtime");
33946
34068
  var StatusDropdownField = (props) => {
33947
34069
  const {
33948
34070
  buttonRef,
@@ -33954,13 +34076,13 @@ var StatusDropdownField = (props) => {
33954
34076
  handleClick,
33955
34077
  colors: colors2
33956
34078
  } = props;
33957
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
34079
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33958
34080
  "div",
33959
34081
  {
33960
34082
  ref: buttonRef,
33961
34083
  className: isForm ? "absolute top-7 right-6 z-10" : void 0,
33962
34084
  children: [
33963
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
34085
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33964
34086
  "button",
33965
34087
  {
33966
34088
  type: "button",
@@ -33968,23 +34090,23 @@ var StatusDropdownField = (props) => {
33968
34090
  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"}`
33969
34091
  }
33970
34092
  ),
33971
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime99.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) => {
34093
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime100.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) => {
33972
34094
  const isActive = item[0] == state;
33973
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
34095
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33974
34096
  "div",
33975
34097
  {
33976
34098
  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" : ""}`,
33977
34099
  onClick: () => handleClick(item[0]),
33978
34100
  children: [
33979
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CheckIcon, {}) }),
33980
- /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-2", children: [
33981
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
34101
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CheckIcon, {}) }),
34102
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2", children: [
34103
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33982
34104
  "div",
33983
34105
  {
33984
34106
  className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
33985
34107
  }
33986
34108
  ),
33987
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-sm", children: item[1] })
34109
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-sm", children: item[1] })
33988
34110
  ] })
33989
34111
  ]
33990
34112
  },
@@ -33998,7 +34120,7 @@ var StatusDropdownField = (props) => {
33998
34120
 
33999
34121
  // src/widgets/basic/many2many-field/many2many.tsx
34000
34122
  var import_react_dom8 = require("react-dom");
34001
- var import_jsx_runtime100 = require("react/jsx-runtime");
34123
+ var import_jsx_runtime101 = require("react/jsx-runtime");
34002
34124
  var Many2ManyField = (props) => {
34003
34125
  const {
34004
34126
  aid,
@@ -34050,7 +34172,7 @@ var Many2ManyField = (props) => {
34050
34172
  clearSearch
34051
34173
  } = searchController;
34052
34174
  return (0, import_react_dom8.createPortal)(
34053
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
34175
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
34054
34176
  "div",
34055
34177
  {
34056
34178
  style: {
@@ -34058,8 +34180,8 @@ var Many2ManyField = (props) => {
34058
34180
  },
34059
34181
  className: "fixed bottom-0 left-0 right-0 top-0",
34060
34182
  children: [
34061
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
34062
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
34183
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
34184
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
34063
34185
  "div",
34064
34186
  {
34065
34187
  style: {
@@ -34067,12 +34189,12 @@ var Many2ManyField = (props) => {
34067
34189
  },
34068
34190
  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",
34069
34191
  children: [
34070
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
34071
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
34072
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CloseIcon, {}) })
34192
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
34193
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
34194
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
34073
34195
  ] }),
34074
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
34075
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34196
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
34197
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34076
34198
  Search,
34077
34199
  {
34078
34200
  removeSearchItems,
@@ -34105,7 +34227,7 @@ var Many2ManyField = (props) => {
34105
34227
  clearSearch
34106
34228
  }
34107
34229
  ) }),
34108
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34230
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34109
34231
  PaginationView,
34110
34232
  {
34111
34233
  className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -34122,20 +34244,20 @@ var Many2ManyField = (props) => {
34122
34244
  }
34123
34245
  )
34124
34246
  ] }),
34125
- !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34247
+ !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34126
34248
  "div",
34127
34249
  {
34128
34250
  className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
34129
- children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34251
+ children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34130
34252
  "div",
34131
34253
  {
34132
34254
  className: `flex w-full items-center h-full overflow-auto `,
34133
- children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
34255
+ children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
34134
34256
  "table",
34135
34257
  {
34136
34258
  className: `relative w-full bg-white custom-dropdown `,
34137
34259
  children: [
34138
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34260
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34139
34261
  TableHead,
34140
34262
  {
34141
34263
  columns,
@@ -34145,7 +34267,7 @@ var Many2ManyField = (props) => {
34145
34267
  handleCheckBoxAll
34146
34268
  }
34147
34269
  ),
34148
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34270
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34149
34271
  TableBody,
34150
34272
  {
34151
34273
  columns,
@@ -34185,9 +34307,9 @@ var Many2ManyField = (props) => {
34185
34307
  }
34186
34308
  ) }) })
34187
34309
  }
34188
- ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LayerLoading, {}),
34189
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
34190
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34310
+ ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LayerLoading, {}),
34311
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
34312
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34191
34313
  "button",
34192
34314
  {
34193
34315
  disabled: selectedRowKeys?.length === 0,
@@ -34197,7 +34319,7 @@ var Many2ManyField = (props) => {
34197
34319
  children: instance.t("choose")
34198
34320
  }
34199
34321
  ),
34200
- optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34322
+ optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34201
34323
  "button",
34202
34324
  {
34203
34325
  type: "button",
@@ -34213,7 +34335,7 @@ var Many2ManyField = (props) => {
34213
34335
  children: instance.t("new")
34214
34336
  }
34215
34337
  ),
34216
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34338
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34217
34339
  "button",
34218
34340
  {
34219
34341
  type: "button",
@@ -34235,14 +34357,14 @@ var Many2ManyField = (props) => {
34235
34357
 
34236
34358
  // src/widgets/basic/many2one-field/many2one.tsx
34237
34359
  var import_react63 = __toESM(require("react"));
34238
- var import_jsx_runtime101 = require("react/jsx-runtime");
34360
+ var import_jsx_runtime102 = require("react/jsx-runtime");
34239
34361
  var CustomMenuList = (props) => {
34240
34362
  const { options: options2, children, selectProps } = props;
34241
34363
  const { setIsShowModalMany2Many, searchable } = selectProps;
34242
34364
  const limitedChildren = import_react63.default.Children.toArray(children).slice(0, 10);
34243
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
34365
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
34244
34366
  limitedChildren,
34245
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
34367
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
34246
34368
  "button",
34247
34369
  {
34248
34370
  type: "button",
@@ -34293,8 +34415,8 @@ var Many2OneField = (props) => {
34293
34415
  );
34294
34416
  if (!isForm && !isEditTable) {
34295
34417
  const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
34296
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
34297
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34418
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
34419
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34298
34420
  ModalDetail,
34299
34421
  {
34300
34422
  idToolTip: String(name2) + Number(index4),
@@ -34307,7 +34429,7 @@ var Many2OneField = (props) => {
34307
34429
  renderDetail
34308
34430
  }
34309
34431
  ),
34310
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34432
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34311
34433
  "span",
34312
34434
  {
34313
34435
  className: "cursor-pointer",
@@ -34318,13 +34440,13 @@ var Many2OneField = (props) => {
34318
34440
  )
34319
34441
  ] });
34320
34442
  }
34321
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_jsx_runtime101.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34443
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34322
34444
  "div",
34323
34445
  {
34324
34446
  id: name2,
34325
34447
  "data-tooltip-id": name2,
34326
34448
  className: `inline-block w-full ${readonly && "cursor-not-allowed"}`,
34327
- children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34449
+ children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34328
34450
  Controller,
34329
34451
  {
34330
34452
  name: name2 ?? "",
@@ -34345,15 +34467,15 @@ var Many2OneField = (props) => {
34345
34467
  methods?.clearErrors(name2);
34346
34468
  }
34347
34469
  }, [selectedOption]);
34348
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "group", children: [
34349
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34470
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "group", children: [
34471
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34350
34472
  StateManagedSelect$1,
34351
34473
  {
34352
34474
  menuShouldScrollIntoView: false,
34353
34475
  options: options2,
34354
34476
  classNames: {
34355
34477
  control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
34356
- valueContainer: () => "!m-0 !p-0",
34478
+ valueContainer: () => "!m-0 !p-0 ",
34357
34479
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
34358
34480
  input: () => "!m-0 !p-0",
34359
34481
  dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
@@ -34398,7 +34520,7 @@ var Many2OneField = (props) => {
34398
34520
  })
34399
34521
  },
34400
34522
  components: {
34401
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34523
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34402
34524
  CustomMenuList,
34403
34525
  {
34404
34526
  ...menuListProps,
@@ -34409,13 +34531,13 @@ var Many2OneField = (props) => {
34409
34531
  }
34410
34532
  ),
34411
34533
  IndicatorSeparator: () => null,
34412
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(components.DropdownIndicator, { ...props2 })
34534
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
34413
34535
  },
34414
34536
  isDisabled: readonly,
34415
34537
  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
34416
34538
  }
34417
34539
  ),
34418
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34540
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34419
34541
  ] });
34420
34542
  }
34421
34543
  }
@@ -34425,7 +34547,7 @@ var Many2OneField = (props) => {
34425
34547
  };
34426
34548
 
34427
34549
  // src/widgets/basic/status-bar-field/duration/duration.tsx
34428
- var import_jsx_runtime102 = require("react/jsx-runtime");
34550
+ var import_jsx_runtime103 = require("react/jsx-runtime");
34429
34551
  var StatusbarDurationField = (props) => {
34430
34552
  const {
34431
34553
  disabled,
@@ -34435,14 +34557,14 @@ var StatusbarDurationField = (props) => {
34435
34557
  defaultValue,
34436
34558
  setModalStatus
34437
34559
  } = props;
34438
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34560
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34439
34561
  "div",
34440
34562
  {
34441
34563
  className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
34442
- children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
34443
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
34564
+ children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
34565
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
34444
34566
  const value = option?.id === defaultValue;
34445
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
34567
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34446
34568
  "label",
34447
34569
  {
34448
34570
  onClick: () => !disabled && handleClick(option.id),
@@ -34452,7 +34574,7 @@ var StatusbarDurationField = (props) => {
34452
34574
  ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
34453
34575
  `,
34454
34576
  children: [
34455
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34577
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34456
34578
  "input",
34457
34579
  {
34458
34580
  type: "radio",
@@ -34462,7 +34584,7 @@ var StatusbarDurationField = (props) => {
34462
34584
  }
34463
34585
  ),
34464
34586
  option?.name,
34465
- index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34587
+ index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34466
34588
  "div",
34467
34589
  {
34468
34590
  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]
@@ -34477,14 +34599,14 @@ var StatusbarDurationField = (props) => {
34477
34599
  }) }),
34478
34600
  dataResponse?.records?.some(
34479
34601
  (item) => item?.fold && item.id !== defaultValue
34480
- ) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
34602
+ ) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34481
34603
  "div",
34482
34604
  {
34483
34605
  onClick: () => setModalStatus(!modelStatus),
34484
34606
  className: "w-[24px] h-[24px] cursor-pointer relative",
34485
34607
  children: [
34486
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MoreIcon, {}),
34487
- modelStatus && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34608
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(MoreIcon, {}),
34609
+ modelStatus && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34488
34610
  "div",
34489
34611
  {
34490
34612
  onClick: (e3) => e3.stopPropagation(),
@@ -34493,7 +34615,7 @@ var StatusbarDurationField = (props) => {
34493
34615
  (item) => item?.fold && item.id !== defaultValue
34494
34616
  )?.map((option) => {
34495
34617
  const value = option?.id === defaultValue;
34496
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34618
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34497
34619
  "div",
34498
34620
  {
34499
34621
  className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34515,28 +34637,28 @@ var StatusbarDurationField = (props) => {
34515
34637
 
34516
34638
  // src/widgets/basic/status-bar-field/option/option.tsx
34517
34639
  var import_react64 = require("react");
34518
- var import_jsx_runtime103 = require("react/jsx-runtime");
34640
+ var import_jsx_runtime104 = require("react/jsx-runtime");
34519
34641
  var StatusBarOptionField = (props) => {
34520
34642
  const { selection, defaultValue } = props;
34521
34643
  const memoizedStatusOptions = (0, import_react64.useMemo)(() => selection, [selection]);
34522
- return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
34644
+ return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
34523
34645
  const value = option?.[0] === defaultValue;
34524
- return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34646
+ return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
34525
34647
  "label",
34526
34648
  {
34527
- className: `relative flex-shrink-0 cursor-default py-[10px] px-8 font-semibold !text-sm
34528
- ${value ? "bg-primary text-white" : "bg-[#F1F6F1] text-[#121212]"}
34529
- ${index4 === 0 ? "rounded-l-xl! " : "rounded-none"}
34530
- ${index4 === memoizedStatusOptions?.length - 1 ? "rounded-r-xl!" : "rounded-none"}
34649
+ className: `relative flex-shrink-0 cursor-default py-[10px] pl-8 pr-[20px] font-semibold !text-xs
34650
+ ${value ? "bg-primary text-white" : "bg-[#FAFAFA] text-[#121212]"}
34651
+ ${index4 === 0 ? "rounded-l-xl" : "rounded-none"}
34652
+ ${index4 === memoizedStatusOptions?.length - 1 ? "rounded-r-xl" : "rounded-none"}
34531
34653
  `,
34532
34654
  children: [
34533
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
34655
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
34534
34656
  option[1],
34535
- !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34657
+ !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34536
34658
  "div",
34537
34659
  {
34538
- className: `absolute top-[5px] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45
34539
- ${value ? "bg-primary" : "bg-[#F1F6F1]"}
34660
+ className: `absolute top-[50%] translate-y-[-50%] z-[2] w-[25.5px] h-[25.5px] transform rotate-45
34661
+ ${value ? "bg-primary border border-primary -right-[13px]" : " -right-[12.5px] bg-[#FAFAFA] border border-b-[#FAFAFA] border-l-[#FAFAFA] border-t-[rgba(0,0,0,0.04)] border-r-[rgba(0,0,0,0.04)]"}
34540
34662
  `
34541
34663
  }
34542
34664
  )
@@ -34548,7 +34670,7 @@ var StatusBarOptionField = (props) => {
34548
34670
  };
34549
34671
 
34550
34672
  // src/widgets/basic/date-option-field/date-option.tsx
34551
- var import_jsx_runtime104 = require("react/jsx-runtime");
34673
+ var import_jsx_runtime105 = require("react/jsx-runtime");
34552
34674
  var DateOptionField = (props) => {
34553
34675
  const {
34554
34676
  name: name2,
@@ -34559,19 +34681,19 @@ var DateOptionField = (props) => {
34559
34681
  string,
34560
34682
  onChange: onChange2
34561
34683
  } = props;
34562
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34684
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34563
34685
  Controller,
34564
34686
  {
34565
34687
  name: name2 ?? "",
34566
34688
  control: methods?.control,
34567
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
34689
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
34568
34690
  "label",
34569
34691
  {
34570
34692
  className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
34571
34693
  ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
34572
34694
  ${readonly ? "opacity-50 pointer-events-none" : ""}`,
34573
34695
  children: [
34574
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34696
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34575
34697
  "input",
34576
34698
  {
34577
34699
  type: "checkbox",
@@ -34629,7 +34751,7 @@ var DateOptionField = (props) => {
34629
34751
  DownloadFileField,
34630
34752
  DownloadIcon,
34631
34753
  DropdownField,
34632
- EmptyData,
34754
+ EmptyTable,
34633
34755
  ExcelIcon,
34634
34756
  ExportIcon,
34635
34757
  EyeClosedIcon,