@fctc/sme-widget-ui 1.1.6 → 1.1.8

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 (19) hide show
  1. package/dist/.babelrc +7 -0
  2. package/dist/.editorconfig +10 -0
  3. package/dist/.eslintignore +6 -0
  4. package/dist/.eslintrc.cjs +66 -0
  5. package/dist/.gitattributes +4 -0
  6. package/dist/.prettierrc +4 -0
  7. package/dist/icons.d.mts +1 -5
  8. package/dist/icons.d.ts +1 -5
  9. package/dist/icons.js +49 -259
  10. package/dist/icons.mjs +49 -258
  11. package/dist/index.d.mts +2 -2
  12. package/dist/index.d.ts +2 -2
  13. package/dist/index.js +962 -843
  14. package/dist/index.mjs +859 -740
  15. package/dist/widgets.d.mts +5 -1
  16. package/dist/widgets.d.ts +5 -1
  17. package/dist/widgets.js +951 -830
  18. package/dist/widgets.mjs +848 -728
  19. package/package.json +1 -1
package/dist/widgets.js CHANGED
@@ -4954,6 +4954,7 @@ __export(widgets_exports, {
4954
4954
  DownLoadBinaryField: () => DownLoadBinaryField,
4955
4955
  DownloadFileField: () => DownloadFileField,
4956
4956
  DropdownField: () => DropdownField,
4957
+ EmptyTable: () => EmptyTable,
4957
4958
  FeeField: () => FeeField,
4958
4959
  FileUploadField: () => FileUploadField,
4959
4960
  FloatField: () => FloatField,
@@ -5933,16 +5934,16 @@ var AddIcon = () => {
5933
5934
  "svg",
5934
5935
  {
5935
5936
  xmlns: "http://www.w3.org/2000/svg",
5937
+ width: "16",
5938
+ height: "16",
5939
+ viewBox: "0 0 16 16",
5936
5940
  fill: "none",
5937
- viewBox: "0 0 24 24",
5938
- stroke: "currentColor",
5939
5941
  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
5940
5942
  "path",
5941
5943
  {
5942
- strokeLinecap: "round",
5943
- strokeLinejoin: "round",
5944
- strokeWidth: "2",
5945
- d: "M12 4v16m8-8H4"
5944
+ d: "M8.09961 4.30078V7.90039H11.7002V8.10059H8.09961V11.7012H7.89941V8.10059H4.2998V7.90039H7.89941V4.30078H8.09961Z",
5945
+ fill: "#060606",
5946
+ stroke: "currentColor"
5946
5947
  }
5947
5948
  )
5948
5949
  }
@@ -7041,222 +7042,14 @@ var ZipIcon = () => {
7041
7042
  );
7042
7043
  };
7043
7044
 
7044
- // src/icons/empty-data.tsx
7045
- var import_jsx_runtime34 = require("react/jsx-runtime");
7046
- var EmptyData = ({ className }) => {
7047
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
7048
- "svg",
7049
- {
7050
- xmlns: "http://www.w3.org/2000/svg",
7051
- width: "120",
7052
- height: "140",
7053
- viewBox: "0 0 120 140",
7054
- fill: "none",
7055
- children: [
7056
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { clipPath: "url(#clip0_5603_10527)", children: [
7057
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("g", { filter: "url(#filter0_d_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7058
- "path",
7059
- {
7060
- 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",
7061
- fill: "black"
7062
- }
7063
- ) }),
7064
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7065
- "path",
7066
- {
7067
- 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",
7068
- fill: className
7069
- }
7070
- ),
7071
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7072
- "mask",
7073
- {
7074
- id: "mask0_5603_10527",
7075
- maskUnits: "userSpaceOnUse",
7076
- x: "4",
7077
- y: "12",
7078
- width: "112",
7079
- height: "123",
7080
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7081
- "path",
7082
- {
7083
- 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",
7084
- fill: "white"
7085
- }
7086
- )
7087
- }
7088
- ),
7089
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { mask: "url(#mask0_5603_10527)", children: [
7090
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7091
- "path",
7092
- {
7093
- 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",
7094
- fill: "white"
7095
- }
7096
- ),
7097
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7098
- "path",
7099
- {
7100
- fillRule: "evenodd",
7101
- clipRule: "evenodd",
7102
- 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",
7103
- stroke: "#A1ACBA",
7104
- strokeWidth: "2"
7105
- }
7106
- )
7107
- ] }),
7108
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7109
- "mask",
7110
- {
7111
- id: "mask1_5603_10527",
7112
- maskUnits: "userSpaceOnUse",
7113
- x: "4",
7114
- y: "12",
7115
- width: "112",
7116
- height: "123",
7117
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7118
- "path",
7119
- {
7120
- 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",
7121
- fill: "white"
7122
- }
7123
- )
7124
- }
7125
- ),
7126
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("g", { mask: "url(#mask1_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7127
- "path",
7128
- {
7129
- fillRule: "evenodd",
7130
- clipRule: "evenodd",
7131
- 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",
7132
- stroke: "#A1ACBA",
7133
- strokeWidth: "2"
7134
- }
7135
- ) }),
7136
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7137
- "mask",
7138
- {
7139
- id: "mask2_5603_10527",
7140
- maskUnits: "userSpaceOnUse",
7141
- x: "4",
7142
- y: "12",
7143
- width: "112",
7144
- height: "123",
7145
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7146
- "path",
7147
- {
7148
- 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",
7149
- fill: "white"
7150
- }
7151
- )
7152
- }
7153
- ),
7154
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("g", { mask: "url(#mask2_5603_10527)", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { opacity: "0.07", children: [
7155
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M73.716 93H27V99.214H73.716V93Z", fill: "black" }),
7156
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M95.812 101.699H27V107.913H95.812V101.699Z", fill: "black" }),
7157
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M69.297 113.506H27V119.72H69.297V113.506Z", fill: "black" }),
7158
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M79.398 124.07H27V130.284H79.398V124.07Z", fill: "black" })
7159
- ] }) }),
7160
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7161
- "path",
7162
- {
7163
- d: "M17 16L8 7M22 11V2M5 22H14",
7164
- stroke: "#A1ACBA",
7165
- strokeWidth: "2",
7166
- strokeLinecap: "round"
7167
- }
7168
- ),
7169
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7170
- "path",
7171
- {
7172
- d: "M44 62.998C60.5 71.998 77 62.998 77 62.998",
7173
- stroke: "#A1ACBA",
7174
- strokeWidth: "2",
7175
- strokeLinecap: "round",
7176
- strokeLinejoin: "round"
7177
- }
7178
- ),
7179
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7180
- "path",
7181
- {
7182
- 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",
7183
- fill: "#A1ACBA"
7184
- }
7185
- ),
7186
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7187
- "path",
7188
- {
7189
- 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",
7190
- fill: "#A1ACBA"
7191
- }
7192
- )
7193
- ] }),
7194
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("defs", { children: [
7195
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
7196
- "filter",
7197
- {
7198
- id: "filter0_d_5603_10527",
7199
- x: "0",
7200
- y: "20.6133",
7201
- width: "120",
7202
- height: "120",
7203
- filterUnits: "userSpaceOnUse",
7204
- colorInterpolationFilters: "sRGB",
7205
- children: [
7206
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
7207
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7208
- "feColorMatrix",
7209
- {
7210
- in: "SourceAlpha",
7211
- type: "matrix",
7212
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
7213
- result: "hardAlpha"
7214
- }
7215
- ),
7216
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feOffset", { dy: "2" }),
7217
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("feGaussianBlur", { stdDeviation: "2" }),
7218
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7219
- "feColorMatrix",
7220
- {
7221
- type: "matrix",
7222
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.106063 0"
7223
- }
7224
- ),
7225
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7226
- "feBlend",
7227
- {
7228
- mode: "normal",
7229
- in2: "BackgroundImageFix",
7230
- result: "effect1_dropShadow_5603_10527"
7231
- }
7232
- ),
7233
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7234
- "feBlend",
7235
- {
7236
- mode: "normal",
7237
- in: "SourceGraphic",
7238
- in2: "effect1_dropShadow_5603_10527",
7239
- result: "shape"
7240
- }
7241
- )
7242
- ]
7243
- }
7244
- ),
7245
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("clipPath", { id: "clip0_5603_10527", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("rect", { width: "120", height: "140", fill: "white" }) })
7246
- ] })
7247
- ]
7248
- }
7249
- );
7250
- };
7251
-
7252
7045
  // src/icons/loading-icon.tsx
7253
- var import_jsx_runtime35 = require("react/jsx-runtime");
7046
+ var import_jsx_runtime34 = require("react/jsx-runtime");
7254
7047
  var LoadingIcon = ({
7255
7048
  width = 15,
7256
7049
  height = 15,
7257
7050
  ...props
7258
7051
  }) => {
7259
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7052
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7260
7053
  "svg",
7261
7054
  {
7262
7055
  xmlns: "http://www.w3.org/2000/svg",
@@ -7271,8 +7064,8 @@ var LoadingIcon = ({
7271
7064
  background: "transparent"
7272
7065
  },
7273
7066
  ...props,
7274
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", { children: [
7275
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7067
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { children: [
7068
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7276
7069
  "circle",
7277
7070
  {
7278
7071
  strokeDasharray: "141.37166941154067 49.12388980384689",
@@ -7282,7 +7075,7 @@ var LoadingIcon = ({
7282
7075
  fill: "none",
7283
7076
  cy: "50",
7284
7077
  cx: "50",
7285
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7078
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
7286
7079
  "animateTransform",
7287
7080
  {
7288
7081
  keyTimes: "0;1",
@@ -7295,15 +7088,15 @@ var LoadingIcon = ({
7295
7088
  )
7296
7089
  }
7297
7090
  ),
7298
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", {})
7091
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("g", {})
7299
7092
  ] })
7300
7093
  }
7301
7094
  );
7302
7095
  };
7303
7096
 
7304
7097
  // src/icons/paid-icon.tsx
7305
- var import_jsx_runtime36 = require("react/jsx-runtime");
7306
- var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7098
+ var import_jsx_runtime35 = require("react/jsx-runtime");
7099
+ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
7307
7100
  "svg",
7308
7101
  {
7309
7102
  width: "208",
@@ -7312,15 +7105,15 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7312
7105
  fill: "none",
7313
7106
  xmlns: "http://www.w3.org/2000/svg",
7314
7107
  children: [
7315
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
7316
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7108
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", { opacity: "0.5", filter: "url(#filter0_d_615_26793)", children: [
7109
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7317
7110
  "path",
7318
7111
  {
7319
7112
  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",
7320
7113
  fill: "#11A52B"
7321
7114
  }
7322
7115
  ),
7323
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7116
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7324
7117
  "path",
7325
7118
  {
7326
7119
  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",
@@ -7328,7 +7121,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7328
7121
  strokeWidth: "0.773087"
7329
7122
  }
7330
7123
  ),
7331
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7124
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7332
7125
  "path",
7333
7126
  {
7334
7127
  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",
@@ -7336,7 +7129,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7336
7129
  strokeWidth: "3.09235"
7337
7130
  }
7338
7131
  ),
7339
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7132
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7340
7133
  "path",
7341
7134
  {
7342
7135
  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",
@@ -7344,7 +7137,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7344
7137
  strokeWidth: "0.773087"
7345
7138
  }
7346
7139
  ),
7347
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7140
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("foreignObject", { x: "-10.1151", y: "14.174", width: "228.426", height: "145.071", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7348
7141
  "div",
7349
7142
  {
7350
7143
  style: {
@@ -7355,7 +7148,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7355
7148
  }
7356
7149
  }
7357
7150
  ) }),
7358
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7151
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7359
7152
  "rect",
7360
7153
  {
7361
7154
  "data-figma-bg-blur-radius": "15.4617",
@@ -7367,7 +7160,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7367
7160
  fillOpacity: "0.4"
7368
7161
  }
7369
7162
  ),
7370
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7163
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7371
7164
  "rect",
7372
7165
  {
7373
7166
  x: "-0.493769",
@@ -7380,7 +7173,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7380
7173
  strokeWidth: "0.773087"
7381
7174
  }
7382
7175
  ),
7383
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7176
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7384
7177
  "path",
7385
7178
  {
7386
7179
  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",
@@ -7388,8 +7181,8 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7388
7181
  }
7389
7182
  )
7390
7183
  ] }),
7391
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("defs", { children: [
7392
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7184
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("defs", { children: [
7185
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
7393
7186
  "filter",
7394
7187
  {
7395
7188
  id: "filter0_d_615_26793",
@@ -7400,8 +7193,8 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7400
7193
  filterUnits: "userSpaceOnUse",
7401
7194
  colorInterpolationFilters: "sRGB",
7402
7195
  children: [
7403
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7404
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7196
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7197
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7405
7198
  "feColorMatrix",
7406
7199
  {
7407
7200
  in: "SourceAlpha",
@@ -7410,17 +7203,17 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7410
7203
  result: "hardAlpha"
7411
7204
  }
7412
7205
  ),
7413
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("feOffset", { dy: "4" }),
7414
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("feGaussianBlur", { stdDeviation: "2" }),
7415
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
7416
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7206
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("feOffset", { dy: "4" }),
7207
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("feGaussianBlur", { stdDeviation: "2" }),
7208
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
7209
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7417
7210
  "feColorMatrix",
7418
7211
  {
7419
7212
  type: "matrix",
7420
7213
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
7421
7214
  }
7422
7215
  ),
7423
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7216
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7424
7217
  "feBlend",
7425
7218
  {
7426
7219
  mode: "normal",
@@ -7428,7 +7221,7 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7428
7221
  result: "effect1_dropShadow_615_26793"
7429
7222
  }
7430
7223
  ),
7431
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7224
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7432
7225
  "feBlend",
7433
7226
  {
7434
7227
  mode: "normal",
@@ -7440,12 +7233,12 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7440
7233
  ]
7441
7234
  }
7442
7235
  ),
7443
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7236
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7444
7237
  "clipPath",
7445
7238
  {
7446
7239
  id: "bgblur_0_615_26793_clip_path",
7447
7240
  transform: "translate(10.1151 -14.174)",
7448
- children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7241
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
7449
7242
  "rect",
7450
7243
  {
7451
7244
  width: "193.593",
@@ -7462,9 +7255,9 @@ var PaidIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
7462
7255
  );
7463
7256
 
7464
7257
  // src/icons/placeholder-icon.tsx
7465
- var import_jsx_runtime37 = require("react/jsx-runtime");
7258
+ var import_jsx_runtime36 = require("react/jsx-runtime");
7466
7259
  var PlaceHolderIcon = () => {
7467
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7260
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7468
7261
  "svg",
7469
7262
  {
7470
7263
  xmlns: "http://www.w3.org/2000/svg",
@@ -7473,7 +7266,7 @@ var PlaceHolderIcon = () => {
7473
7266
  height: "256.000000pt",
7474
7267
  viewBox: "0 0 256.000000 256.000000",
7475
7268
  preserveAspectRatio: "xMidYMid meet",
7476
- children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7269
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
7477
7270
  "g",
7478
7271
  {
7479
7272
  transform: "translate(0.000000,256.000000) scale(0.100000,-0.100000)",
@@ -7486,13 +7279,13 @@ var PlaceHolderIcon = () => {
7486
7279
  };
7487
7280
 
7488
7281
  // src/icons/google-icon.tsx
7489
- var import_jsx_runtime38 = require("react/jsx-runtime");
7282
+ var import_jsx_runtime37 = require("react/jsx-runtime");
7490
7283
  var GoogleIcon = ({
7491
7284
  width = 20,
7492
7285
  height = 20,
7493
7286
  ...props
7494
7287
  }) => {
7495
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
7288
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
7496
7289
  "svg",
7497
7290
  {
7498
7291
  xmlns: "http://www.w3.org/2000/svg",
@@ -7503,28 +7296,28 @@ var GoogleIcon = ({
7503
7296
  height,
7504
7297
  ...props,
7505
7298
  children: [
7506
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7299
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7507
7300
  "path",
7508
7301
  {
7509
7302
  fill: "#fbc02d",
7510
7303
  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"
7511
7304
  }
7512
7305
  ),
7513
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7306
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7514
7307
  "path",
7515
7308
  {
7516
7309
  fill: "#e53935",
7517
7310
  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"
7518
7311
  }
7519
7312
  ),
7520
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7313
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7521
7314
  "path",
7522
7315
  {
7523
7316
  fill: "#4caf50",
7524
7317
  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"
7525
7318
  }
7526
7319
  ),
7527
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7320
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
7528
7321
  "path",
7529
7322
  {
7530
7323
  fill: "#1565c0",
@@ -7537,9 +7330,9 @@ var GoogleIcon = ({
7537
7330
  };
7538
7331
 
7539
7332
  // src/icons/eye-closed-icon.tsx
7540
- var import_jsx_runtime39 = require("react/jsx-runtime");
7333
+ var import_jsx_runtime38 = require("react/jsx-runtime");
7541
7334
  var EyeClosedIcon = () => {
7542
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
7335
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
7543
7336
  "svg",
7544
7337
  {
7545
7338
  width: "20",
@@ -7548,7 +7341,7 @@ var EyeClosedIcon = () => {
7548
7341
  fill: "none",
7549
7342
  xmlns: "http://www.w3.org/2000/svg",
7550
7343
  children: [
7551
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7344
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7552
7345
  "path",
7553
7346
  {
7554
7347
  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",
@@ -7556,7 +7349,7 @@ var EyeClosedIcon = () => {
7556
7349
  strokeWidth: "1.5"
7557
7350
  }
7558
7351
  ),
7559
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7352
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7560
7353
  "path",
7561
7354
  {
7562
7355
  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",
@@ -7564,7 +7357,7 @@ var EyeClosedIcon = () => {
7564
7357
  strokeWidth: "1.5"
7565
7358
  }
7566
7359
  ),
7567
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
7360
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
7568
7361
  "line",
7569
7362
  {
7570
7363
  x1: "4",
@@ -10302,7 +10095,7 @@ var vi_default = {
10302
10095
  cancel: "H\u1EE7y",
10303
10096
  save: "L\u01B0u",
10304
10097
  my_profile: "H\u1ED3 s\u01A1 c\u1EE7a t\xF4i",
10305
- empty_data: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
10098
+ empty_data: "D\u1EEF li\u1EC7u tr\u1ED1ng",
10306
10099
  Settings: "C\xE0i \u0111\u1EB7t",
10307
10100
  settings: "C\xE0i \u0111\u1EB7t",
10308
10101
  payment_method: "Ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",
@@ -11730,7 +11523,7 @@ instance.use(Browser).use(initReactI18next).init({
11730
11523
  var i18n_default = instance;
11731
11524
 
11732
11525
  // src/widgets/advanced/table/table-group.tsx
11733
- var import_jsx_runtime40 = require("react/jsx-runtime");
11526
+ var import_jsx_runtime39 = require("react/jsx-runtime");
11734
11527
  var TableGroup = (props) => {
11735
11528
  const {
11736
11529
  handleExpandChildGroup,
@@ -11761,42 +11554,42 @@ var TableGroup = (props) => {
11761
11554
  pageGroup,
11762
11555
  setPageGroup
11763
11556
  } = props;
11764
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
11765
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
11557
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
11558
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
11766
11559
  "tr",
11767
11560
  {
11768
11561
  draggable: true,
11769
11562
  className: "border-b border-[#e8e8e8] cursor-pointer hover:bg-gray-50 relative z-10",
11770
11563
  onClick: handleExpandChildGroup,
11771
11564
  children: [
11772
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11565
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11773
11566
  "td",
11774
11567
  {
11775
11568
  colSpan: colEmptyGroup.fromStart ?? 1,
11776
11569
  style: { display: "table-cell" },
11777
11570
  className: "relative z-20 w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-normal text-gray-900 h-[53px]",
11778
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
11571
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
11779
11572
  "div",
11780
11573
  {
11781
11574
  style: { paddingLeft: leftPadding },
11782
11575
  className: `flex items-center justify-between gap-2 font-medium ml-2 z-21`,
11783
11576
  children: [
11784
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
11785
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11577
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
11578
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11786
11579
  TriangleIcon,
11787
11580
  {
11788
11581
  className: `w-2 h-2 text-button_primary ${isShowGroup && isQueryFetched ? "rotate-180" : "rotate-90"}`
11789
11582
  }
11790
11583
  ),
11791
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
11584
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "capitalize", children: nameGroupWithCount && nameGroupWithCount !== null ? nameGroupWithCount : i18n_default.t("no") }, nameGroupWithCount)
11792
11585
  ] }),
11793
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11586
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11794
11587
  "div",
11795
11588
  {
11796
11589
  onClick: (e3) => {
11797
11590
  e3.stopPropagation();
11798
11591
  },
11799
- children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11592
+ children: isShowGroup && dataResponse?.length >= 10 && !dataResponse?.groups && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11800
11593
  PaginationView,
11801
11594
  {
11802
11595
  className: "pagination-bar !bg-transparent absolute z-[100] right-0 top-1/2 -translate-y-1/2",
@@ -11816,7 +11609,7 @@ var TableGroup = (props) => {
11816
11609
  ),
11817
11610
  columns?.map((col) => {
11818
11611
  if (col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum") {
11819
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11612
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11820
11613
  "td",
11821
11614
  {
11822
11615
  className: "w-max whitespace-nowrap border-b border-gray-200 p-3 text-sm font-bold text-gray-900",
@@ -11834,7 +11627,7 @@ var TableGroup = (props) => {
11834
11627
  ]
11835
11628
  }
11836
11629
  ),
11837
- isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11630
+ isShowGroup && (isQueryFetched || isPlaceholderData) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
11838
11631
  TableBodyRow,
11839
11632
  {
11840
11633
  columns: columnsGroup,
@@ -11858,7 +11651,7 @@ var TableGroup = (props) => {
11858
11651
 
11859
11652
  // src/widgets/advanced/table/table-row.tsx
11860
11653
  var import_react10 = require("react");
11861
- var import_jsx_runtime41 = require("react/jsx-runtime");
11654
+ var import_jsx_runtime40 = require("react/jsx-runtime");
11862
11655
  var Row = (props) => {
11863
11656
  const {
11864
11657
  row,
@@ -11923,17 +11716,17 @@ var Row = (props) => {
11923
11716
  false;
11924
11717
  }
11925
11718
  }, [checkedAll]);
11926
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
11719
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11927
11720
  "tr",
11928
11721
  {
11929
11722
  "data-row-id": row?.id,
11930
11723
  className: `border-b border-[#e8e8e8] cursor-pointer`,
11931
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
11932
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
11724
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
11725
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11933
11726
  "td",
11934
11727
  {
11935
11728
  className: `column w-max whitespace-nowrap p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
11936
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
11729
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11937
11730
  "input",
11938
11731
  {
11939
11732
  type: "checkbox",
@@ -11946,9 +11739,9 @@ var Row = (props) => {
11946
11739
  ),
11947
11740
  columns?.filter((val) => val?.optional !== "hide").map((col, index4) => {
11948
11741
  if (row?.display_type === "line_section" && col.key !== "display_name") {
11949
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", {});
11742
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", {});
11950
11743
  }
11951
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
11744
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
11952
11745
  "td",
11953
11746
  {
11954
11747
  colSpan: 1,
@@ -11967,7 +11760,7 @@ var Row = (props) => {
11967
11760
  `${col.name}____${index4}`
11968
11761
  );
11969
11762
  }),
11970
- 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)(
11763
+ 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)(
11971
11764
  "button",
11972
11765
  {
11973
11766
  type: "button",
@@ -11975,7 +11768,7 @@ var Row = (props) => {
11975
11768
  onClick: () => {
11976
11769
  onRemoveRow(indexRow);
11977
11770
  },
11978
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DeleteIcon, {})
11771
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DeleteIcon, {})
11979
11772
  }
11980
11773
  ) }) })
11981
11774
  ] })
@@ -11985,7 +11778,7 @@ var Row = (props) => {
11985
11778
  };
11986
11779
 
11987
11780
  // src/widgets/advanced/table/table-body.tsx
11988
- var import_jsx_runtime42 = require("react/jsx-runtime");
11781
+ var import_jsx_runtime41 = require("react/jsx-runtime");
11989
11782
  var TableBodyRow = (props) => {
11990
11783
  const {
11991
11784
  rows,
@@ -12007,8 +11800,6 @@ var TableBodyRow = (props) => {
12007
11800
  onAddRow,
12008
11801
  onRemoveRow,
12009
11802
  checked,
12010
- isForm,
12011
- typeCo,
12012
11803
  selectedRowKeys,
12013
11804
  tableGroupController,
12014
11805
  groupByList,
@@ -12016,10 +11807,8 @@ var TableBodyRow = (props) => {
12016
11807
  isAutoSelect,
12017
11808
  isEditTable
12018
11809
  } = props;
12019
- const rootStyle = getComputedStyle(document.documentElement);
12020
- const colorPrimary = rootStyle.getPropertyValue("--primary").trim();
12021
- return rows && rows?.length > 0 ? rows?.map((row, index4) => {
12022
- return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11810
+ return rows && rows?.length > 0 && rows?.map((row, index4) => {
11811
+ return typeTable === "group" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12023
11812
  TableGroup,
12024
11813
  {
12025
11814
  columns,
@@ -12043,7 +11832,7 @@ var TableBodyRow = (props) => {
12043
11832
  selectedRowKeys
12044
11833
  },
12045
11834
  `record-group-${index4}`
12046
- ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11835
+ ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12047
11836
  Row,
12048
11837
  {
12049
11838
  row,
@@ -12067,20 +11856,11 @@ var TableBodyRow = (props) => {
12067
11856
  },
12068
11857
  `record-${index4}`
12069
11858
  );
12070
- }) : !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)(
12071
- "div",
12072
- {
12073
- className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
12074
- children: [
12075
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EmptyData, { className: colorPrimary }),
12076
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
12077
- ]
12078
- }
12079
- ) }) });
11859
+ });
12080
11860
  };
12081
11861
  var TableBody = (props) => {
12082
11862
  const [isAutoSelect, setIsAutoSelect] = (0, import_react11.useState)(false);
12083
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
11863
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
12084
11864
  TableBodyRow,
12085
11865
  {
12086
11866
  ...props,
@@ -12127,7 +11907,7 @@ var useClickOutside = ({
12127
11907
  };
12128
11908
 
12129
11909
  // src/widgets/advanced/table/table-filter.tsx
12130
- var import_jsx_runtime43 = require("react/jsx-runtime");
11910
+ var import_jsx_runtime42 = require("react/jsx-runtime");
12131
11911
  var TableFilter = ({ columns, onToggleColumnOptional }) => {
12132
11912
  const [openTableFilter, setOpenTableFilter] = (0, import_react13.useState)();
12133
11913
  const [filterPosition, setFilterPosition] = (0, import_react13.useState)(null);
@@ -12159,7 +11939,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12159
11939
  window.removeEventListener("resize", updatePosition);
12160
11940
  };
12161
11941
  }, [filterRef, openTableFilter]);
12162
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
11942
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12163
11943
  "div",
12164
11944
  {
12165
11945
  ref: filterRef,
@@ -12168,7 +11948,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12168
11948
  },
12169
11949
  className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-[#eff1f2]",
12170
11950
  children: [
12171
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11951
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12172
11952
  "button",
12173
11953
  {
12174
11954
  type: "button",
@@ -12176,7 +11956,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12176
11956
  onClick: () => {
12177
11957
  setOpenTableFilter(!openTableFilter);
12178
11958
  },
12179
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
11959
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12180
11960
  "svg",
12181
11961
  {
12182
11962
  xmlns: "http://www.w3.org/2000/svg",
@@ -12185,42 +11965,42 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12185
11965
  viewBox: "0 0 16 16",
12186
11966
  fill: "none",
12187
11967
  children: [
12188
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11968
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12189
11969
  "path",
12190
11970
  {
12191
11971
  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",
12192
11972
  fill: "#1F1F1F"
12193
11973
  }
12194
11974
  ),
12195
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11975
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12196
11976
  "path",
12197
11977
  {
12198
11978
  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",
12199
11979
  fill: "#1F1F1F"
12200
11980
  }
12201
11981
  ),
12202
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11982
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12203
11983
  "path",
12204
11984
  {
12205
11985
  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",
12206
11986
  fill: "#1F1F1F"
12207
11987
  }
12208
11988
  ),
12209
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11989
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12210
11990
  "path",
12211
11991
  {
12212
11992
  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",
12213
11993
  fill: "black"
12214
11994
  }
12215
11995
  ),
12216
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
11996
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12217
11997
  "path",
12218
11998
  {
12219
11999
  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",
12220
12000
  fill: "black"
12221
12001
  }
12222
12002
  ),
12223
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12003
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12224
12004
  "path",
12225
12005
  {
12226
12006
  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",
@@ -12233,15 +12013,15 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12233
12013
  }
12234
12014
  ),
12235
12015
  filterPosition && openTableFilter && (0, import_react_dom.createPortal)(
12236
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12016
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12237
12017
  "div",
12238
12018
  {
12239
12019
  ref: filterPopupRef,
12240
12020
  style: { top: filterPosition?.top, right: filterPosition?.right },
12241
12021
  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",
12242
12022
  children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
12243
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
12244
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12023
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
12024
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12245
12025
  "input",
12246
12026
  {
12247
12027
  type: "checkbox",
@@ -12251,7 +12031,7 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12251
12031
  className: "cursor-pointer"
12252
12032
  }
12253
12033
  ),
12254
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12034
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12255
12035
  "label",
12256
12036
  {
12257
12037
  htmlFor: `${item.name}`,
@@ -12271,14 +12051,14 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
12271
12051
  };
12272
12052
 
12273
12053
  // src/widgets/advanced/table/table-footer.tsx
12274
- var import_jsx_runtime44 = require("react/jsx-runtime");
12054
+ var import_jsx_runtime43 = require("react/jsx-runtime");
12275
12055
  var TableFooter = ({ onAddRow, rows }) => {
12276
12056
  const emptyData = rows?.length <= 0;
12277
- 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)(
12057
+ 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)(
12278
12058
  "td",
12279
12059
  {
12280
12060
  className: `absolute left-0 p-0 right-0 flex items-center ${emptyData ? "justify-center" : "justify-start"}`,
12281
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12061
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12282
12062
  "button",
12283
12063
  {
12284
12064
  type: "button",
@@ -12288,7 +12068,7 @@ var TableFooter = ({ onAddRow, rows }) => {
12288
12068
  },
12289
12069
  className: `button-primary m-2 flex ${!emptyData ? "!bg-white border border-primary " : ""}`,
12290
12070
  children: [
12291
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12071
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
12292
12072
  "svg",
12293
12073
  {
12294
12074
  style: {
@@ -12301,14 +12081,14 @@ var TableFooter = ({ onAddRow, rows }) => {
12301
12081
  viewBox: "0 0 20 20",
12302
12082
  fill: `${!emptyData ? "fill-primary" : "fill-white"} `,
12303
12083
  children: [
12304
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12084
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12305
12085
  "path",
12306
12086
  {
12307
12087
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
12308
12088
  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"
12309
12089
  }
12310
12090
  ),
12311
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12091
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12312
12092
  "path",
12313
12093
  {
12314
12094
  className: `${!emptyData ? "fill-primary" : "fill-white"} `,
@@ -12327,7 +12107,7 @@ var TableFooter = ({ onAddRow, rows }) => {
12327
12107
  };
12328
12108
 
12329
12109
  // src/widgets/advanced/table/table-head.tsx
12330
- var import_jsx_runtime45 = require("react/jsx-runtime");
12110
+ var import_jsx_runtime44 = require("react/jsx-runtime");
12331
12111
  var TableHead = (props) => {
12332
12112
  const {
12333
12113
  handleCheckBoxAll,
@@ -12337,7 +12117,7 @@ var TableHead = (props) => {
12337
12117
  onRemoveRow,
12338
12118
  onToggleColumnOptional
12339
12119
  } = props;
12340
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12120
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12341
12121
  "tr",
12342
12122
  {
12343
12123
  style: {
@@ -12349,11 +12129,11 @@ var TableHead = (props) => {
12349
12129
  },
12350
12130
  className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12351
12131
  children: [
12352
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12132
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12353
12133
  "th",
12354
12134
  {
12355
12135
  className: ` table-checkbox-row w-[2%] text-left font-medium uppercase text-gray-500 p-3`,
12356
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12136
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12357
12137
  "input",
12358
12138
  {
12359
12139
  type: "checkbox",
@@ -12365,17 +12145,17 @@ var TableHead = (props) => {
12365
12145
  }
12366
12146
  ),
12367
12147
  columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
12368
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12148
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12369
12149
  "th",
12370
12150
  {
12371
12151
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12372
- 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 })
12152
+ 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 })
12373
12153
  },
12374
12154
  "table-head-" + index4
12375
12155
  );
12376
12156
  }),
12377
- typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("th", { className: "relative p-2 w-[35px]" }),
12378
- columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12157
+ typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("th", { className: "relative p-2 w-[35px]" }),
12158
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12379
12159
  "th",
12380
12160
  {
12381
12161
  style: {
@@ -12383,7 +12163,7 @@ var TableHead = (props) => {
12383
12163
  right: 0
12384
12164
  },
12385
12165
  className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-[#eff1f2]`,
12386
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12166
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12387
12167
  TableFilter,
12388
12168
  {
12389
12169
  columns,
@@ -12397,6 +12177,349 @@ var TableHead = (props) => {
12397
12177
  ) });
12398
12178
  };
12399
12179
 
12180
+ // src/icons/empty-table-icon.tsx
12181
+ var import_jsx_runtime45 = require("react/jsx-runtime");
12182
+ var IcEmptyTable = ({ isForm }) => {
12183
+ return isForm ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12184
+ "svg",
12185
+ {
12186
+ xmlns: "http://www.w3.org/2000/svg",
12187
+ width: "216",
12188
+ height: "140",
12189
+ viewBox: "0 0 216 140",
12190
+ fill: "none",
12191
+ children: [
12192
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("g", { "clip-path": "url(#clip0_2454_28950)", children: [
12193
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M215.5 0H0.5V140H215.5V0Z", fill: "white" }),
12194
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12195
+ "path",
12196
+ {
12197
+ d: "M64.5 0V140",
12198
+ stroke: "#EEEFF1",
12199
+ "stroke-width": "0.8",
12200
+ "stroke-miterlimit": "10",
12201
+ "stroke-dasharray": "3 3"
12202
+ }
12203
+ ),
12204
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12205
+ "path",
12206
+ {
12207
+ d: "M151.5 0V140",
12208
+ stroke: "#EEEFF1",
12209
+ "stroke-width": "0.8",
12210
+ "stroke-miterlimit": "10",
12211
+ "stroke-dasharray": "3 3"
12212
+ }
12213
+ ),
12214
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12215
+ "path",
12216
+ {
12217
+ d: "M215.5 24H0.5",
12218
+ stroke: "#EEEFF1",
12219
+ "stroke-width": "0.8",
12220
+ "stroke-miterlimit": "10",
12221
+ "stroke-dasharray": "3 3"
12222
+ }
12223
+ ),
12224
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12225
+ "path",
12226
+ {
12227
+ d: "M215.5 50H0.5",
12228
+ stroke: "#EEEFF1",
12229
+ "stroke-width": "0.8",
12230
+ "stroke-miterlimit": "10",
12231
+ "stroke-dasharray": "3 3"
12232
+ }
12233
+ ),
12234
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12235
+ "path",
12236
+ {
12237
+ d: "M215.5 88H0.5",
12238
+ stroke: "#EEEFF1",
12239
+ "stroke-width": "0.8",
12240
+ "stroke-miterlimit": "10",
12241
+ "stroke-dasharray": "3 3"
12242
+ }
12243
+ ),
12244
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12245
+ "path",
12246
+ {
12247
+ d: "M215.5 114H0.5",
12248
+ stroke: "#EEEFF1",
12249
+ "stroke-width": "0.8",
12250
+ "stroke-miterlimit": "10",
12251
+ "stroke-dasharray": "3 3"
12252
+ }
12253
+ ),
12254
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12255
+ "path",
12256
+ {
12257
+ d: "M199.5 0V140",
12258
+ stroke: "#EEEFF1",
12259
+ "stroke-width": "0.8",
12260
+ "stroke-miterlimit": "10"
12261
+ }
12262
+ ),
12263
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12264
+ "path",
12265
+ {
12266
+ d: "M16.5 0V140",
12267
+ stroke: "#EEEFF1",
12268
+ "stroke-width": "0.8",
12269
+ "stroke-miterlimit": "10"
12270
+ }
12271
+ ),
12272
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12273
+ "path",
12274
+ {
12275
+ d: "M0.5 16H215.5",
12276
+ stroke: "#EEEFF1",
12277
+ "stroke-width": "0.8",
12278
+ "stroke-miterlimit": "10"
12279
+ }
12280
+ ),
12281
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12282
+ "path",
12283
+ {
12284
+ d: "M0.5 124H215.5",
12285
+ stroke: "#EEEFF1",
12286
+ "stroke-width": "0.8",
12287
+ "stroke-miterlimit": "10"
12288
+ }
12289
+ ),
12290
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12291
+ "path",
12292
+ {
12293
+ opacity: "0.6",
12294
+ d: "M85.3696 59.4442L85.9782 60.2035C86.1008 60.3564 86.3827 60.1962 86.5084 59.9022L87.8918 56.6641",
12295
+ stroke: "#5C5E63",
12296
+ "stroke-width": "0.6",
12297
+ "stroke-linecap": "round",
12298
+ "stroke-linejoin": "round"
12299
+ }
12300
+ ),
12301
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12302
+ "path",
12303
+ {
12304
+ opacity: "0.6",
12305
+ 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",
12306
+ stroke: "#5C5E63",
12307
+ "stroke-width": "0.6",
12308
+ "stroke-linecap": "round",
12309
+ "stroke-linejoin": "round"
12310
+ }
12311
+ ),
12312
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12313
+ "path",
12314
+ {
12315
+ opacity: "0.6",
12316
+ 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",
12317
+ stroke: "#5C5E63",
12318
+ "stroke-width": "0.6",
12319
+ "stroke-linecap": "round",
12320
+ "stroke-linejoin": "round"
12321
+ }
12322
+ ),
12323
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12324
+ "path",
12325
+ {
12326
+ opacity: "0.6",
12327
+ 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",
12328
+ stroke: "#5C5E63",
12329
+ "stroke-width": "0.6",
12330
+ "stroke-linecap": "round",
12331
+ "stroke-linejoin": "round"
12332
+ }
12333
+ ),
12334
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12335
+ "path",
12336
+ {
12337
+ opacity: "0.6",
12338
+ 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",
12339
+ stroke: "#5C5E63",
12340
+ "stroke-width": "0.6",
12341
+ "stroke-linecap": "round",
12342
+ "stroke-linejoin": "round"
12343
+ }
12344
+ ),
12345
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12346
+ "path",
12347
+ {
12348
+ 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",
12349
+ fill: "white"
12350
+ }
12351
+ ),
12352
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12353
+ "path",
12354
+ {
12355
+ 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",
12356
+ stroke: "#9FA1A7",
12357
+ "stroke-width": "0.6",
12358
+ "stroke-linecap": "round",
12359
+ "stroke-linejoin": "round"
12360
+ }
12361
+ ),
12362
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12363
+ "path",
12364
+ {
12365
+ 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",
12366
+ stroke: "#5C5E63",
12367
+ "stroke-linecap": "round",
12368
+ "stroke-linejoin": "round"
12369
+ }
12370
+ ),
12371
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12372
+ "path",
12373
+ {
12374
+ opacity: "0.6",
12375
+ 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",
12376
+ stroke: "#5C5E63",
12377
+ "stroke-width": "0.6",
12378
+ "stroke-linecap": "round",
12379
+ "stroke-linejoin": "round"
12380
+ }
12381
+ ),
12382
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12383
+ "path",
12384
+ {
12385
+ opacity: "0.6",
12386
+ d: "M95.3696 59.4441L95.9782 60.2034C96.1008 60.3564 96.3827 60.1962 96.5084 59.9021L97.8918 56.6641",
12387
+ stroke: "#5C5E63",
12388
+ "stroke-width": "0.6",
12389
+ "stroke-linecap": "round",
12390
+ "stroke-linejoin": "round"
12391
+ }
12392
+ ),
12393
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12394
+ "path",
12395
+ {
12396
+ opacity: "0.6",
12397
+ 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",
12398
+ stroke: "#5C5E63",
12399
+ "stroke-width": "0.6",
12400
+ "stroke-linecap": "round",
12401
+ "stroke-linejoin": "round"
12402
+ }
12403
+ ),
12404
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12405
+ "path",
12406
+ {
12407
+ opacity: "0.6",
12408
+ 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",
12409
+ stroke: "#5C5E63",
12410
+ "stroke-width": "0.6",
12411
+ "stroke-linecap": "round",
12412
+ "stroke-linejoin": "round"
12413
+ }
12414
+ ),
12415
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12416
+ "path",
12417
+ {
12418
+ opacity: "0.6",
12419
+ 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",
12420
+ stroke: "#5C5E63",
12421
+ "stroke-width": "0.6",
12422
+ "stroke-linecap": "round",
12423
+ "stroke-linejoin": "round"
12424
+ }
12425
+ ),
12426
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12427
+ "path",
12428
+ {
12429
+ opacity: "0.6",
12430
+ 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",
12431
+ stroke: "#5C5E63",
12432
+ "stroke-width": "0.6",
12433
+ "stroke-linecap": "round",
12434
+ "stroke-linejoin": "round"
12435
+ }
12436
+ ),
12437
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12438
+ "path",
12439
+ {
12440
+ opacity: "0.6",
12441
+ 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",
12442
+ stroke: "#5C5E63",
12443
+ "stroke-width": "0.6",
12444
+ "stroke-linecap": "round",
12445
+ "stroke-linejoin": "round"
12446
+ }
12447
+ ),
12448
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12449
+ "path",
12450
+ {
12451
+ opacity: "0.6",
12452
+ 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",
12453
+ stroke: "#5C5E63",
12454
+ "stroke-width": "0.6",
12455
+ "stroke-linecap": "round",
12456
+ "stroke-linejoin": "round"
12457
+ }
12458
+ ),
12459
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12460
+ "path",
12461
+ {
12462
+ opacity: "0.6",
12463
+ 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",
12464
+ stroke: "#5C5E63",
12465
+ "stroke-width": "0.6",
12466
+ "stroke-linecap": "round",
12467
+ "stroke-linejoin": "round"
12468
+ }
12469
+ ),
12470
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12471
+ "path",
12472
+ {
12473
+ 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",
12474
+ fill: "white"
12475
+ }
12476
+ ),
12477
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12478
+ "path",
12479
+ {
12480
+ "fill-rule": "evenodd",
12481
+ "clip-rule": "evenodd",
12482
+ 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",
12483
+ fill: "white"
12484
+ }
12485
+ ),
12486
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12487
+ "path",
12488
+ {
12489
+ 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",
12490
+ stroke: "#9FA1A7",
12491
+ "stroke-width": "0.6",
12492
+ "stroke-linecap": "round",
12493
+ "stroke-linejoin": "round"
12494
+ }
12495
+ )
12496
+ ] }),
12497
+ /* @__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)(
12498
+ "rect",
12499
+ {
12500
+ width: "215",
12501
+ height: "140",
12502
+ fill: "white",
12503
+ transform: "translate(0.5)"
12504
+ }
12505
+ ) }) })
12506
+ ]
12507
+ }
12508
+ ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
12509
+ };
12510
+
12511
+ // src/widgets/advanced/table/empty-table.tsx
12512
+ var import_jsx_runtime46 = require("react/jsx-runtime");
12513
+ var EmptyTable = ({ isForm }) => {
12514
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12515
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, { isForm }),
12516
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
12517
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", {}),
12518
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
12519
+ ] })
12520
+ ] });
12521
+ };
12522
+
12400
12523
  // node_modules/react-hook-form/dist/index.esm.mjs
12401
12524
  var import_react14 = __toESM(require("react"), 1);
12402
12525
  var isCheckBoxInput = (element) => element.type === "checkbox";
@@ -14211,10 +14334,10 @@ function s2(o3, s4, t3) {
14211
14334
 
14212
14335
  // src/widgets/advanced/login/shared/button.tsx
14213
14336
  var React2 = __toESM(require("react"));
14214
- var import_jsx_runtime46 = require("react/jsx-runtime");
14337
+ var import_jsx_runtime47 = require("react/jsx-runtime");
14215
14338
  var Button = React2.forwardRef(
14216
14339
  ({ className = "", isLoading = false, type = "button", children, ...props }, ref) => {
14217
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
14340
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14218
14341
  "button",
14219
14342
  {
14220
14343
  className: `${`inline-flex items-center justify-center rounded-md text-sm font-medium
@@ -14224,7 +14347,7 @@ var Button = React2.forwardRef(
14224
14347
  ref,
14225
14348
  type,
14226
14349
  ...props,
14227
- children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14350
+ children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingIcon, { width: 20, height: 20 }) : children
14228
14351
  }
14229
14352
  );
14230
14353
  }
@@ -14233,7 +14356,7 @@ Button.displayName = "Button";
14233
14356
 
14234
14357
  // src/widgets/advanced/login/shared/text-input.tsx
14235
14358
  var import_react15 = require("react");
14236
- var import_jsx_runtime47 = require("react/jsx-runtime");
14359
+ var import_jsx_runtime48 = require("react/jsx-runtime");
14237
14360
  function TextInput(props) {
14238
14361
  const {
14239
14362
  className,
@@ -14247,17 +14370,17 @@ function TextInput(props) {
14247
14370
  required
14248
14371
  } = props;
14249
14372
  const [showPassword, setShowPassword] = (0, import_react15.useState)(false);
14250
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14251
- label && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14373
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
14374
+ label && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
14252
14375
  label,
14253
- required ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14376
+ required ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-[#ff4d4f]", children: "*" }) : ""
14254
14377
  ] }),
14255
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
14378
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
14256
14379
  "div",
14257
14380
  {
14258
14381
  className: `flex h-14 w-full items-center border border-[#E0E0E0] px-4 py-3 ${inputWrapperClassName}`,
14259
14382
  children: [
14260
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14383
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14261
14384
  "input",
14262
14385
  {
14263
14386
  className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
@@ -14266,18 +14389,18 @@ function TextInput(props) {
14266
14389
  ...register(name2)
14267
14390
  }
14268
14391
  ),
14269
- type === "password" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14392
+ type === "password" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14270
14393
  "span",
14271
14394
  {
14272
14395
  onClick: () => setShowPassword(!showPassword),
14273
14396
  className: "focus:outline-none",
14274
- children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(EyeIcon, {})
14397
+ children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(EyeClosedIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(EyeIcon, {})
14275
14398
  }
14276
14399
  )
14277
14400
  ]
14278
14401
  }
14279
14402
  ),
14280
- errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
14403
+ errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14281
14404
  "p",
14282
14405
  {
14283
14406
  className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
@@ -14289,7 +14412,7 @@ function TextInput(props) {
14289
14412
 
14290
14413
  // src/widgets/advanced/login/provider/credential/form-options/index.tsx
14291
14414
  var import_react16 = require("react");
14292
- var import_jsx_runtime48 = require("react/jsx-runtime");
14415
+ var import_jsx_runtime49 = require("react/jsx-runtime");
14293
14416
  var STAY_LOGIN_IN = "stayLoginIn";
14294
14417
  function FormOptions({
14295
14418
  forgotPasswordUrl,
@@ -14315,9 +14438,9 @@ function FormOptions({
14315
14438
  (0, import_react16.useEffect)(() => {
14316
14439
  localStorage.setItem(STAY_LOGIN_IN, "false");
14317
14440
  }, []);
14318
- 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: [
14319
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "flex gap-3", children: [
14320
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
14441
+ 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: [
14442
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "flex gap-3", children: [
14443
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14321
14444
  "input",
14322
14445
  {
14323
14446
  checked: stayLoginIn,
@@ -14326,9 +14449,9 @@ function FormOptions({
14326
14449
  onChange: handleCheckboxChange
14327
14450
  }
14328
14451
  ),
14329
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
14452
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: "Duy tr\xEC \u0111\u0103ng nh\u1EADp" })
14330
14453
  ] }),
14331
- !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
14454
+ !hideForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("a", { href: forgotPasswordUrl, className: "underline", children: "Qu\xEAn m\u1EADt kh\u1EA9u?" })
14332
14455
  ] });
14333
14456
  }
14334
14457
 
@@ -14344,7 +14467,7 @@ var loginSchema = import_zod.default.object({
14344
14467
  });
14345
14468
 
14346
14469
  // src/widgets/advanced/login/provider/credential/index.tsx
14347
- var import_jsx_runtime49 = require("react/jsx-runtime");
14470
+ var import_jsx_runtime50 = require("react/jsx-runtime");
14348
14471
  var CredentialLogin = (props) => {
14349
14472
  const {
14350
14473
  shouldRenderDivider,
@@ -14364,16 +14487,16 @@ var CredentialLogin = (props) => {
14364
14487
  mode: "onChange",
14365
14488
  resolver: s2(loginSchema)
14366
14489
  });
14367
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
14368
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
14490
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
14491
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
14369
14492
  "form",
14370
14493
  {
14371
14494
  onSubmit: handleSubmit(onSubmit ?? (() => {
14372
14495
  })),
14373
14496
  className: `flex w-full h-fit flex-col gap-10`,
14374
14497
  children: [
14375
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-6", children: [
14376
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14498
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-6", children: [
14499
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14377
14500
  TextInput,
14378
14501
  {
14379
14502
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14386,7 +14509,7 @@ var CredentialLogin = (props) => {
14386
14509
  errors
14387
14510
  }
14388
14511
  ),
14389
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14512
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14390
14513
  TextInput,
14391
14514
  {
14392
14515
  inputWrapperClassName: "py-2.5 h-[42px] rounded",
@@ -14399,7 +14522,7 @@ var CredentialLogin = (props) => {
14399
14522
  errors
14400
14523
  }
14401
14524
  ),
14402
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14525
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14403
14526
  FormOptions,
14404
14527
  {
14405
14528
  forgotPasswordUrl,
@@ -14409,7 +14532,7 @@ var CredentialLogin = (props) => {
14409
14532
  }
14410
14533
  )
14411
14534
  ] }),
14412
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
14535
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
14413
14536
  Button,
14414
14537
  {
14415
14538
  type: "submit",
@@ -14421,56 +14544,56 @@ var CredentialLogin = (props) => {
14421
14544
  ]
14422
14545
  }
14423
14546
  ),
14424
- shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-center relative", children: [
14425
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
14426
- /* @__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" })
14547
+ shouldRenderDivider && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-center relative", children: [
14548
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
14549
+ /* @__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" })
14427
14550
  ] })
14428
14551
  ] });
14429
14552
  };
14430
14553
 
14431
14554
  // src/widgets/advanced/login/provider/google/google-btn/index.tsx
14432
- var import_jsx_runtime50 = require("react/jsx-runtime");
14555
+ var import_jsx_runtime51 = require("react/jsx-runtime");
14433
14556
  function GoogleButton(props) {
14434
14557
  const { onLoginGoogle, db } = props;
14435
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
14558
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
14436
14559
  "button",
14437
14560
  {
14438
14561
  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",
14439
14562
  onClick: () => onLoginGoogle?.(db),
14440
14563
  children: [
14441
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GoogleIcon, { className: "google-icon" }),
14442
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
14564
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(GoogleIcon, { className: "google-icon" }),
14565
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
14443
14566
  ]
14444
14567
  }
14445
14568
  );
14446
14569
  }
14447
14570
 
14448
14571
  // src/widgets/advanced/login/provider/google/redirect/index.tsx
14449
- var import_jsx_runtime51 = require("react/jsx-runtime");
14572
+ var import_jsx_runtime52 = require("react/jsx-runtime");
14450
14573
  function SocialRedirect(props) {
14451
14574
  const { db, onLoginSocial } = props;
14452
14575
  onLoginSocial && onLoginSocial(String(db));
14453
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
14576
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
14454
14577
  }
14455
14578
 
14456
14579
  // src/widgets/advanced/login/provider/google/index.tsx
14457
- var import_jsx_runtime52 = require("react/jsx-runtime");
14580
+ var import_jsx_runtime53 = require("react/jsx-runtime");
14458
14581
  var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
14459
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
14460
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(GoogleButton, { db, onLoginGoogle }),
14461
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialRedirect, { db, onLoginSocial })
14582
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
14583
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(GoogleButton, { db, onLoginGoogle }),
14584
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SocialRedirect, { db, onLoginSocial })
14462
14585
  ] });
14463
14586
  };
14464
14587
 
14465
14588
  // src/widgets/advanced/login/index.tsx
14466
- var import_jsx_runtime53 = require("react/jsx-runtime");
14589
+ var import_jsx_runtime54 = require("react/jsx-runtime");
14467
14590
  var LoginProviderMapping = {
14468
14591
  google: GoogleLogin
14469
14592
  };
14470
14593
  var Login = (props) => {
14471
14594
  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
14472
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-full space-y-8", children: [
14473
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
14595
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "w-full space-y-8", children: [
14596
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14474
14597
  CredentialLogin,
14475
14598
  {
14476
14599
  ...props,
@@ -14480,7 +14603,7 @@ var Login = (props) => {
14480
14603
  ),
14481
14604
  providers.map((provider, index4) => {
14482
14605
  const ProviderComp = LoginProviderMapping[provider];
14483
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
14606
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14484
14607
  ProviderComp,
14485
14608
  {
14486
14609
  db,
@@ -14494,7 +14617,7 @@ var Login = (props) => {
14494
14617
  };
14495
14618
 
14496
14619
  // src/widgets/advanced/search/popup-filter/index.tsx
14497
- var import_jsx_runtime54 = require("react/jsx-runtime");
14620
+ var import_jsx_runtime55 = require("react/jsx-runtime");
14498
14621
  var PopupFilter = ({
14499
14622
  handleAddTagSearch,
14500
14623
  removeSearchItems,
@@ -14504,7 +14627,7 @@ var PopupFilter = ({
14504
14627
  setGroupBy,
14505
14628
  fields
14506
14629
  }) => {
14507
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
14630
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
14508
14631
  "div",
14509
14632
  {
14510
14633
  style: {
@@ -14514,25 +14637,25 @@ var PopupFilter = ({
14514
14637
  zIndex: 33
14515
14638
  },
14516
14639
  className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14517
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14640
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14518
14641
  "div",
14519
14642
  {
14520
14643
  className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
14521
14644
  children: [
14522
- filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
14523
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14524
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
14525
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
14645
+ filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "filter-by w-full px-3", children: [
14646
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14647
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
14648
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
14526
14649
  ] }),
14527
14650
  filterBy?.reduce((acc, item, index4, array) => {
14528
14651
  const prevItem = array[index4 - 1];
14529
14652
  const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
14530
14653
  const isExist = item?.active;
14531
14654
  if (isDifferentGroup) {
14532
- acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
14655
+ acc.push(/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("hr", { className: "my-2" }, "separator-" + index4));
14533
14656
  }
14534
14657
  acc.push(
14535
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14658
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14536
14659
  "button",
14537
14660
  {
14538
14661
  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)]"}`,
@@ -14557,8 +14680,8 @@ var PopupFilter = ({
14557
14680
  });
14558
14681
  },
14559
14682
  children: [
14560
- isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
14561
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
14683
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CheckIcon, {}),
14684
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
14562
14685
  ]
14563
14686
  },
14564
14687
  "filter-" + index4
@@ -14567,16 +14690,16 @@ var PopupFilter = ({
14567
14690
  return acc;
14568
14691
  }, [])
14569
14692
  ] }),
14570
- filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
14571
- groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
14572
- /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14573
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
14574
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
14693
+ filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
14694
+ groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "group-by w-full px-3", children: [
14695
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
14696
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
14697
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
14575
14698
  ] }),
14576
14699
  groupBy?.map((item, index4) => {
14577
14700
  const isExist = item?.active;
14578
14701
  if (!item.string) return;
14579
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14702
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14580
14703
  "button",
14581
14704
  {
14582
14705
  onClick: () => {
@@ -14600,8 +14723,8 @@ var PopupFilter = ({
14600
14723
  },
14601
14724
  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)]"}`,
14602
14725
  children: [
14603
- isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
14604
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
14726
+ isExist && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CheckIcon, {}),
14727
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm", children: item?.string })
14605
14728
  ]
14606
14729
  },
14607
14730
  "groupby-" + index4 + 1
@@ -14620,7 +14743,7 @@ var import_react18 = require("react");
14620
14743
 
14621
14744
  // src/widgets/advanced/search/tag-search/index.tsx
14622
14745
  var import_react17 = require("react");
14623
- var import_jsx_runtime55 = require("react/jsx-runtime");
14746
+ var import_jsx_runtime56 = require("react/jsx-runtime");
14624
14747
  var TagSearch = ({
14625
14748
  removeSearchItems,
14626
14749
  selectedTags,
@@ -14630,23 +14753,23 @@ var TagSearch = ({
14630
14753
  return selectedTags?.length > 0 && selectedTags?.map((tag, index4) => {
14631
14754
  if (tag?.values?.length > 0) {
14632
14755
  if (tag?.type !== "group_by") {
14633
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14756
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
14634
14757
  "div",
14635
14758
  {
14636
14759
  className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
14637
14760
  children: [
14638
- /* @__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, {}) }),
14639
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
14640
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react17.Fragment, { children: [
14641
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: value }),
14642
- idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
14761
+ /* @__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, {}) }),
14762
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
14763
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react17.Fragment, { children: [
14764
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: value }),
14765
+ idx < tag.values.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
14643
14766
  " ",
14644
14767
  instance.t("or"),
14645
14768
  " "
14646
14769
  ] })
14647
14770
  ] }, idx);
14648
14771
  }) }),
14649
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
14772
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
14650
14773
  "button",
14651
14774
  {
14652
14775
  className: "px-2 text-sm font-bold",
@@ -14663,7 +14786,7 @@ var TagSearch = ({
14663
14786
  );
14664
14787
  }
14665
14788
  },
14666
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
14789
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
14667
14790
  }
14668
14791
  )
14669
14792
  ]
@@ -14671,26 +14794,26 @@ var TagSearch = ({
14671
14794
  "selected-tag-" + index4
14672
14795
  );
14673
14796
  } else if (tag?.type === "group_by") {
14674
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
14797
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
14675
14798
  "div",
14676
14799
  {
14677
14800
  className: "flex min-h-full overflow-hidden",
14678
- 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(
14679
- (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
14801
+ 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(
14802
+ (value, indexValue) => value?.strings?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
14680
14803
  "div",
14681
14804
  {
14682
14805
  className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
14683
14806
  children: [
14684
- /* @__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, {}) }),
14685
- value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
14686
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: string }),
14687
- idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
14807
+ /* @__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, {}) }),
14808
+ value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
14809
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: string }),
14810
+ idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
14688
14811
  " ",
14689
14812
  "> ",
14690
14813
  " "
14691
14814
  ] })
14692
14815
  ] })),
14693
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
14816
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
14694
14817
  "button",
14695
14818
  {
14696
14819
  className: "pr-2 text-sm font-bold",
@@ -14699,7 +14822,7 @@ var TagSearch = ({
14699
14822
  typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`);
14700
14823
  }
14701
14824
  },
14702
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
14825
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseIcon, { className: "size-4 cursor-pointer" })
14703
14826
  }
14704
14827
  )
14705
14828
  ]
@@ -14716,7 +14839,7 @@ var TagSearch = ({
14716
14839
  };
14717
14840
 
14718
14841
  // src/widgets/advanced/search/search-list/index.tsx
14719
- var import_jsx_runtime56 = require("react/jsx-runtime");
14842
+ var import_jsx_runtime57 = require("react/jsx-runtime");
14720
14843
  var SearchList = ({
14721
14844
  handleAddTagSearch,
14722
14845
  handleMouseEnter,
@@ -14725,7 +14848,7 @@ var SearchList = ({
14725
14848
  searchString,
14726
14849
  hoveredIndexSearchList
14727
14850
  }) => {
14728
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
14851
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14729
14852
  "div",
14730
14853
  {
14731
14854
  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`,
@@ -14734,7 +14857,7 @@ var SearchList = ({
14734
14857
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
14735
14858
  return;
14736
14859
  }
14737
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
14860
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
14738
14861
  "button",
14739
14862
  {
14740
14863
  onClick: () => {
@@ -14756,12 +14879,12 @@ var SearchList = ({
14756
14879
  children: [
14757
14880
  instance.t("search"),
14758
14881
  " ",
14759
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-bold", children: searchItem?.title }),
14882
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold", children: searchItem?.title }),
14760
14883
  " ",
14761
14884
  instance.t("for"),
14762
14885
  ":",
14763
14886
  " ",
14764
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
14887
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "custom-input-result text-primary font-bold italic", children: searchString })
14765
14888
  ]
14766
14889
  },
14767
14890
  "header-" + index4 + 1
@@ -14772,7 +14895,7 @@ var SearchList = ({
14772
14895
  };
14773
14896
 
14774
14897
  // src/widgets/advanced/search/search-item/index.tsx
14775
- var import_jsx_runtime57 = require("react/jsx-runtime");
14898
+ var import_jsx_runtime58 = require("react/jsx-runtime");
14776
14899
  var Search = ({
14777
14900
  removeSearchItems,
14778
14901
  selectedTags,
@@ -14869,15 +14992,15 @@ var Search = ({
14869
14992
  }
14870
14993
  setIsReadyFormatDomain(true);
14871
14994
  }, [aid, filterBy, fieldsList]);
14872
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
14995
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
14873
14996
  "div",
14874
14997
  {
14875
14998
  ref: popupFilterRef,
14876
14999
  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)]`,
14877
15000
  children: [
14878
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
14879
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
14880
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15001
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SearchIcon, {}) }),
15002
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15003
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
14881
15004
  TagSearch,
14882
15005
  {
14883
15006
  removeSearchItems,
@@ -14886,7 +15009,7 @@ var Search = ({
14886
15009
  setFilterBy
14887
15010
  }
14888
15011
  ),
14889
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15012
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
14890
15013
  "input",
14891
15014
  {
14892
15015
  value: searchString,
@@ -14899,7 +15022,7 @@ var Search = ({
14899
15022
  onKeyUp: (e3) => e3.preventDefault()
14900
15023
  }
14901
15024
  ),
14902
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15025
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
14903
15026
  SearchList,
14904
15027
  {
14905
15028
  handleAddTagSearch,
@@ -14908,8 +15031,8 @@ var Search = ({
14908
15031
  }
14909
15032
  )
14910
15033
  ] }),
14911
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
14912
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15034
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
15035
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
14913
15036
  "div",
14914
15037
  {
14915
15038
  className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
@@ -14918,8 +15041,8 @@ var Search = ({
14918
15041
  setShowPopupFilter((prev2) => !prev2);
14919
15042
  },
14920
15043
  children: [
14921
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
14922
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15044
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15045
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
14923
15046
  ChevronBottomIcon,
14924
15047
  {
14925
15048
  className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
@@ -14928,7 +15051,7 @@ var Search = ({
14928
15051
  ]
14929
15052
  }
14930
15053
  ),
14931
- showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15054
+ showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
14932
15055
  PopupFilter,
14933
15056
  {
14934
15057
  handleAddTagSearch,
@@ -14947,16 +15070,16 @@ var Search = ({
14947
15070
  };
14948
15071
 
14949
15072
  // src/widgets/basic/active-badge-field/active-badge.tsx
14950
- var import_jsx_runtime58 = require("react/jsx-runtime");
15073
+ var import_jsx_runtime59 = require("react/jsx-runtime");
14951
15074
  var ActiveBadgeField = (props) => {
14952
15075
  const {
14953
15076
  type,
14954
15077
  className
14955
15078
  } = props;
14956
- if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
15079
+ if (type === void 0) return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {});
14957
15080
  const typeStyle = type ? "text-green-500" : "text-red-500";
14958
15081
  const text = type ? i18n_default.t("active") : i18n_default.t("in_active");
14959
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
15082
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `${typeStyle} ${className}`, children: text });
14960
15083
  };
14961
15084
 
14962
15085
  // node_modules/react-tooltip/dist/react-tooltip.min.mjs
@@ -16763,14 +16886,14 @@ var M = import_react19.default.forwardRef(({ id: t3, anchorId: l2, anchorSelect:
16763
16886
  // src/widgets/common/modal-layer.tsx
16764
16887
  var import_react20 = require("react");
16765
16888
  var import_react21 = require("@headlessui/react");
16766
- var import_jsx_runtime59 = require("react/jsx-runtime");
16889
+ var import_jsx_runtime60 = require("react/jsx-runtime");
16767
16890
  var ModalLayer = ({
16768
16891
  isOpen,
16769
16892
  onClose,
16770
16893
  title,
16771
16894
  children
16772
16895
  }) => {
16773
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
16896
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16774
16897
  import_react21.Transition,
16775
16898
  {
16776
16899
  show: isOpen,
@@ -16781,22 +16904,22 @@ var ModalLayer = ({
16781
16904
  leaveFrom: "transform scale-100 opacity-100",
16782
16905
  leaveTo: "transform scale-95 opacity-0",
16783
16906
  as: import_react20.Fragment,
16784
- 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: [
16785
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16786
- /* @__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: [
16787
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
16907
+ 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: [
16908
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16909
+ /* @__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: [
16910
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16788
16911
  "div",
16789
16912
  {
16790
16913
  className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
16791
16914
  children: [
16792
- title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
16793
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
16915
+ title && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
16916
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
16794
16917
  "button",
16795
16918
  {
16796
16919
  onClick: onClose,
16797
16920
  "aria-label": "Close",
16798
16921
  className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
16799
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, {})
16922
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CloseIcon, {})
16800
16923
  }
16801
16924
  )
16802
16925
  ]
@@ -16810,7 +16933,7 @@ var ModalLayer = ({
16810
16933
  };
16811
16934
 
16812
16935
  // src/widgets/common/modal-confirm.tsx
16813
- var import_jsx_runtime60 = require("react/jsx-runtime");
16936
+ var import_jsx_runtime61 = require("react/jsx-runtime");
16814
16937
  var ModalConfirm = ({
16815
16938
  name: name2,
16816
16939
  isShowModal,
@@ -16823,7 +16946,7 @@ var ModalConfirm = ({
16823
16946
  const renderButtonAction = (name3) => {
16824
16947
  switch (name3) {
16825
16948
  case "duplicate":
16826
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16949
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16827
16950
  "button",
16828
16951
  {
16829
16952
  type: "button",
@@ -16831,13 +16954,13 @@ var ModalConfirm = ({
16831
16954
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16832
16955
  disabled: isLoading,
16833
16956
  children: [
16834
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
16835
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
16957
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
16958
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "duplicating" : "duplicate") })
16836
16959
  ]
16837
16960
  }
16838
16961
  );
16839
16962
  case "archive":
16840
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16963
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16841
16964
  "button",
16842
16965
  {
16843
16966
  type: "button",
@@ -16845,13 +16968,13 @@ var ModalConfirm = ({
16845
16968
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16846
16969
  disabled: isLoading,
16847
16970
  children: [
16848
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
16849
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
16971
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
16972
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "archiving" : "save_archive") })
16850
16973
  ]
16851
16974
  }
16852
16975
  );
16853
16976
  case "unarchive":
16854
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16977
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16855
16978
  "button",
16856
16979
  {
16857
16980
  type: "button",
@@ -16859,13 +16982,13 @@ var ModalConfirm = ({
16859
16982
  className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
16860
16983
  disabled: isLoading,
16861
16984
  children: [
16862
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
16863
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
16985
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
16986
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "unarchiving" : "save_unarchive") })
16864
16987
  ]
16865
16988
  }
16866
16989
  );
16867
16990
  case "delete":
16868
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
16991
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
16869
16992
  "button",
16870
16993
  {
16871
16994
  type: "button",
@@ -16873,8 +16996,8 @@ var ModalConfirm = ({
16873
16996
  className: "button-primary flex-1 flex items-center justify-center gap-2",
16874
16997
  disabled: isLoading,
16875
16998
  children: [
16876
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingIcon, {}),
16877
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
16999
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingIcon, {}),
17000
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: i18n_default.t(isLoading ? "deleting" : "delete_button") })
16878
17001
  ]
16879
17002
  }
16880
17003
  );
@@ -16882,13 +17005,13 @@ var ModalConfirm = ({
16882
17005
  break;
16883
17006
  }
16884
17007
  };
16885
- 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: [
16886
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
16887
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "text-[18px] font-bold", children: title }),
16888
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-[16px]", children: content })
17008
+ 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: [
17009
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
17010
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "text-[18px] font-bold", children: title }),
17011
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-[16px]", children: content })
16889
17012
  ] }),
16890
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
16891
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
17013
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
17014
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
16892
17015
  "button",
16893
17016
  {
16894
17017
  type: "button",
@@ -16905,7 +17028,7 @@ var ModalConfirm = ({
16905
17028
  // src/widgets/common/modal-detail.tsx
16906
17029
  var import_react22 = require("react");
16907
17030
  var import_react_dom2 = require("react-dom");
16908
- var import_jsx_runtime61 = require("react/jsx-runtime");
17031
+ var import_jsx_runtime62 = require("react/jsx-runtime");
16909
17032
  var ModalDetail = ({
16910
17033
  idToolTip,
16911
17034
  title,
@@ -16927,18 +17050,18 @@ var ModalDetail = ({
16927
17050
  window.location.href = `/form/menu?model=${model}&id=${idForm}`;
16928
17051
  };
16929
17052
  return (0, import_react_dom2.createPortal)(
16930
- /* @__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: [
16931
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
16932
- /* @__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: [
16933
- /* @__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: [
16934
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
17053
+ /* @__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: [
17054
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
17055
+ /* @__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: [
17056
+ /* @__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: [
17057
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
16935
17058
  "div",
16936
17059
  {
16937
17060
  id: "modal-detail",
16938
17061
  className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
16939
17062
  children: [
16940
17063
  i18n_default.t("detail_button"),
16941
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
17064
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
16942
17065
  "button",
16943
17066
  {
16944
17067
  onClick: handleNavigateDetail,
@@ -16949,9 +17072,9 @@ var ModalDetail = ({
16949
17072
  ]
16950
17073
  }
16951
17074
  ),
16952
- /* @__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" }) })
17075
+ /* @__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" }) })
16953
17076
  ] }),
16954
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
17077
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
16955
17078
  id: idForm,
16956
17079
  aid,
16957
17080
  model,
@@ -16966,7 +17089,7 @@ var ModalDetail = ({
16966
17089
 
16967
17090
  // src/widgets/common/loading-normal.tsx
16968
17091
  var import_react23 = require("react");
16969
- var import_jsx_runtime62 = require("react/jsx-runtime");
17092
+ var import_jsx_runtime63 = require("react/jsx-runtime");
16970
17093
  var LayerLoading = () => {
16971
17094
  const [activeIndex, setActiveIndex] = (0, import_react23.useState)(0);
16972
17095
  (0, import_react23.useEffect)(() => {
@@ -16975,21 +17098,21 @@ var LayerLoading = () => {
16975
17098
  }, 200);
16976
17099
  return () => clearInterval(interval);
16977
17100
  }, []);
16978
- 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: [
16979
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
17101
+ 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: [
17102
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_2, index4) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
16980
17103
  "div",
16981
17104
  {
16982
17105
  className: `loading-item ${index4 === activeIndex ? "active" : ""}`
16983
17106
  },
16984
17107
  index4
16985
17108
  )) }),
16986
- /* @__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") })
17109
+ /* @__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") })
16987
17110
  ] }) }) });
16988
17111
  };
16989
17112
 
16990
17113
  // src/widgets/common/loading-small.tsx
16991
17114
  var import_react24 = require("react");
16992
- var import_jsx_runtime63 = require("react/jsx-runtime");
17115
+ var import_jsx_runtime64 = require("react/jsx-runtime");
16993
17116
  var LoadingSmall = () => {
16994
17117
  const [activeIndex, setActiveIndex] = (0, import_react24.useState)(0);
16995
17118
  (0, import_react24.useEffect)(() => {
@@ -16998,7 +17121,7 @@ var LoadingSmall = () => {
16998
17121
  }, 200);
16999
17122
  return () => clearInterval(interval);
17000
17123
  }, []);
17001
- 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)(
17124
+ 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)(
17002
17125
  "div",
17003
17126
  {
17004
17127
  className: `loading-item-small ${index4 === activeIndex ? "active" : ""}`
@@ -17009,7 +17132,7 @@ var LoadingSmall = () => {
17009
17132
 
17010
17133
  // src/widgets/common/video-player.tsx
17011
17134
  var import_react25 = require("react");
17012
- var import_jsx_runtime64 = require("react/jsx-runtime");
17135
+ var import_jsx_runtime65 = require("react/jsx-runtime");
17013
17136
  var VideoPlayer = ({ src }) => {
17014
17137
  const [isPlaying, setIsPlaying] = (0, import_react25.useState)(false);
17015
17138
  const videoRef = (0, import_react25.useRef)(null);
@@ -17036,8 +17159,8 @@ var VideoPlayer = ({ src }) => {
17036
17159
  }
17037
17160
  }
17038
17161
  };
17039
- 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: [
17040
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
17162
+ 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: [
17163
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17041
17164
  "video",
17042
17165
  {
17043
17166
  ref: videoRef,
@@ -17049,20 +17172,20 @@ var VideoPlayer = ({ src }) => {
17049
17172
  children: "Your browser does not support the video tag."
17050
17173
  }
17051
17174
  ),
17052
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
17053
- /* @__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, {}) }) })
17175
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
17176
+ /* @__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, {}) }) })
17054
17177
  ] });
17055
17178
  };
17056
17179
 
17057
17180
  // src/widgets/common/render-files.tsx
17058
- var import_jsx_runtime65 = require("react/jsx-runtime");
17181
+ var import_jsx_runtime66 = require("react/jsx-runtime");
17059
17182
  var ImageItem = ({ filename, checksum, index: index4, src = null, useGetImage }) => {
17060
17183
  const { data: image } = useGetImage({
17061
17184
  data: { filename, checksum },
17062
17185
  queryKey: [`get-image-${""}`],
17063
17186
  src
17064
17187
  });
17065
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17188
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative group group/file", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17066
17189
  "img",
17067
17190
  {
17068
17191
  src: image || src,
@@ -17083,47 +17206,47 @@ var FileItem = (props) => {
17083
17206
  useGetImage
17084
17207
  } = props;
17085
17208
  const fileTypeIcon = {
17086
- "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PdfIcon, {}),
17087
- "application/zip": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ZipIcon, {}),
17088
- "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ZipIcon, {}),
17089
- "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExcelIcon, {}),
17090
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExcelIcon, {})
17209
+ "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PdfIcon, {}),
17210
+ "application/zip": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ZipIcon, {}),
17211
+ "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ZipIcon, {}),
17212
+ "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExcelIcon, {}),
17213
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExcelIcon, {})
17091
17214
  };
17092
17215
  const renderFile = () => {
17093
17216
  if (mimetype?.includes("image") || mimetype?.includes("img") || checkIsImageLink(src)) {
17094
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ImageItem, { ...props });
17217
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ImageItem, { ...props });
17095
17218
  } else if (mimetype?.includes("video")) {
17096
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VideoPlayer, { ...props });
17219
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(VideoPlayer, { ...props });
17097
17220
  } else {
17098
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
17221
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex bg-gray-200 items-center p-2 gap-2 overflow-hidden", children: [
17099
17222
  fileTypeIcon[mimetype],
17100
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
17101
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
17102
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
17223
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
17224
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-[#0A0D14] font-medium", children: filename }),
17225
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-[12px]", children: formatFileSize(size4) })
17103
17226
  ] })
17104
17227
  ] });
17105
17228
  }
17106
17229
  };
17107
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
17230
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
17108
17231
  "div",
17109
17232
  {
17110
17233
  className: "flex relative items-center overflow-hidden justify-between group rounded-md w-fit group/file",
17111
17234
  children: [
17112
17235
  renderFile(),
17113
- handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17236
+ handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17114
17237
  "div",
17115
17238
  {
17116
17239
  onClick: () => handleRemoveFile(index4),
17117
17240
  className: "cursor-pointer absolute right-0 top-0 p-2 hidden group-hover/file:block bg-[rgba(0,0,0,0.2)]",
17118
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DeleteIcon, {})
17241
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DeleteIcon, {})
17119
17242
  }
17120
17243
  ),
17121
- !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17244
+ !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17122
17245
  "span",
17123
17246
  {
17124
17247
  onClick: (e3) => handleFileDownload(e3, src, filename),
17125
17248
  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)]",
17126
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DownloadIcon, {})
17249
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DownloadIcon, {})
17127
17250
  }
17128
17251
  )
17129
17252
  ]
@@ -17162,8 +17285,8 @@ var RenderFiles = ({ selectedFiles, setSelectedFiles, useGetImage }) => {
17162
17285
  e3.stopPropagation();
17163
17286
  downloadFile(url, name2);
17164
17287
  };
17165
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
17166
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
17288
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-3 flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
17289
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17167
17290
  FileItem,
17168
17291
  {
17169
17292
  ...file,
@@ -17365,7 +17488,7 @@ var po = $2(K("zoom"));
17365
17488
  var uo = $2(K("flip"));
17366
17489
 
17367
17490
  // src/widgets/common/select-files.tsx
17368
- var import_jsx_runtime66 = require("react/jsx-runtime");
17491
+ var import_jsx_runtime67 = require("react/jsx-runtime");
17369
17492
  var ButtonSelectFiles = ({
17370
17493
  fileInputRef,
17371
17494
  selectedFiles,
@@ -17462,8 +17585,8 @@ var ButtonSelectFiles = ({
17462
17585
  await handleUploadImage({ formData });
17463
17586
  }
17464
17587
  };
17465
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
17466
- 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)(
17588
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
17589
+ 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)(
17467
17590
  "button",
17468
17591
  {
17469
17592
  type: "button",
@@ -17471,12 +17594,12 @@ var ButtonSelectFiles = ({
17471
17594
  className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
17472
17595
  onClick: () => fileInputRef.current.click(),
17473
17596
  children: [
17474
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AttachIcon, {}),
17475
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: i18n_default.t("upload_file_placeholder") })
17597
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AttachIcon, {}),
17598
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: i18n_default.t("upload_file_placeholder") })
17476
17599
  ]
17477
17600
  }
17478
17601
  ),
17479
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
17602
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17480
17603
  "input",
17481
17604
  {
17482
17605
  type: "file",
@@ -17491,7 +17614,7 @@ var ButtonSelectFiles = ({
17491
17614
  };
17492
17615
 
17493
17616
  // src/widgets/basic/avatar-field/avatar.tsx
17494
- var import_jsx_runtime67 = require("react/jsx-runtime");
17617
+ var import_jsx_runtime68 = require("react/jsx-runtime");
17495
17618
  var AvatarField = (props) => {
17496
17619
  const {
17497
17620
  isForm = false,
@@ -17515,8 +17638,8 @@ var AvatarField = (props) => {
17515
17638
  color: textColor,
17516
17639
  fontSize: `${size4 / 2.5}px`
17517
17640
  };
17518
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
17519
- isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17641
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
17642
+ isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17520
17643
  ModalDetail,
17521
17644
  {
17522
17645
  idToolTip: `avatar-widget-id-${id}`,
@@ -17527,7 +17650,7 @@ var AvatarField = (props) => {
17527
17650
  place: "top-start"
17528
17651
  }
17529
17652
  ),
17530
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17653
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17531
17654
  M,
17532
17655
  {
17533
17656
  id: `avatar-widget-id-${id}`,
@@ -17536,7 +17659,7 @@ var AvatarField = (props) => {
17536
17659
  className: "z-20"
17537
17660
  }
17538
17661
  ),
17539
- avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17662
+ avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17540
17663
  "img",
17541
17664
  {
17542
17665
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17544,7 +17667,7 @@ var AvatarField = (props) => {
17544
17667
  className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
17545
17668
  alt: "Avatar"
17546
17669
  }
17547
- ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
17670
+ ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17548
17671
  "div",
17549
17672
  {
17550
17673
  "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17557,7 +17680,7 @@ var AvatarField = (props) => {
17557
17680
  };
17558
17681
 
17559
17682
  // src/widgets/basic/binary-field/binary.tsx
17560
- var import_jsx_runtime68 = require("react/jsx-runtime");
17683
+ var import_jsx_runtime69 = require("react/jsx-runtime");
17561
17684
  var BinaryField = (props) => {
17562
17685
  const {
17563
17686
  name: name2,
@@ -17577,51 +17700,51 @@ var BinaryField = (props) => {
17577
17700
  checkIsImageLink: checkIsImageLink2,
17578
17701
  getImageBase64WithMimeType
17579
17702
  } = props;
17580
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17703
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17581
17704
  Controller,
17582
17705
  {
17583
17706
  name: name2 ?? "",
17584
17707
  control: methods.control,
17585
17708
  render: ({ field }) => {
17586
17709
  const renderImage = initialImage || selectedImage;
17587
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17710
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17588
17711
  "div",
17589
17712
  {
17590
17713
  ref: binaryRef,
17591
17714
  className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
17592
- children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative group", children: [
17593
- renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17715
+ children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative group", children: [
17716
+ renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17594
17717
  "img",
17595
17718
  {
17596
17719
  src: renderImage,
17597
17720
  alt: "Selected",
17598
17721
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17599
17722
  }
17600
- ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17723
+ ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17601
17724
  "img",
17602
17725
  {
17603
17726
  src: getImageBase64WithMimeType(renderImage) ?? void 0,
17604
17727
  alt: "Selected",
17605
17728
  className: "h-32 w-32 max-w-fit rounded-lg object-contain"
17606
17729
  }
17607
- ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlaceHolderIcon, {}),
17608
- !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17730
+ ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlaceHolderIcon, {}),
17731
+ !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17609
17732
  "button",
17610
17733
  {
17611
17734
  type: "button",
17612
17735
  onClick: () => handleRemoveImage(field.onChange),
17613
17736
  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",
17614
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DeleteIcon, {})
17737
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
17615
17738
  }
17616
17739
  )
17617
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
17740
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
17618
17741
  "label",
17619
17742
  {
17620
17743
  htmlFor: inputId,
17621
17744
  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"}`,
17622
17745
  children: [
17623
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AddIcon, {}) }),
17624
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
17746
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AddIcon, {}) }),
17747
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
17625
17748
  "input",
17626
17749
  {
17627
17750
  id: inputId,
@@ -17644,7 +17767,7 @@ var BinaryField = (props) => {
17644
17767
  };
17645
17768
 
17646
17769
  // src/widgets/basic/button-badge-field/button-badge.tsx
17647
- var import_jsx_runtime69 = require("react/jsx-runtime");
17770
+ var import_jsx_runtime70 = require("react/jsx-runtime");
17648
17771
  var ButtonBadgeField = (props) => {
17649
17772
  const { defaultValue, selection, value, formValues, domainHelper } = props;
17650
17773
  const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
@@ -17676,11 +17799,11 @@ var ButtonBadgeField = (props) => {
17676
17799
  return item ? item[1] : "";
17677
17800
  };
17678
17801
  const label = getLabel(defaultValue ?? value);
17679
- return label ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
17802
+ return label ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: buttonClass, children: i18n_default.t(label) }) : null;
17680
17803
  };
17681
17804
 
17682
17805
  // src/widgets/basic/button-field/button.tsx
17683
- var import_jsx_runtime70 = require("react/jsx-runtime");
17806
+ var import_jsx_runtime71 = require("react/jsx-runtime");
17684
17807
  var ButtonField = (props) => {
17685
17808
  const {
17686
17809
  func,
@@ -17690,7 +17813,7 @@ var ButtonField = (props) => {
17690
17813
  disable,
17691
17814
  type = "submit"
17692
17815
  } = props;
17693
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
17816
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17694
17817
  "button",
17695
17818
  {
17696
17819
  type,
@@ -17699,7 +17822,7 @@ var ButtonField = (props) => {
17699
17822
  onClick: func,
17700
17823
  children: i18n_default.t(content)
17701
17824
  }
17702
- ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
17825
+ ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
17703
17826
  "button",
17704
17827
  {
17705
17828
  type,
@@ -17708,7 +17831,7 @@ var ButtonField = (props) => {
17708
17831
  children: [
17709
17832
  i18n_default.t("loading"),
17710
17833
  " ",
17711
- /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LoadingIcon, {})
17834
+ /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(LoadingIcon, {})
17712
17835
  ]
17713
17836
  }
17714
17837
  ) });
@@ -17716,7 +17839,7 @@ var ButtonField = (props) => {
17716
17839
 
17717
17840
  // src/widgets/basic/char-field/char.tsx
17718
17841
  var import_react37 = require("react");
17719
- var import_jsx_runtime71 = require("react/jsx-runtime");
17842
+ var import_jsx_runtime72 = require("react/jsx-runtime");
17720
17843
  var CharField = (props) => {
17721
17844
  const {
17722
17845
  name: name2,
@@ -17742,9 +17865,9 @@ var CharField = (props) => {
17742
17865
  } = props;
17743
17866
  if (!isForm) {
17744
17867
  const propValue = value || defaultValue;
17745
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17868
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
17746
17869
  }
17747
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17870
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17748
17871
  Controller,
17749
17872
  {
17750
17873
  name: name2 ?? "",
@@ -17779,8 +17902,8 @@ var CharField = (props) => {
17779
17902
  }, [value2, clearErrors, name2]);
17780
17903
  const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
17781
17904
  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) : "";
17782
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
17783
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
17905
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
17906
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17784
17907
  "textarea",
17785
17908
  {
17786
17909
  value: displayValue,
@@ -17839,7 +17962,7 @@ var CharField = (props) => {
17839
17962
  `
17840
17963
  }
17841
17964
  ),
17842
- 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 }) })
17965
+ 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 }) })
17843
17966
  ] });
17844
17967
  }
17845
17968
  }
@@ -17847,7 +17970,7 @@ var CharField = (props) => {
17847
17970
  };
17848
17971
 
17849
17972
  // src/widgets/basic/checkbox-field/checkbox.tsx
17850
- var import_jsx_runtime72 = require("react/jsx-runtime");
17973
+ var import_jsx_runtime73 = require("react/jsx-runtime");
17851
17974
  var CheckboxField = (props) => {
17852
17975
  const {
17853
17976
  name: name2,
@@ -17862,9 +17985,9 @@ var CheckboxField = (props) => {
17862
17985
  } = props;
17863
17986
  if (!isForm) {
17864
17987
  if (name2 === "is_active" || name2 === "active") {
17865
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ActiveBadgeField, { type: value });
17988
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ActiveBadgeField, { type: value });
17866
17989
  } else {
17867
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17990
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
17868
17991
  "input",
17869
17992
  {
17870
17993
  type: "checkbox",
@@ -17875,12 +17998,12 @@ var CheckboxField = (props) => {
17875
17998
  );
17876
17999
  }
17877
18000
  }
17878
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18001
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
17879
18002
  Controller,
17880
18003
  {
17881
18004
  name: name2 ?? "",
17882
18005
  control: methods?.control,
17883
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18006
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
17884
18007
  "div",
17885
18008
  {
17886
18009
  className: "flex items-center gap-2",
@@ -17893,7 +18016,7 @@ var CheckboxField = (props) => {
17893
18016
  onChange2(name2 ?? "", checked);
17894
18017
  }
17895
18018
  },
17896
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18019
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
17897
18020
  "input",
17898
18021
  {
17899
18022
  ...field,
@@ -17921,7 +18044,7 @@ var CheckboxField = (props) => {
17921
18044
 
17922
18045
  // src/widgets/basic/color-field/color-wrapper.tsx
17923
18046
  var import_react38 = require("react");
17924
- var import_jsx_runtime73 = require("react/jsx-runtime");
18047
+ var import_jsx_runtime74 = require("react/jsx-runtime");
17925
18048
  var ColorWrapper = (props) => {
17926
18049
  const {
17927
18050
  colors: colors2,
@@ -17948,8 +18071,8 @@ var ColorWrapper = (props) => {
17948
18071
  document.removeEventListener("mousedown", handleClickOutside);
17949
18072
  };
17950
18073
  }, []);
17951
- 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: [
17952
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18074
+ 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: [
18075
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17953
18076
  "button",
17954
18077
  {
17955
18078
  "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -17963,7 +18086,7 @@ var ColorWrapper = (props) => {
17963
18086
  }
17964
18087
  }
17965
18088
  ),
17966
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18089
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17967
18090
  M,
17968
18091
  {
17969
18092
  className: "",
@@ -17972,8 +18095,8 @@ var ColorWrapper = (props) => {
17972
18095
  content: i18n_default.t(color?.name)
17973
18096
  }
17974
18097
  )
17975
- ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
17976
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18098
+ ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
18099
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17977
18100
  "button",
17978
18101
  {
17979
18102
  "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -17986,7 +18109,7 @@ var ColorWrapper = (props) => {
17986
18109
  style: { backgroundColor: selectedColor?.color }
17987
18110
  }
17988
18111
  ),
17989
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
18112
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
17990
18113
  M,
17991
18114
  {
17992
18115
  place: "top",
@@ -17998,13 +18121,13 @@ var ColorWrapper = (props) => {
17998
18121
  };
17999
18122
 
18000
18123
  // src/widgets/basic/color-field/color.tsx
18001
- var import_jsx_runtime74 = require("react/jsx-runtime");
18124
+ var import_jsx_runtime75 = require("react/jsx-runtime");
18002
18125
  var ColorField = (props) => {
18003
18126
  const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
18004
18127
  if (!isForm) {
18005
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
18128
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
18006
18129
  }
18007
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18130
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18008
18131
  Controller,
18009
18132
  {
18010
18133
  name: name2 ?? "",
@@ -18014,7 +18137,7 @@ var ColorField = (props) => {
18014
18137
  field.onChange(color?.id);
18015
18138
  onChange2 && onChange2(name2 ?? "", color?.id);
18016
18139
  };
18017
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
18140
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18018
18141
  ColorWrapper,
18019
18142
  {
18020
18143
  savePickColor: handlePickColorChange,
@@ -18029,7 +18152,7 @@ var ColorField = (props) => {
18029
18152
 
18030
18153
  // src/widgets/basic/copy-link-buttton/copy-link.tsx
18031
18154
  var import_react39 = require("react");
18032
- var import_jsx_runtime75 = require("react/jsx-runtime");
18155
+ var import_jsx_runtime76 = require("react/jsx-runtime");
18033
18156
  var CopyLinkButtonField = (props) => {
18034
18157
  const {
18035
18158
  isForm,
@@ -18047,9 +18170,9 @@ var CopyLinkButtonField = (props) => {
18047
18170
  propValue
18048
18171
  } = props;
18049
18172
  if (!isForm) {
18050
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18173
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
18051
18174
  }
18052
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18175
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18053
18176
  Controller,
18054
18177
  {
18055
18178
  name: name2 ?? "",
@@ -18067,9 +18190,9 @@ var CopyLinkButtonField = (props) => {
18067
18190
  clearErrors(name2);
18068
18191
  }
18069
18192
  }, [value]);
18070
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
18071
- /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex relative field", children: [
18072
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18193
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "relative", children: [
18194
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex relative field", children: [
18195
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18073
18196
  "input",
18074
18197
  {
18075
18198
  value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -18110,17 +18233,17 @@ var CopyLinkButtonField = (props) => {
18110
18233
  `
18111
18234
  }
18112
18235
  ),
18113
- readonly && value && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
18236
+ readonly && value && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
18114
18237
  "button",
18115
18238
  {
18116
18239
  className: "cursor-pointer",
18117
18240
  type: "button",
18118
18241
  onClick: () => handleCopyToClipboard(propValue),
18119
- children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CopyIcon, {})
18242
+ children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CopyIcon, {})
18120
18243
  }
18121
18244
  )
18122
18245
  ] }),
18123
- error2 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
18246
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
18124
18247
  ] });
18125
18248
  }
18126
18249
  }
@@ -22061,7 +22184,7 @@ function useEffectEvent(callback) {
22061
22184
  }
22062
22185
 
22063
22186
  // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
22064
- var import_jsx_runtime76 = require("react/jsx-runtime");
22187
+ var import_jsx_runtime77 = require("react/jsx-runtime");
22065
22188
  var ReactDOM2 = __toESM(require("react-dom"), 1);
22066
22189
 
22067
22190
  // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
@@ -22459,7 +22582,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22459
22582
  bottom: isCustomShape ? "" : "rotate(180deg)",
22460
22583
  right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
22461
22584
  }[side];
22462
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("svg", {
22585
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", {
22463
22586
  ...rest,
22464
22587
  "aria-hidden": true,
22465
22588
  ref,
@@ -22475,18 +22598,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
22475
22598
  transform: [rotation, transform].filter((t3) => !!t3).join(" "),
22476
22599
  ...restStyle
22477
22600
  },
22478
- children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", {
22601
+ children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", {
22479
22602
  clipPath: "url(#" + clipPathId + ")",
22480
22603
  fill: "none",
22481
22604
  stroke,
22482
22605
  strokeWidth: computedStrokeWidth + (d ? 0 : 1),
22483
22606
  d: dValue
22484
- }), /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", {
22607
+ }), /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", {
22485
22608
  stroke: computedStrokeWidth && !d ? rest.fill : "none",
22486
22609
  d: dValue
22487
- }), /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", {
22610
+ }), /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", {
22488
22611
  id: clipPathId,
22489
- children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", {
22612
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", {
22490
22613
  x: -halfStrokeWidth,
22491
22614
  y: halfStrokeWidth * (isCustomShape ? -1 : 1),
22492
22615
  width: width + computedStrokeWidth,
@@ -28419,7 +28542,7 @@ var Emotion$1 = Emotion;
28419
28542
  var React12 = __toESM(require("react"));
28420
28543
  var import_extends2 = __toESM(require_extends());
28421
28544
  var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
28422
- var jsx77 = function jsx78(type, props) {
28545
+ var jsx78 = function jsx79(type, props) {
28423
28546
  var args = arguments;
28424
28547
  if (props == null || !hasOwn.call(props, "css")) {
28425
28548
  return React12.createElement.apply(void 0, args);
@@ -28437,7 +28560,7 @@ var jsx77 = function jsx78(type, props) {
28437
28560
  var JSX;
28438
28561
  /* @__PURE__ */ (function(_JSX) {
28439
28562
  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
28440
- })(jsx77 || (jsx77 = {}));
28563
+ })(jsx78 || (jsx78 = {}));
28441
28564
  function css() {
28442
28565
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
28443
28566
  args[_key] = arguments[_key];
@@ -28845,7 +28968,7 @@ var MenuPlacer = function MenuPlacer2(props) {
28845
28968
  };
28846
28969
  var Menu = function Menu2(props) {
28847
28970
  var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
28848
- return jsx77("div", _extends({}, getStyleProps(props, "menu", {
28971
+ return jsx78("div", _extends({}, getStyleProps(props, "menu", {
28849
28972
  menu: true
28850
28973
  }), {
28851
28974
  ref: innerRef
@@ -28867,7 +28990,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
28867
28990
  };
28868
28991
  var MenuList = function MenuList2(props) {
28869
28992
  var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
28870
- return jsx77("div", _extends({}, getStyleProps(props, "menuList", {
28993
+ return jsx78("div", _extends({}, getStyleProps(props, "menuList", {
28871
28994
  "menu-list": true,
28872
28995
  "menu-list--is-multi": isMulti
28873
28996
  }), {
@@ -28887,7 +29010,7 @@ var noOptionsMessageCSS = noticeCSS;
28887
29010
  var loadingMessageCSS = noticeCSS;
28888
29011
  var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
28889
29012
  var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
28890
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29013
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28891
29014
  children,
28892
29015
  innerProps
28893
29016
  }), "noOptionsMessage", {
@@ -28897,7 +29020,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
28897
29020
  };
28898
29021
  var LoadingMessage = function LoadingMessage2(_ref7) {
28899
29022
  var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
28900
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29023
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
28901
29024
  children,
28902
29025
  innerProps
28903
29026
  }), "loadingMessage", {
@@ -28960,7 +29083,7 @@ var MenuPortal = function MenuPortal2(props) {
28960
29083
  runAutoUpdate();
28961
29084
  }, [runAutoUpdate]);
28962
29085
  if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
28963
- var menuWrapper = jsx77("div", _extends({
29086
+ var menuWrapper = jsx78("div", _extends({
28964
29087
  ref: setMenuPortalElement
28965
29088
  }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
28966
29089
  offset: computedPosition.offset,
@@ -28969,7 +29092,7 @@ var MenuPortal = function MenuPortal2(props) {
28969
29092
  }), "menuPortal", {
28970
29093
  "menu-portal": true
28971
29094
  }), innerProps), children);
28972
- return jsx77(PortalPlacementContext.Provider, {
29095
+ return jsx78(PortalPlacementContext.Provider, {
28973
29096
  value: portalPlacementContext
28974
29097
  }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
28975
29098
  };
@@ -28985,7 +29108,7 @@ var containerCSS = function containerCSS2(_ref3) {
28985
29108
  };
28986
29109
  var SelectContainer = function SelectContainer2(props) {
28987
29110
  var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
28988
- return jsx77("div", _extends({}, getStyleProps(props, "container", {
29111
+ return jsx78("div", _extends({}, getStyleProps(props, "container", {
28989
29112
  "--is-disabled": isDisabled,
28990
29113
  "--is-rtl": isRtl
28991
29114
  }), innerProps), children);
@@ -29006,7 +29129,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
29006
29129
  };
29007
29130
  var ValueContainer = function ValueContainer2(props) {
29008
29131
  var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
29009
- return jsx77("div", _extends({}, getStyleProps(props, "valueContainer", {
29132
+ return jsx78("div", _extends({}, getStyleProps(props, "valueContainer", {
29010
29133
  "value-container": true,
29011
29134
  "value-container--is-multi": isMulti,
29012
29135
  "value-container--has-value": hasValue
@@ -29022,7 +29145,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
29022
29145
  };
29023
29146
  var IndicatorsContainer = function IndicatorsContainer2(props) {
29024
29147
  var children = props.children, innerProps = props.innerProps;
29025
- return jsx77("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
29148
+ return jsx78("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
29026
29149
  indicators: true
29027
29150
  }), innerProps), children);
29028
29151
  };
@@ -29043,7 +29166,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
29043
29166
  };
29044
29167
  var Svg = function Svg2(_ref3) {
29045
29168
  var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
29046
- return jsx77("svg", _extends({
29169
+ return jsx78("svg", _extends({
29047
29170
  height: size4,
29048
29171
  width: size4,
29049
29172
  viewBox: "0 0 20 20",
@@ -29053,16 +29176,16 @@ var Svg = function Svg2(_ref3) {
29053
29176
  }, props));
29054
29177
  };
29055
29178
  var CrossIcon = function CrossIcon2(props) {
29056
- return jsx77(Svg, _extends({
29179
+ return jsx78(Svg, _extends({
29057
29180
  size: 20
29058
- }, props), jsx77("path", {
29181
+ }, props), jsx78("path", {
29059
29182
  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"
29060
29183
  }));
29061
29184
  };
29062
29185
  var DownChevron = function DownChevron2(props) {
29063
- return jsx77(Svg, _extends({
29186
+ return jsx78(Svg, _extends({
29064
29187
  size: 20
29065
- }, props), jsx77("path", {
29188
+ }, props), jsx78("path", {
29066
29189
  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"
29067
29190
  }));
29068
29191
  };
@@ -29083,18 +29206,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
29083
29206
  var dropdownIndicatorCSS = baseCSS;
29084
29207
  var DropdownIndicator = function DropdownIndicator2(props) {
29085
29208
  var children = props.children, innerProps = props.innerProps;
29086
- return jsx77("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
29209
+ return jsx78("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
29087
29210
  indicator: true,
29088
29211
  "dropdown-indicator": true
29089
- }), innerProps), children || jsx77(DownChevron, null));
29212
+ }), innerProps), children || jsx78(DownChevron, null));
29090
29213
  };
29091
29214
  var clearIndicatorCSS = baseCSS;
29092
29215
  var ClearIndicator = function ClearIndicator2(props) {
29093
29216
  var children = props.children, innerProps = props.innerProps;
29094
- return jsx77("div", _extends({}, getStyleProps(props, "clearIndicator", {
29217
+ return jsx78("div", _extends({}, getStyleProps(props, "clearIndicator", {
29095
29218
  indicator: true,
29096
29219
  "clear-indicator": true
29097
- }), innerProps), children || jsx77(CrossIcon, null));
29220
+ }), innerProps), children || jsx78(CrossIcon, null));
29098
29221
  };
29099
29222
  var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
29100
29223
  var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -29110,7 +29233,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
29110
29233
  };
29111
29234
  var IndicatorSeparator = function IndicatorSeparator2(props) {
29112
29235
  var innerProps = props.innerProps;
29113
- return jsx77("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
29236
+ return jsx78("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
29114
29237
  "indicator-separator": true
29115
29238
  })));
29116
29239
  };
@@ -29134,7 +29257,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
29134
29257
  };
29135
29258
  var LoadingDot = function LoadingDot2(_ref6) {
29136
29259
  var delay = _ref6.delay, offset4 = _ref6.offset;
29137
- return jsx77("span", {
29260
+ return jsx78("span", {
29138
29261
  css: /* @__PURE__ */ css({
29139
29262
  animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
29140
29263
  backgroundColor: "currentColor",
@@ -29149,20 +29272,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
29149
29272
  };
29150
29273
  var LoadingIndicator = function LoadingIndicator2(_ref7) {
29151
29274
  var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
29152
- return jsx77("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29275
+ return jsx78("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
29153
29276
  innerProps,
29154
29277
  isRtl,
29155
29278
  size: size4
29156
29279
  }), "loadingIndicator", {
29157
29280
  indicator: true,
29158
29281
  "loading-indicator": true
29159
- }), innerProps), jsx77(LoadingDot, {
29282
+ }), innerProps), jsx78(LoadingDot, {
29160
29283
  delay: 0,
29161
29284
  offset: isRtl
29162
- }), jsx77(LoadingDot, {
29285
+ }), jsx78(LoadingDot, {
29163
29286
  delay: 160,
29164
29287
  offset: true
29165
- }), jsx77(LoadingDot, {
29288
+ }), jsx78(LoadingDot, {
29166
29289
  delay: 320,
29167
29290
  offset: !isRtl
29168
29291
  }));
@@ -29194,7 +29317,7 @@ var css$1 = function css2(_ref3, unstyled) {
29194
29317
  };
29195
29318
  var Control = function Control2(props) {
29196
29319
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
29197
- return jsx77("div", _extends({
29320
+ return jsx78("div", _extends({
29198
29321
  ref: innerRef
29199
29322
  }, getStyleProps(props, "control", {
29200
29323
  control: true,
@@ -29216,15 +29339,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
29216
29339
  };
29217
29340
  var Group = function Group2(props) {
29218
29341
  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;
29219
- return jsx77("div", _extends({}, getStyleProps(props, "group", {
29342
+ return jsx78("div", _extends({}, getStyleProps(props, "group", {
29220
29343
  group: true
29221
- }), innerProps), jsx77(Heading, _extends({}, headingProps, {
29344
+ }), innerProps), jsx78(Heading, _extends({}, headingProps, {
29222
29345
  selectProps,
29223
29346
  theme,
29224
29347
  getStyles,
29225
29348
  getClassNames,
29226
29349
  cx
29227
- }), label), jsx77("div", null, children));
29350
+ }), label), jsx78("div", null, children));
29228
29351
  };
29229
29352
  var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
29230
29353
  var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -29246,7 +29369,7 @@ var GroupHeading = function GroupHeading2(props) {
29246
29369
  var _cleanCommonProps = cleanCommonProps(props);
29247
29370
  _cleanCommonProps.data;
29248
29371
  var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
29249
- return jsx77("div", _extends({}, getStyleProps(props, "groupHeading", {
29372
+ return jsx78("div", _extends({}, getStyleProps(props, "groupHeading", {
29250
29373
  "group-heading": true
29251
29374
  }), innerProps));
29252
29375
  };
@@ -29298,11 +29421,11 @@ var inputStyle = function inputStyle2(isHidden) {
29298
29421
  var Input = function Input2(props) {
29299
29422
  var cx = props.cx, value = props.value;
29300
29423
  var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
29301
- return jsx77("div", _extends({}, getStyleProps(props, "input", {
29424
+ return jsx78("div", _extends({}, getStyleProps(props, "input", {
29302
29425
  "input-container": true
29303
29426
  }), {
29304
29427
  "data-value": value || ""
29305
- }), jsx77("input", _extends({
29428
+ }), jsx78("input", _extends({
29306
29429
  className: cx({
29307
29430
  input: true
29308
29431
  }, inputClassName),
@@ -29356,35 +29479,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
29356
29479
  };
29357
29480
  var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
29358
29481
  var children = _ref4.children, innerProps = _ref4.innerProps;
29359
- return jsx77("div", innerProps, children);
29482
+ return jsx78("div", innerProps, children);
29360
29483
  };
29361
29484
  var MultiValueContainer = MultiValueGeneric;
29362
29485
  var MultiValueLabel = MultiValueGeneric;
29363
29486
  function MultiValueRemove(_ref5) {
29364
29487
  var children = _ref5.children, innerProps = _ref5.innerProps;
29365
- return jsx77("div", _extends({
29488
+ return jsx78("div", _extends({
29366
29489
  role: "button"
29367
- }, innerProps), children || jsx77(CrossIcon, {
29490
+ }, innerProps), children || jsx78(CrossIcon, {
29368
29491
  size: 14
29369
29492
  }));
29370
29493
  }
29371
29494
  var MultiValue = function MultiValue2(props) {
29372
29495
  var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
29373
29496
  var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
29374
- return jsx77(Container, {
29497
+ return jsx78(Container, {
29375
29498
  data,
29376
29499
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
29377
29500
  "multi-value": true,
29378
29501
  "multi-value--is-disabled": isDisabled
29379
29502
  })), innerProps),
29380
29503
  selectProps
29381
- }, jsx77(Label, {
29504
+ }, jsx78(Label, {
29382
29505
  data,
29383
29506
  innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
29384
29507
  "multi-value__label": true
29385
29508
  })),
29386
29509
  selectProps
29387
- }, children), jsx77(Remove, {
29510
+ }, children), jsx78(Remove, {
29388
29511
  data,
29389
29512
  innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
29390
29513
  "multi-value__remove": true
@@ -29417,7 +29540,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
29417
29540
  };
29418
29541
  var Option = function Option2(props) {
29419
29542
  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
29420
- return jsx77("div", _extends({}, getStyleProps(props, "option", {
29543
+ return jsx78("div", _extends({}, getStyleProps(props, "option", {
29421
29544
  option: true,
29422
29545
  "option--is-disabled": isDisabled,
29423
29546
  "option--is-focused": isFocused,
@@ -29441,7 +29564,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
29441
29564
  };
29442
29565
  var Placeholder = function Placeholder2(props) {
29443
29566
  var children = props.children, innerProps = props.innerProps;
29444
- return jsx77("div", _extends({}, getStyleProps(props, "placeholder", {
29567
+ return jsx78("div", _extends({}, getStyleProps(props, "placeholder", {
29445
29568
  placeholder: true
29446
29569
  }), innerProps), children);
29447
29570
  };
@@ -29463,7 +29586,7 @@ var css3 = function css4(_ref3, unstyled) {
29463
29586
  };
29464
29587
  var SingleValue = function SingleValue2(props) {
29465
29588
  var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
29466
- return jsx77("div", _extends({}, getStyleProps(props, "singleValue", {
29589
+ return jsx78("div", _extends({}, getStyleProps(props, "singleValue", {
29467
29590
  "single-value": true,
29468
29591
  "single-value--is-disabled": isDisabled
29469
29592
  }), innerProps), children);
@@ -29565,7 +29688,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
29565
29688
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
29566
29689
  };
29567
29690
  var A11yText = function A11yText2(props) {
29568
- return jsx77("span", _extends({
29691
+ return jsx78("span", _extends({
29569
29692
  css: _ref
29570
29693
  }, props));
29571
29694
  };
@@ -29700,18 +29823,18 @@ var LiveRegion = function LiveRegion2(props) {
29700
29823
  }
29701
29824
  return guidanceMsg;
29702
29825
  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
29703
- var ScreenReaderText = jsx77(import_react49.Fragment, null, jsx77("span", {
29826
+ var ScreenReaderText = jsx78(import_react49.Fragment, null, jsx78("span", {
29704
29827
  id: "aria-selection"
29705
- }, ariaSelected), jsx77("span", {
29828
+ }, ariaSelected), jsx78("span", {
29706
29829
  id: "aria-focused"
29707
- }, ariaFocused), jsx77("span", {
29830
+ }, ariaFocused), jsx78("span", {
29708
29831
  id: "aria-results"
29709
- }, ariaResults), jsx77("span", {
29832
+ }, ariaResults), jsx78("span", {
29710
29833
  id: "aria-guidance"
29711
29834
  }, ariaGuidance));
29712
- return jsx77(import_react49.Fragment, null, jsx77(A11yText$1, {
29835
+ return jsx78(import_react49.Fragment, null, jsx78(A11yText$1, {
29713
29836
  id
29714
- }, isInitialFocus && ScreenReaderText), jsx77(A11yText$1, {
29837
+ }, isInitialFocus && ScreenReaderText), jsx78(A11yText$1, {
29715
29838
  "aria-live": ariaLive,
29716
29839
  "aria-atomic": "false",
29717
29840
  "aria-relevant": "additions text",
@@ -30024,7 +30147,7 @@ var _excluded4 = ["innerRef"];
30024
30147
  function DummyInput(_ref3) {
30025
30148
  var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
30026
30149
  var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
30027
- return jsx77("input", _extends({
30150
+ return jsx78("input", _extends({
30028
30151
  ref: innerRef
30029
30152
  }, filteredProps, {
30030
30153
  css: /* @__PURE__ */ css({
@@ -30266,7 +30389,7 @@ function ScrollManager(_ref3) {
30266
30389
  setScrollCaptureTarget(element);
30267
30390
  setScrollLockTarget(element);
30268
30391
  };
30269
- return jsx77(import_react49.Fragment, null, lockEnabled && jsx77("div", {
30392
+ return jsx78(import_react49.Fragment, null, lockEnabled && jsx78("div", {
30270
30393
  onClick: blurSelectInput,
30271
30394
  css: _ref2$1
30272
30395
  }), children(targetRef));
@@ -30285,7 +30408,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
30285
30408
  };
30286
30409
  var RequiredInput = function RequiredInput2(_ref3) {
30287
30410
  var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
30288
- return jsx77("input", {
30411
+ return jsx78("input", {
30289
30412
  required: true,
30290
30413
  name: name2,
30291
30414
  tabIndex: -1,
@@ -31875,7 +31998,7 @@ var StateManagedSelect$1 = StateManagedSelect;
31875
31998
 
31876
31999
  // src/widgets/basic/date-field/date.tsx
31877
32000
  var import_moment2 = __toESM(require_moment());
31878
- var import_jsx_runtime77 = require("react/jsx-runtime");
32001
+ var import_jsx_runtime78 = require("react/jsx-runtime");
31879
32002
  var DateField = (props) => {
31880
32003
  const {
31881
32004
  name: name2,
@@ -31902,8 +32025,8 @@ var DateField = (props) => {
31902
32025
  context
31903
32026
  } = props;
31904
32027
  const InputDateCustom = (0, import_react52.forwardRef)(
31905
- ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: `flex ${className}`, children: [
31906
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32028
+ ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: `flex ${className}`, children: [
32029
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
31907
32030
  "input",
31908
32031
  {
31909
32032
  className: "bg-transparent w-full focus-visible:outline-none",
@@ -31917,13 +32040,13 @@ var DateField = (props) => {
31917
32040
  value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
31918
32041
  }
31919
32042
  ),
31920
- isForm2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CalandarIcon, {})
32043
+ isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalandarIcon, {})
31921
32044
  ] })
31922
32045
  );
31923
32046
  if (!isForm && !isEditTable) {
31924
- 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) : "" });
32047
+ 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) : "" });
31925
32048
  } else {
31926
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32049
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
31927
32050
  Controller,
31928
32051
  {
31929
32052
  name: name2 || "",
@@ -31945,8 +32068,8 @@ var DateField = (props) => {
31945
32068
  }
31946
32069
  }, [value, clearErrors, name2]);
31947
32070
  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;
31948
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
31949
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32071
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
32072
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
31950
32073
  DatePicker,
31951
32074
  {
31952
32075
  selected: selectedDate,
@@ -31994,7 +32117,7 @@ var DateField = (props) => {
31994
32117
  minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
31995
32118
  maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
31996
32119
  showTimeInput: showTime,
31997
- customInput: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32120
+ customInput: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
31998
32121
  InputDateCustom,
31999
32122
  {
32000
32123
  isForm,
@@ -32012,7 +32135,7 @@ var DateField = (props) => {
32012
32135
  increaseMonth,
32013
32136
  prevMonthButtonDisabled,
32014
32137
  nextMonthButtonDisabled
32015
- }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
32138
+ }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
32016
32139
  "div",
32017
32140
  {
32018
32141
  style: {
@@ -32021,7 +32144,7 @@ var DateField = (props) => {
32021
32144
  justifyContent: "center"
32022
32145
  },
32023
32146
  children: [
32024
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32147
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32025
32148
  "button",
32026
32149
  {
32027
32150
  onClick: decreaseMonth,
@@ -32029,7 +32152,7 @@ var DateField = (props) => {
32029
32152
  children: "<"
32030
32153
  }
32031
32154
  ),
32032
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32155
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32033
32156
  StateManagedSelect$1,
32034
32157
  {
32035
32158
  classNames: {
@@ -32055,7 +32178,7 @@ var DateField = (props) => {
32055
32178
  autoFocus: true
32056
32179
  }
32057
32180
  ),
32058
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32181
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32059
32182
  StateManagedSelect$1,
32060
32183
  {
32061
32184
  classNames: {
@@ -32083,7 +32206,7 @@ var DateField = (props) => {
32083
32206
  }))
32084
32207
  }
32085
32208
  ),
32086
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
32209
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
32087
32210
  "button",
32088
32211
  {
32089
32212
  onClick: increaseMonth,
@@ -32096,7 +32219,7 @@ var DateField = (props) => {
32096
32219
  )
32097
32220
  }
32098
32221
  ),
32099
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32222
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32100
32223
  ] });
32101
32224
  }
32102
32225
  }
@@ -32105,25 +32228,25 @@ var DateField = (props) => {
32105
32228
  };
32106
32229
 
32107
32230
  // src/widgets/basic/download-binary-field/download-binary.tsx
32108
- var import_jsx_runtime78 = require("react/jsx-runtime");
32231
+ var import_jsx_runtime79 = require("react/jsx-runtime");
32109
32232
  var DownLoadBinaryField = (props) => {
32110
32233
  const { handleFileDownload } = props;
32111
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
32234
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
32112
32235
  "button",
32113
32236
  {
32114
32237
  type: "button",
32115
32238
  onClick: handleFileDownload,
32116
32239
  className: "flex items-center gap-1 text-blue-700",
32117
32240
  children: [
32118
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DownloadIcon, {}),
32119
- /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
32241
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DownloadIcon, {}),
32242
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
32120
32243
  ]
32121
32244
  }
32122
32245
  );
32123
32246
  };
32124
32247
 
32125
32248
  // src/widgets/basic/download-file-field/download-file.tsx
32126
- var import_jsx_runtime79 = require("react/jsx-runtime");
32249
+ var import_jsx_runtime80 = require("react/jsx-runtime");
32127
32250
  var DownloadFileField = (props) => {
32128
32251
  const {
32129
32252
  readonly,
@@ -32135,15 +32258,15 @@ var DownloadFileField = (props) => {
32135
32258
  handleFileChange,
32136
32259
  handleFileDownload
32137
32260
  } = props;
32138
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "", children: [
32139
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
32261
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "", children: [
32262
+ /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32140
32263
  "label",
32141
32264
  {
32142
32265
  htmlFor: inputId,
32143
32266
  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",
32144
32267
  children: [
32145
- 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" }),
32146
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
32268
+ 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" }),
32269
+ /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32147
32270
  "input",
32148
32271
  {
32149
32272
  id: inputId,
@@ -32157,7 +32280,7 @@ var DownloadFileField = (props) => {
32157
32280
  ]
32158
32281
  }
32159
32282
  ),
32160
- file && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
32283
+ file && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32161
32284
  "button",
32162
32285
  {
32163
32286
  onClick: handleFileDownload,
@@ -32171,7 +32294,7 @@ var DownloadFileField = (props) => {
32171
32294
 
32172
32295
  // src/widgets/basic/dropdown-field/dropdown.tsx
32173
32296
  var import_react53 = require("react");
32174
- var import_jsx_runtime80 = require("react/jsx-runtime");
32297
+ var import_jsx_runtime81 = require("react/jsx-runtime");
32175
32298
  var DropdownField = (props) => {
32176
32299
  const {
32177
32300
  options: options2,
@@ -32185,30 +32308,30 @@ var DropdownField = (props) => {
32185
32308
  } = props;
32186
32309
  const [open, setOpen] = (0, import_react53.useState)(false);
32187
32310
  const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
32188
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32311
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32189
32312
  "div",
32190
32313
  {
32191
32314
  ref: dropdownRef,
32192
32315
  className: `relative ${className}`,
32193
32316
  onClick: () => setOpen(!open),
32194
32317
  children: [
32195
- /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
32318
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32196
32319
  "div",
32197
32320
  {
32198
32321
  className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
32199
32322
  children: [
32200
32323
  selectedValue?.icon,
32201
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: selectedValue?.label }),
32202
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
32324
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: selectedValue?.label }),
32325
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
32203
32326
  ]
32204
32327
  }
32205
32328
  ),
32206
- open && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32329
+ open && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
32207
32330
  "div",
32208
32331
  {
32209
32332
  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}`,
32210
32333
  onClick: (e3) => e3.stopPropagation(),
32211
- children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
32334
+ children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
32212
32335
  "div",
32213
32336
  {
32214
32337
  onClick: () => {
@@ -32228,7 +32351,7 @@ var DropdownField = (props) => {
32228
32351
  };
32229
32352
 
32230
32353
  // src/widgets/basic/fee-field/fee.tsx
32231
- var import_jsx_runtime81 = require("react/jsx-runtime");
32354
+ var import_jsx_runtime82 = require("react/jsx-runtime");
32232
32355
  var FeeField = (props) => {
32233
32356
  const { value, formValues } = props;
32234
32357
  const totalAmount = formatNumberOnly(parseFloat(value?.total_amount)) + " VND";
@@ -32238,27 +32361,27 @@ var FeeField = (props) => {
32238
32361
  )
32239
32362
  ) + " VND";
32240
32363
  const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
32241
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
32364
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
32242
32365
  value?.subtotals?.map((sub) => {
32243
32366
  if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
32244
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
32245
- /* @__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: [
32246
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32367
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
32368
+ /* @__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: [
32369
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32247
32370
  sub?.name,
32248
32371
  ":"
32249
32372
  ] }),
32250
- /* @__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" })
32373
+ /* @__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" })
32251
32374
  ] }),
32252
- sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
32375
+ sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
32253
32376
  "div",
32254
32377
  {
32255
32378
  className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
32256
32379
  children: [
32257
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32380
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32258
32381
  group?.group_name,
32259
32382
  ":"
32260
32383
  ] }),
32261
- /* @__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" })
32384
+ /* @__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" })
32262
32385
  ]
32263
32386
  },
32264
32387
  `tax_groups_${group?.id}`
@@ -32266,39 +32389,39 @@ var FeeField = (props) => {
32266
32389
  ] });
32267
32390
  }
32268
32391
  }),
32269
- /* @__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: [
32270
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32392
+ /* @__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: [
32393
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32271
32394
  i18n_default.t("total"),
32272
32395
  ":"
32273
32396
  ] }),
32274
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
32397
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
32275
32398
  ] }),
32276
- /* @__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: [
32277
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32399
+ /* @__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: [
32400
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32278
32401
  i18n_default.t("paid_amount"),
32279
32402
  ":"
32280
32403
  ] }),
32281
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
32404
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
32282
32405
  ] }),
32283
- /* @__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: [
32284
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32406
+ /* @__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: [
32407
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
32285
32408
  i18n_default.t("remanining_amount"),
32286
32409
  ":"
32287
32410
  ] }),
32288
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
32411
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
32289
32412
  ] })
32290
32413
  ] });
32291
32414
  };
32292
32415
 
32293
32416
  // src/widgets/basic/file-upload-field/file-upload.tsx
32294
32417
  var import_react54 = require("react");
32295
- var import_jsx_runtime82 = require("react/jsx-runtime");
32418
+ var import_jsx_runtime83 = require("react/jsx-runtime");
32296
32419
  var FileUploadField = (props) => {
32297
32420
  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
32298
32421
  const fileInputRef = (0, import_react54.useRef)(null);
32299
32422
  const [selectedFiles, setSelectedFiles] = (0, import_react54.useState)([]);
32300
32423
  const [uploadError, setUploadError] = (0, import_react54.useState)();
32301
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32424
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32302
32425
  Controller,
32303
32426
  {
32304
32427
  name: name2 || "",
@@ -32323,8 +32446,8 @@ var FileUploadField = (props) => {
32323
32446
  );
32324
32447
  }
32325
32448
  }, [selectedFiles]);
32326
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
32327
- selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32449
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
32450
+ selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32328
32451
  RenderFiles,
32329
32452
  {
32330
32453
  selectedFiles,
@@ -32332,8 +32455,8 @@ var FileUploadField = (props) => {
32332
32455
  useGetImage
32333
32456
  }
32334
32457
  ),
32335
- uploadError && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32336
- (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
32458
+ uploadError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
32459
+ (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32337
32460
  ButtonSelectFiles,
32338
32461
  {
32339
32462
  fileInputRef,
@@ -32348,7 +32471,7 @@ var FileUploadField = (props) => {
32348
32471
  useUploadFile
32349
32472
  }
32350
32473
  ),
32351
- error2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32474
+ error2 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32352
32475
  ] });
32353
32476
  }
32354
32477
  }
@@ -32357,7 +32480,7 @@ var FileUploadField = (props) => {
32357
32480
 
32358
32481
  // src/widgets/basic/float-field/float.tsx
32359
32482
  var import_react55 = require("react");
32360
- var import_jsx_runtime83 = require("react/jsx-runtime");
32483
+ var import_jsx_runtime84 = require("react/jsx-runtime");
32361
32484
  var FloatField = (props) => {
32362
32485
  const {
32363
32486
  name: name2,
@@ -32373,11 +32496,11 @@ var FloatField = (props) => {
32373
32496
  isEditTable,
32374
32497
  onChange: handleOnchange
32375
32498
  } = props;
32376
- const { t: t3 } = useI18n();
32499
+ const { t: t3 } = useTranslation();
32377
32500
  if (!isForm && !isEditTable) {
32378
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32501
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
32379
32502
  }
32380
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32503
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32381
32504
  Controller,
32382
32505
  {
32383
32506
  name: name2 ?? "",
@@ -32478,8 +32601,8 @@ var FloatField = (props) => {
32478
32601
  }
32479
32602
  isDirtyRef.current = false;
32480
32603
  };
32481
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
32482
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
32604
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
32605
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32483
32606
  "input",
32484
32607
  {
32485
32608
  ref: inputRef,
@@ -32499,19 +32622,16 @@ var FloatField = (props) => {
32499
32622
  `
32500
32623
  }
32501
32624
  ),
32502
- error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32625
+ error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32503
32626
  ] });
32504
32627
  }
32505
32628
  }
32506
32629
  );
32507
32630
  };
32508
- function useI18n() {
32509
- throw new Error("Function not implemented.");
32510
- }
32511
32631
 
32512
32632
  // src/widgets/basic/float-time-field/float-time.tsx
32513
32633
  var import_react56 = require("react");
32514
- var import_jsx_runtime84 = require("react/jsx-runtime");
32634
+ var import_jsx_runtime85 = require("react/jsx-runtime");
32515
32635
  var FloatTimeField = (props) => {
32516
32636
  const {
32517
32637
  name: name2,
@@ -32526,9 +32646,9 @@ var FloatTimeField = (props) => {
32526
32646
  } = props;
32527
32647
  if (!isForm) {
32528
32648
  const formatValue = value ?? 0;
32529
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: convertFloatToTime(formatValue) });
32649
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: convertFloatToTime(formatValue) });
32530
32650
  }
32531
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32651
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32532
32652
  Controller,
32533
32653
  {
32534
32654
  name: name2 ?? "",
@@ -32590,8 +32710,8 @@ var FloatTimeField = (props) => {
32590
32710
  }
32591
32711
  onBlur();
32592
32712
  };
32593
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
32594
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32713
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
32714
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32595
32715
  "input",
32596
32716
  {
32597
32717
  type: "text",
@@ -32623,7 +32743,7 @@ var FloatTimeField = (props) => {
32623
32743
  readOnly: readonly
32624
32744
  }
32625
32745
  ),
32626
- (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
32746
+ (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
32627
32747
  ] });
32628
32748
  }
32629
32749
  }
@@ -32632,7 +32752,7 @@ var FloatTimeField = (props) => {
32632
32752
 
32633
32753
  // src/widgets/basic/html-field/html.tsx
32634
32754
  var import_react57 = require("react");
32635
- var import_jsx_runtime85 = require("react/jsx-runtime");
32755
+ var import_jsx_runtime86 = require("react/jsx-runtime");
32636
32756
  var HtmlField = (props) => {
32637
32757
  const {
32638
32758
  name: name2,
@@ -32645,9 +32765,9 @@ var HtmlField = (props) => {
32645
32765
  } = props;
32646
32766
  const divRef = (0, import_react57.useRef)(null);
32647
32767
  if (!isForm) {
32648
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
32768
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
32649
32769
  }
32650
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32770
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32651
32771
  Controller,
32652
32772
  {
32653
32773
  name: name2 ?? "",
@@ -32666,7 +32786,7 @@ var HtmlField = (props) => {
32666
32786
  onChange2(newValue, "");
32667
32787
  }
32668
32788
  };
32669
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
32789
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32670
32790
  "div",
32671
32791
  {
32672
32792
  ref: divRef,
@@ -32685,12 +32805,12 @@ var HtmlField = (props) => {
32685
32805
  };
32686
32806
 
32687
32807
  // src/widgets/basic/image-field/image.tsx
32688
- var import_jsx_runtime86 = require("react/jsx-runtime");
32808
+ var import_jsx_runtime87 = require("react/jsx-runtime");
32689
32809
  var ImageField = (props) => {
32690
32810
  const { value, type, name: name2 } = props;
32691
32811
  if (!value) return null;
32692
32812
  if (type === "url") {
32693
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
32813
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32694
32814
  "img",
32695
32815
  {
32696
32816
  src: `https://api.vitrust.app/c2${value}`,
@@ -32700,21 +32820,21 @@ var ImageField = (props) => {
32700
32820
  }
32701
32821
  );
32702
32822
  }
32703
- 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" }) });
32823
+ 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" }) });
32704
32824
  };
32705
32825
 
32706
32826
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
32707
32827
  var import_react58 = require("react");
32708
32828
 
32709
32829
  // src/widgets/basic/information-field/information.tsx
32710
- var import_jsx_runtime87 = require("react/jsx-runtime");
32830
+ var import_jsx_runtime88 = require("react/jsx-runtime");
32711
32831
  var InfomationField = (props) => {
32712
32832
  const { value, isForm = false, showName = true, stringToColor } = props;
32713
32833
  if (!value || Array.isArray(value) && value.length === 0) {
32714
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, {});
32834
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_jsx_runtime88.Fragment, {});
32715
32835
  }
32716
32836
  const inforValues = Array.isArray(value) ? value : [value];
32717
- 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)(
32837
+ 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)(
32718
32838
  AvatarField,
32719
32839
  {
32720
32840
  id: item.id,
@@ -32723,8 +32843,8 @@ var InfomationField = (props) => {
32723
32843
  stringToColor
32724
32844
  },
32725
32845
  item.id
32726
- )) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
32727
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
32846
+ )) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
32847
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32728
32848
  AvatarField,
32729
32849
  {
32730
32850
  avatarSrc: inforValues[0].image_256,
@@ -32734,12 +32854,12 @@ var InfomationField = (props) => {
32734
32854
  stringToColor
32735
32855
  }
32736
32856
  ),
32737
- showName && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
32857
+ showName && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
32738
32858
  ] }) });
32739
32859
  };
32740
32860
 
32741
32861
  // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
32742
- var import_jsx_runtime88 = require("react/jsx-runtime");
32862
+ var import_jsx_runtime89 = require("react/jsx-runtime");
32743
32863
  var CustomMultiValue = ({ stringToColor, ...props }) => {
32744
32864
  const { selectProps, data, menuList } = props;
32745
32865
  const { relation } = selectProps;
@@ -32748,8 +32868,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32748
32868
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
32749
32869
  )
32750
32870
  )?.[0]?.action?.id;
32751
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32752
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32871
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32872
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32753
32873
  AvatarField,
32754
32874
  {
32755
32875
  id: data?.id,
@@ -32761,8 +32881,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32761
32881
  stringToColor
32762
32882
  }
32763
32883
  ),
32764
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32765
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32884
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32885
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32766
32886
  "span",
32767
32887
  {
32768
32888
  className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -32770,7 +32890,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32770
32890
  e3.stopPropagation();
32771
32891
  props.removeProps.onClick();
32772
32892
  },
32773
- children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {})
32893
+ children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CloseIcon, {})
32774
32894
  }
32775
32895
  )
32776
32896
  ] });
@@ -32795,7 +32915,7 @@ var Many2ManyTagField = (props) => {
32795
32915
  stringToColor
32796
32916
  } = props;
32797
32917
  const CustomSelect = ({ ...rest }) => {
32798
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StateManagedSelect$1, { relation, ...rest });
32918
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(StateManagedSelect$1, { relation, ...rest });
32799
32919
  };
32800
32920
  if (!isForm) {
32801
32921
  const optionValue = Array.isArray(value) ? value.map((item) => ({
@@ -32803,7 +32923,7 @@ var Many2ManyTagField = (props) => {
32803
32923
  value: item.id,
32804
32924
  label: item.name ?? item.display_name
32805
32925
  })) : [];
32806
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32926
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32807
32927
  InfomationField,
32808
32928
  {
32809
32929
  value: optionValue || null,
@@ -32812,7 +32932,7 @@ var Many2ManyTagField = (props) => {
32812
32932
  }
32813
32933
  );
32814
32934
  }
32815
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32935
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32816
32936
  Controller,
32817
32937
  {
32818
32938
  name: name2 ?? "",
@@ -32836,8 +32956,8 @@ var Many2ManyTagField = (props) => {
32836
32956
  onChange2?.(name2 ?? "", newValue);
32837
32957
  clearErrors(name2);
32838
32958
  };
32839
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "group", children: [
32840
- /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
32959
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group", children: [
32960
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32841
32961
  CustomSelect,
32842
32962
  {
32843
32963
  relation,
@@ -32895,7 +33015,7 @@ var Many2ManyTagField = (props) => {
32895
33015
  })
32896
33016
  },
32897
33017
  components: isUser ? {
32898
- MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
33018
+ MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
32899
33019
  CustomMultiValue,
32900
33020
  {
32901
33021
  ...multiValueProps,
@@ -32910,7 +33030,7 @@ var Many2ManyTagField = (props) => {
32910
33030
  },
32911
33031
  field?.value
32912
33032
  ),
32913
- isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33033
+ isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
32914
33034
  ] });
32915
33035
  }
32916
33036
  }
@@ -32919,7 +33039,7 @@ var Many2ManyTagField = (props) => {
32919
33039
 
32920
33040
  // src/widgets/basic/monetary-field/monetary.tsx
32921
33041
  var import_react59 = require("react");
32922
- var import_jsx_runtime89 = require("react/jsx-runtime");
33042
+ var import_jsx_runtime90 = require("react/jsx-runtime");
32923
33043
  var MonetaryField = (props) => {
32924
33044
  const {
32925
33045
  name: name2,
@@ -32938,26 +33058,26 @@ var MonetaryField = (props) => {
32938
33058
  isEditTable
32939
33059
  } = props;
32940
33060
  if (isForm && name2 === "amount_residual") {
32941
- 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: [
32942
- /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "font-semibold", children: [
33061
+ 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: [
33062
+ /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "font-semibold", children: [
32943
33063
  string,
32944
33064
  ":"
32945
33065
  ] }),
32946
- /* @__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` })
33066
+ /* @__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` })
32947
33067
  ] });
32948
33068
  }
32949
33069
  if (!isForm) {
32950
33070
  const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
32951
33071
  if (widget === "monetary" && !formValues?.currency_id) {
32952
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: `${formatNumberOnly(
33072
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: `${formatNumberOnly(
32953
33073
  parseFloat(String(value ?? defaultValue))
32954
33074
  )} VND` });
32955
33075
  }
32956
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: `${formatNumberOnly(
33076
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: `${formatNumberOnly(
32957
33077
  parseFloat(value ?? defaultValue)
32958
33078
  )} ${currencySymbol}` });
32959
33079
  }
32960
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33080
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
32961
33081
  Controller,
32962
33082
  {
32963
33083
  name: name2 ?? "",
@@ -32979,8 +33099,8 @@ var MonetaryField = (props) => {
32979
33099
  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`;
32980
33100
  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]`;
32981
33101
  const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
32982
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
32983
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
33102
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
33103
+ /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
32984
33104
  "input",
32985
33105
  {
32986
33106
  value: formatNumberOnly(value2),
@@ -33014,7 +33134,7 @@ var MonetaryField = (props) => {
33014
33134
  className: `${baseClasses} ${editableClass} ${readonlyClass}`
33015
33135
  }
33016
33136
  ),
33017
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33137
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33018
33138
  ] });
33019
33139
  }
33020
33140
  }
@@ -33022,14 +33142,14 @@ var MonetaryField = (props) => {
33022
33142
  };
33023
33143
 
33024
33144
  // src/widgets/basic/paid-badged-field/paid-badged.tsx
33025
- var import_jsx_runtime90 = require("react/jsx-runtime");
33145
+ var import_jsx_runtime91 = require("react/jsx-runtime");
33026
33146
  var PaidBadgedField = () => {
33027
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PaidIcon, {}) });
33147
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PaidIcon, {}) });
33028
33148
  };
33029
33149
 
33030
33150
  // src/widgets/basic/priority-field/rating-star.tsx
33031
33151
  var import_react60 = __toESM(require("react"));
33032
- var import_jsx_runtime91 = require("react/jsx-runtime");
33152
+ var import_jsx_runtime92 = require("react/jsx-runtime");
33033
33153
  var RatingStarField = (props) => {
33034
33154
  const {
33035
33155
  label,
@@ -33064,7 +33184,7 @@ var RatingStarField = (props) => {
33064
33184
  setHover(0);
33065
33185
  setRating(0);
33066
33186
  };
33067
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33187
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33068
33188
  "div",
33069
33189
  {
33070
33190
  className: "flex gap-1 cursor-pointer w-fit",
@@ -33074,17 +33194,17 @@ var RatingStarField = (props) => {
33074
33194
  const starValue = index4 + 1;
33075
33195
  const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
33076
33196
  const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
33077
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_react60.default.Fragment, { children: [
33078
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33197
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react60.default.Fragment, { children: [
33198
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33079
33199
  "div",
33080
33200
  {
33081
33201
  onMouseEnter: () => handleHover(starValue),
33082
33202
  onClick: () => handleClick(starValue),
33083
33203
  "data-tooltip-id": `${id}-${starValue}`,
33084
- children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
33204
+ children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
33085
33205
  }
33086
33206
  ),
33087
- /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33207
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33088
33208
  M,
33089
33209
  {
33090
33210
  className: "z-50",
@@ -33100,7 +33220,7 @@ var RatingStarField = (props) => {
33100
33220
  };
33101
33221
 
33102
33222
  // src/widgets/basic/priority-field/priority.tsx
33103
- var import_jsx_runtime92 = require("react/jsx-runtime");
33223
+ var import_jsx_runtime93 = require("react/jsx-runtime");
33104
33224
  var PriorityField = (props) => {
33105
33225
  const {
33106
33226
  isForm,
@@ -33116,7 +33236,7 @@ var PriorityField = (props) => {
33116
33236
  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
33117
33237
  const defaultPriority = parseInt(value) + 1;
33118
33238
  if (!isForm) {
33119
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33239
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33120
33240
  RatingStarField,
33121
33241
  {
33122
33242
  label,
@@ -33127,7 +33247,7 @@ var PriorityField = (props) => {
33127
33247
  }
33128
33248
  );
33129
33249
  }
33130
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33250
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33131
33251
  Controller,
33132
33252
  {
33133
33253
  name: name ?? "",
@@ -33137,7 +33257,7 @@ var PriorityField = (props) => {
33137
33257
  field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
33138
33258
  onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
33139
33259
  };
33140
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
33260
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33141
33261
  RatingStarField,
33142
33262
  {
33143
33263
  label,
@@ -33154,7 +33274,7 @@ var PriorityField = (props) => {
33154
33274
 
33155
33275
  // src/widgets/basic/radio-group-field/radio-group.tsx
33156
33276
  var import_react61 = require("react");
33157
- var import_jsx_runtime93 = require("react/jsx-runtime");
33277
+ var import_jsx_runtime94 = require("react/jsx-runtime");
33158
33278
  var RadioGroupField = (props) => {
33159
33279
  const {
33160
33280
  name: name2,
@@ -33173,13 +33293,13 @@ var RadioGroupField = (props) => {
33173
33293
  }
33174
33294
  }, [selection, name2, setValue]);
33175
33295
  if (!methods) return null;
33176
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33296
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33177
33297
  Controller,
33178
33298
  {
33179
33299
  name: name2 ?? "",
33180
33300
  control: methods.control,
33181
- 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: [
33182
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
33301
+ 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: [
33302
+ /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33183
33303
  "input",
33184
33304
  {
33185
33305
  type: "radio",
@@ -33198,7 +33318,7 @@ var RadioGroupField = (props) => {
33198
33318
  className: "custom-radio"
33199
33319
  }
33200
33320
  ),
33201
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
33321
+ /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
33202
33322
  ] }, select[0])) })
33203
33323
  }
33204
33324
  );
@@ -33206,7 +33326,7 @@ var RadioGroupField = (props) => {
33206
33326
 
33207
33327
  // src/widgets/basic/remaining-days-field/remaining-days.tsx
33208
33328
  var import_moment3 = __toESM(require_moment());
33209
- var import_jsx_runtime94 = require("react/jsx-runtime");
33329
+ var import_jsx_runtime95 = require("react/jsx-runtime");
33210
33330
  var RemainingDaysField = (props) => {
33211
33331
  const {
33212
33332
  value,
@@ -33217,14 +33337,14 @@ var RemainingDaysField = (props) => {
33217
33337
  if (!value) return null;
33218
33338
  const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
33219
33339
  const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
33220
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
33221
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
33222
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33340
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
33341
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
33342
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33223
33343
  "div",
33224
33344
  {
33225
33345
  "data-tooltip-id": `remainingDays_${value}`,
33226
33346
  className: "flex items-center w-fit cursor-context-menu",
33227
- children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
33347
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33228
33348
  "div",
33229
33349
  {
33230
33350
  className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -33237,7 +33357,7 @@ var RemainingDaysField = (props) => {
33237
33357
  };
33238
33358
 
33239
33359
  // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
33240
- var import_jsx_runtime95 = require("react/jsx-runtime");
33360
+ var import_jsx_runtime96 = require("react/jsx-runtime");
33241
33361
  var SelectDropdownField = (props) => {
33242
33362
  const {
33243
33363
  selection,
@@ -33258,9 +33378,9 @@ var SelectDropdownField = (props) => {
33258
33378
  label: val[1]
33259
33379
  })) : [];
33260
33380
  if (!isForm && !isEditTable) {
33261
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33381
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
33262
33382
  } else {
33263
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33383
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33264
33384
  Controller,
33265
33385
  {
33266
33386
  name: name2 || "",
@@ -33294,8 +33414,8 @@ var SelectDropdownField = (props) => {
33294
33414
  })
33295
33415
  }
33296
33416
  };
33297
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
33298
- /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
33417
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
33418
+ /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33299
33419
  StateManagedSelect$1,
33300
33420
  {
33301
33421
  ...commonProps,
@@ -33338,11 +33458,11 @@ var SelectDropdownField = (props) => {
33338
33458
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
33339
33459
  components: {
33340
33460
  IndicatorSeparator: () => null,
33341
- DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(components.DropdownIndicator, { ...props2 })
33461
+ DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(components.DropdownIndicator, { ...props2 })
33342
33462
  }
33343
33463
  }
33344
33464
  ) }),
33345
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33465
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33346
33466
  ] });
33347
33467
  }
33348
33468
  }
@@ -33351,7 +33471,7 @@ var SelectDropdownField = (props) => {
33351
33471
  };
33352
33472
 
33353
33473
  // src/widgets/basic/textarea-field/textarea.tsx
33354
- var import_jsx_runtime96 = require("react/jsx-runtime");
33474
+ var import_jsx_runtime97 = require("react/jsx-runtime");
33355
33475
  var TextAreaField = (props) => {
33356
33476
  const {
33357
33477
  methods,
@@ -33375,9 +33495,9 @@ var TextAreaField = (props) => {
33375
33495
  }
33376
33496
  }) : {};
33377
33497
  if (!isForm) {
33378
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33498
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
33379
33499
  }
33380
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
33500
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33381
33501
  "textarea",
33382
33502
  {
33383
33503
  ...formProps,
@@ -33393,7 +33513,7 @@ var TextAreaField = (props) => {
33393
33513
  };
33394
33514
 
33395
33515
  // src/widgets/basic/toggle-button-field/toggle-button.tsx
33396
- var import_jsx_runtime97 = require("react/jsx-runtime");
33516
+ var import_jsx_runtime98 = require("react/jsx-runtime");
33397
33517
  var ToggleButtonField = (props) => {
33398
33518
  const {
33399
33519
  name: name2,
@@ -33403,13 +33523,13 @@ var ToggleButtonField = (props) => {
33403
33523
  onChange: onChange2,
33404
33524
  methods
33405
33525
  } = props;
33406
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33526
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33407
33527
  Controller,
33408
33528
  {
33409
33529
  name: name2 ?? "",
33410
33530
  control: methods?.control,
33411
- 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: [
33412
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33531
+ 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: [
33532
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33413
33533
  "input",
33414
33534
  {
33415
33535
  ...field,
@@ -33428,12 +33548,12 @@ var ToggleButtonField = (props) => {
33428
33548
  checked: field.value ?? false
33429
33549
  }
33430
33550
  ),
33431
- /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33551
+ /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33432
33552
  "span",
33433
33553
  {
33434
33554
  className: `absolute top-0 left-0 right-0 bottom-0 rounded-full transition duration-300
33435
33555
  ${field.value ? "bg-primary" : "bg-gray-300"}`,
33436
- children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
33556
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33437
33557
  "span",
33438
33558
  {
33439
33559
  className: `absolute left-[2px] bottom-[2px] w-4 h-4 bg-white rounded-full transition duration-300
@@ -33449,7 +33569,7 @@ var ToggleButtonField = (props) => {
33449
33569
 
33450
33570
  // src/widgets/basic/integer-field/integer.tsx
33451
33571
  var import_react62 = require("react");
33452
- var import_jsx_runtime98 = require("react/jsx-runtime");
33572
+ var import_jsx_runtime99 = require("react/jsx-runtime");
33453
33573
  var IntegerField = (props) => {
33454
33574
  const {
33455
33575
  name: name2,
@@ -33467,9 +33587,9 @@ var IntegerField = (props) => {
33467
33587
  } = props;
33468
33588
  if (!isForm) {
33469
33589
  const displayValue = value ?? defaultValue;
33470
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33590
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
33471
33591
  }
33472
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33592
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33473
33593
  Controller,
33474
33594
  {
33475
33595
  name: name2 || "",
@@ -33547,8 +33667,8 @@ var IntegerField = (props) => {
33547
33667
  inputRef.current?.blur();
33548
33668
  clearErrors(name2);
33549
33669
  };
33550
- return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
33551
- /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
33670
+ return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
33671
+ /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33552
33672
  "input",
33553
33673
  {
33554
33674
  ref: inputRef,
@@ -33582,7 +33702,7 @@ var IntegerField = (props) => {
33582
33702
  `
33583
33703
  }
33584
33704
  ),
33585
- error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33705
+ error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
33586
33706
  ] });
33587
33707
  }
33588
33708
  }
@@ -33590,7 +33710,7 @@ var IntegerField = (props) => {
33590
33710
  };
33591
33711
 
33592
33712
  // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
33593
- var import_jsx_runtime99 = require("react/jsx-runtime");
33713
+ var import_jsx_runtime100 = require("react/jsx-runtime");
33594
33714
  var StatusDropdownField = (props) => {
33595
33715
  const {
33596
33716
  buttonRef,
@@ -33602,13 +33722,13 @@ var StatusDropdownField = (props) => {
33602
33722
  handleClick,
33603
33723
  colors: colors2
33604
33724
  } = props;
33605
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
33725
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33606
33726
  "div",
33607
33727
  {
33608
33728
  ref: buttonRef,
33609
33729
  className: isForm ? "absolute top-7 right-6 z-10" : void 0,
33610
33730
  children: [
33611
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33731
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33612
33732
  "button",
33613
33733
  {
33614
33734
  type: "button",
@@ -33616,23 +33736,23 @@ var StatusDropdownField = (props) => {
33616
33736
  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"}`
33617
33737
  }
33618
33738
  ),
33619
- 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) => {
33739
+ 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) => {
33620
33740
  const isActive = item[0] == state;
33621
- return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
33741
+ return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33622
33742
  "div",
33623
33743
  {
33624
33744
  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" : ""}`,
33625
33745
  onClick: () => handleClick(item[0]),
33626
33746
  children: [
33627
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CheckIcon, {}) }),
33628
- /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-2", children: [
33629
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
33747
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CheckIcon, {}) }),
33748
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2", children: [
33749
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33630
33750
  "div",
33631
33751
  {
33632
33752
  className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
33633
33753
  }
33634
33754
  ),
33635
- /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-sm", children: item[1] })
33755
+ /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-sm", children: item[1] })
33636
33756
  ] })
33637
33757
  ]
33638
33758
  },
@@ -33646,7 +33766,7 @@ var StatusDropdownField = (props) => {
33646
33766
 
33647
33767
  // src/widgets/basic/many2many-field/many2many.tsx
33648
33768
  var import_react_dom8 = require("react-dom");
33649
- var import_jsx_runtime100 = require("react/jsx-runtime");
33769
+ var import_jsx_runtime101 = require("react/jsx-runtime");
33650
33770
  var Many2ManyField = (props) => {
33651
33771
  const {
33652
33772
  aid,
@@ -33698,7 +33818,7 @@ var Many2ManyField = (props) => {
33698
33818
  clearSearch
33699
33819
  } = searchController;
33700
33820
  return (0, import_react_dom8.createPortal)(
33701
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33821
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
33702
33822
  "div",
33703
33823
  {
33704
33824
  style: {
@@ -33706,8 +33826,8 @@ var Many2ManyField = (props) => {
33706
33826
  },
33707
33827
  className: "fixed bottom-0 left-0 right-0 top-0",
33708
33828
  children: [
33709
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33710
- /* @__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)(
33829
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33830
+ /* @__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)(
33711
33831
  "div",
33712
33832
  {
33713
33833
  style: {
@@ -33715,12 +33835,12 @@ var Many2ManyField = (props) => {
33715
33835
  },
33716
33836
  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",
33717
33837
  children: [
33718
- /* @__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: [
33719
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
33720
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CloseIcon, {}) })
33838
+ /* @__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: [
33839
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
33840
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
33721
33841
  ] }),
33722
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33723
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33842
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33843
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33724
33844
  Search,
33725
33845
  {
33726
33846
  removeSearchItems,
@@ -33753,7 +33873,7 @@ var Many2ManyField = (props) => {
33753
33873
  clearSearch
33754
33874
  }
33755
33875
  ) }),
33756
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33876
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33757
33877
  PaginationView,
33758
33878
  {
33759
33879
  className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -33770,20 +33890,20 @@ var Many2ManyField = (props) => {
33770
33890
  }
33771
33891
  )
33772
33892
  ] }),
33773
- !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)(
33893
+ !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)(
33774
33894
  "div",
33775
33895
  {
33776
33896
  className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33777
- 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)(
33897
+ 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)(
33778
33898
  "div",
33779
33899
  {
33780
33900
  className: `flex w-full items-center h-full overflow-auto `,
33781
- children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
33901
+ children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
33782
33902
  "table",
33783
33903
  {
33784
33904
  className: `relative w-full bg-white custom-dropdown `,
33785
33905
  children: [
33786
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33906
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33787
33907
  TableHead,
33788
33908
  {
33789
33909
  columns,
@@ -33793,7 +33913,7 @@ var Many2ManyField = (props) => {
33793
33913
  handleCheckBoxAll
33794
33914
  }
33795
33915
  ),
33796
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33916
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33797
33917
  TableBody,
33798
33918
  {
33799
33919
  columns,
@@ -33833,9 +33953,9 @@ var Many2ManyField = (props) => {
33833
33953
  }
33834
33954
  ) }) })
33835
33955
  }
33836
- ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LayerLoading, {}),
33837
- /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33838
- isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33956
+ ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LayerLoading, {}),
33957
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
33958
+ isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33839
33959
  "button",
33840
33960
  {
33841
33961
  disabled: selectedRowKeys?.length === 0,
@@ -33845,7 +33965,7 @@ var Many2ManyField = (props) => {
33845
33965
  children: instance.t("choose")
33846
33966
  }
33847
33967
  ),
33848
- optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33968
+ optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33849
33969
  "button",
33850
33970
  {
33851
33971
  type: "button",
@@ -33861,7 +33981,7 @@ var Many2ManyField = (props) => {
33861
33981
  children: instance.t("new")
33862
33982
  }
33863
33983
  ),
33864
- /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33984
+ /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
33865
33985
  "button",
33866
33986
  {
33867
33987
  type: "button",
@@ -33883,14 +34003,14 @@ var Many2ManyField = (props) => {
33883
34003
 
33884
34004
  // src/widgets/basic/many2one-field/many2one.tsx
33885
34005
  var import_react63 = __toESM(require("react"));
33886
- var import_jsx_runtime101 = require("react/jsx-runtime");
34006
+ var import_jsx_runtime102 = require("react/jsx-runtime");
33887
34007
  var CustomMenuList = (props) => {
33888
34008
  const { options: options2, children, selectProps } = props;
33889
34009
  const { setIsShowModalMany2Many, searchable } = selectProps;
33890
34010
  const limitedChildren = import_react63.default.Children.toArray(children).slice(0, 10);
33891
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
34011
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
33892
34012
  limitedChildren,
33893
- options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
34013
+ options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
33894
34014
  "button",
33895
34015
  {
33896
34016
  type: "button",
@@ -33941,8 +34061,8 @@ var Many2OneField = (props) => {
33941
34061
  );
33942
34062
  if (!isForm && !isEditTable) {
33943
34063
  const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
33944
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
33945
- allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34064
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
34065
+ allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33946
34066
  ModalDetail,
33947
34067
  {
33948
34068
  idToolTip: String(name2) + Number(index4),
@@ -33955,7 +34075,7 @@ var Many2OneField = (props) => {
33955
34075
  renderDetail
33956
34076
  }
33957
34077
  ),
33958
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34078
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33959
34079
  "span",
33960
34080
  {
33961
34081
  className: "cursor-pointer",
@@ -33966,13 +34086,13 @@ var Many2OneField = (props) => {
33966
34086
  )
33967
34087
  ] });
33968
34088
  }
33969
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_jsx_runtime101.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34089
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33970
34090
  "div",
33971
34091
  {
33972
34092
  id: name2,
33973
34093
  "data-tooltip-id": name2,
33974
34094
  className: `inline-block w-full ${readonly && "cursor-not-allowed"}`,
33975
- children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34095
+ children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33976
34096
  Controller,
33977
34097
  {
33978
34098
  name: name2 ?? "",
@@ -33993,8 +34113,8 @@ var Many2OneField = (props) => {
33993
34113
  methods?.clearErrors(name2);
33994
34114
  }
33995
34115
  }, [selectedOption]);
33996
- return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "group", children: [
33997
- /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34116
+ return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "group", children: [
34117
+ /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
33998
34118
  StateManagedSelect$1,
33999
34119
  {
34000
34120
  menuShouldScrollIntoView: false,
@@ -34046,7 +34166,7 @@ var Many2OneField = (props) => {
34046
34166
  })
34047
34167
  },
34048
34168
  components: {
34049
- MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
34169
+ MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34050
34170
  CustomMenuList,
34051
34171
  {
34052
34172
  ...menuListProps,
@@ -34057,13 +34177,13 @@ var Many2OneField = (props) => {
34057
34177
  }
34058
34178
  ),
34059
34179
  IndicatorSeparator: () => null,
34060
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(components.DropdownIndicator, { ...props2 })
34180
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
34061
34181
  },
34062
34182
  isDisabled: readonly,
34063
34183
  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
34064
34184
  }
34065
34185
  ),
34066
- !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34186
+ !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
34067
34187
  ] });
34068
34188
  }
34069
34189
  }
@@ -34073,7 +34193,7 @@ var Many2OneField = (props) => {
34073
34193
  };
34074
34194
 
34075
34195
  // src/widgets/basic/status-bar-field/duration/duration.tsx
34076
- var import_jsx_runtime102 = require("react/jsx-runtime");
34196
+ var import_jsx_runtime103 = require("react/jsx-runtime");
34077
34197
  var StatusbarDurationField = (props) => {
34078
34198
  const {
34079
34199
  disabled,
@@ -34083,14 +34203,14 @@ var StatusbarDurationField = (props) => {
34083
34203
  defaultValue,
34084
34204
  setModalStatus
34085
34205
  } = props;
34086
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34206
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34087
34207
  "div",
34088
34208
  {
34089
34209
  className: `w-full items-center rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
34090
- children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
34091
- /* @__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) => {
34210
+ children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
34211
+ /* @__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) => {
34092
34212
  const value = option?.id === defaultValue;
34093
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
34213
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34094
34214
  "label",
34095
34215
  {
34096
34216
  onClick: () => !disabled && handleClick(option.id),
@@ -34100,7 +34220,7 @@ var StatusbarDurationField = (props) => {
34100
34220
  ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
34101
34221
  `,
34102
34222
  children: [
34103
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34223
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34104
34224
  "input",
34105
34225
  {
34106
34226
  type: "radio",
@@ -34110,7 +34230,7 @@ var StatusbarDurationField = (props) => {
34110
34230
  }
34111
34231
  ),
34112
34232
  option?.name,
34113
- index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34233
+ index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34114
34234
  "div",
34115
34235
  {
34116
34236
  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]
@@ -34125,14 +34245,14 @@ var StatusbarDurationField = (props) => {
34125
34245
  }) }),
34126
34246
  dataResponse?.records?.some(
34127
34247
  (item) => item?.fold && item.id !== defaultValue
34128
- ) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
34248
+ ) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34129
34249
  "div",
34130
34250
  {
34131
34251
  onClick: () => setModalStatus(!modelStatus),
34132
34252
  className: "w-[24px] h-[24px] cursor-pointer relative",
34133
34253
  children: [
34134
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MoreIcon, {}),
34135
- modelStatus && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34254
+ /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(MoreIcon, {}),
34255
+ modelStatus && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34136
34256
  "div",
34137
34257
  {
34138
34258
  onClick: (e3) => e3.stopPropagation(),
@@ -34141,7 +34261,7 @@ var StatusbarDurationField = (props) => {
34141
34261
  (item) => item?.fold && item.id !== defaultValue
34142
34262
  )?.map((option) => {
34143
34263
  const value = option?.id === defaultValue;
34144
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
34264
+ return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34145
34265
  "div",
34146
34266
  {
34147
34267
  className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34163,13 +34283,13 @@ var StatusbarDurationField = (props) => {
34163
34283
 
34164
34284
  // src/widgets/basic/status-bar-field/option/option.tsx
34165
34285
  var import_react64 = require("react");
34166
- var import_jsx_runtime103 = require("react/jsx-runtime");
34286
+ var import_jsx_runtime104 = require("react/jsx-runtime");
34167
34287
  var StatusBarOptionField = (props) => {
34168
34288
  const { selection, defaultValue } = props;
34169
34289
  const memoizedStatusOptions = (0, import_react64.useMemo)(() => selection, [selection]);
34170
- return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
34290
+ return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center flex-wrap", children: memoizedStatusOptions?.map((option, index4) => {
34171
34291
  const value = option?.[0] === defaultValue;
34172
- return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
34292
+ return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
34173
34293
  "label",
34174
34294
  {
34175
34295
  className: `relative flex-shrink-0 cursor-default py-[10px] px-8 font-semibold !text-sm
@@ -34178,9 +34298,9 @@ var StatusBarOptionField = (props) => {
34178
34298
  ${index4 === memoizedStatusOptions?.length - 1 ? "rounded-r-xl!" : "rounded-none"}
34179
34299
  `,
34180
34300
  children: [
34181
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
34301
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "radio", checked: value, className: "hidden", disabled: true }),
34182
34302
  option[1],
34183
- !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
34303
+ !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34184
34304
  "div",
34185
34305
  {
34186
34306
  className: `absolute top-[5px] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45
@@ -34196,7 +34316,7 @@ var StatusBarOptionField = (props) => {
34196
34316
  };
34197
34317
 
34198
34318
  // src/widgets/basic/date-option-field/date-option.tsx
34199
- var import_jsx_runtime104 = require("react/jsx-runtime");
34319
+ var import_jsx_runtime105 = require("react/jsx-runtime");
34200
34320
  var DateOptionField = (props) => {
34201
34321
  const {
34202
34322
  name: name2,
@@ -34207,19 +34327,19 @@ var DateOptionField = (props) => {
34207
34327
  string,
34208
34328
  onChange: onChange2
34209
34329
  } = props;
34210
- return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34330
+ return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34211
34331
  Controller,
34212
34332
  {
34213
34333
  name: name2 ?? "",
34214
34334
  control: methods?.control,
34215
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
34335
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
34216
34336
  "label",
34217
34337
  {
34218
34338
  className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
34219
34339
  ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
34220
34340
  ${readonly ? "opacity-50 pointer-events-none" : ""}`,
34221
34341
  children: [
34222
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
34342
+ /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
34223
34343
  "input",
34224
34344
  {
34225
34345
  type: "checkbox",
@@ -34262,6 +34382,7 @@ var DateOptionField = (props) => {
34262
34382
  DownLoadBinaryField,
34263
34383
  DownloadFileField,
34264
34384
  DropdownField,
34385
+ EmptyTable,
34265
34386
  FeeField,
34266
34387
  FileUploadField,
34267
34388
  FloatField,