@billgangcom/theme-lib 1.33.0 → 1.33.2

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 (8) hide show
  1. package/dist/builder.cjs.js +4 -4
  2. package/dist/builder.es.js +601 -587
  3. package/dist/{index-CZcNDk0w.cjs → index-CLg_NJ6J.cjs} +4 -4
  4. package/dist/{index-DSREXVyt.js → index-Dfo5ydyB.js} +28 -23
  5. package/dist/ui/ItemsSettings/popup.d.ts +1 -0
  6. package/dist/ui.cjs.js +1 -1
  7. package/dist/ui.es.js +1416 -1394
  8. package/package.json +1 -1
package/dist/ui.es.js CHANGED
@@ -1,17 +1,17 @@
1
- import { j as t, I as f, a as W, c as V, S as K, T as Ct, C as ht, b as tt, D as jt, H as yt, B as ot, v as lt, u as kt, d as $t, e as qt, f as gt, g as wt, h as St, M as Tt, i as Pt, k as Dt } from "./index-DSREXVyt.js";
2
- import { l as Zo, L as ta } from "./index-DSREXVyt.js";
3
- import h from "react";
1
+ import { j as t, I as b, a as W, c as F, S as K, T as Ct, C as ht, b as Z, D as yt, H as kt, B as it, v as dt, u as $t, d as wt, e as Ot, f as ft, g as Nt, h as Bt, M as St, i as Pt, k as Dt } from "./index-Dfo5ydyB.js";
2
+ import { l as no, L as io } from "./index-Dfo5ydyB.js";
3
+ import g from "react";
4
4
  import "@phosphor-icons/react";
5
- const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5j_15", Mt = "_subtitle_9rr5j_22", Ht = "_alignmentContent_9rr5j_29", Ft = "_alignments_9rr5j_37", Vt = "_alignment_9rr5j_8", Ut = "_circle_9rr5j_58", zt = "_paddings_9rr5j_65", Yt = "_padding_9rr5j_65", Gt = "_input_9rr5j_84", J = {
5
+ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5j_15", Mt = "_subtitle_9rr5j_22", Ht = "_alignmentContent_9rr5j_29", zt = "_alignments_9rr5j_37", Vt = "_alignment_9rr5j_8", Ft = "_circle_9rr5j_58", Ut = "_paddings_9rr5j_65", Yt = "_padding_9rr5j_65", Gt = "_input_9rr5j_84", J = {
6
6
  wrapper: Et,
7
7
  alignmentBlock: Lt,
8
8
  title: Rt,
9
9
  subtitle: Mt,
10
10
  alignmentContent: Ht,
11
- alignments: Ft,
11
+ alignments: zt,
12
12
  alignment: Vt,
13
- circle: Ut,
14
- paddings: zt,
13
+ circle: Ft,
14
+ paddings: Ut,
15
15
  padding: Yt,
16
16
  input: Gt
17
17
  }, Wt = [
@@ -24,10 +24,10 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
24
24
  "bottomLeft",
25
25
  "bottom",
26
26
  "bottomRight"
27
- ], Xt = ["left", "top", "right", "bottom"], Mo = (u) => {
28
- const { alignment: o, padding: e, setPadding: n, setAlignment: i } = u;
29
- function a() {
30
- switch (o) {
27
+ ], Xt = ["left", "top", "right", "bottom"], Fa = (u) => {
28
+ const { alignment: a, padding: e, setPadding: s, setAlignment: i } = u;
29
+ function c() {
30
+ switch (a) {
31
31
  case "left":
32
32
  case "topLeft":
33
33
  case "bottomLeft":
@@ -44,8 +44,8 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
44
44
  return "TextAlignCenter";
45
45
  }
46
46
  }
47
- function c(s) {
48
- switch (s) {
47
+ function l(o) {
48
+ switch (o) {
49
49
  case "left":
50
50
  return "AlignLeft";
51
51
  case "right":
@@ -61,19 +61,19 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
61
61
  /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
62
62
  /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
63
63
  /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
64
- /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Wt.map((s) => /* @__PURE__ */ t.jsxs(
64
+ /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Wt.map((o) => /* @__PURE__ */ t.jsxs(
65
65
  "div",
66
66
  {
67
67
  onClick: () => {
68
- i(s);
68
+ i(o);
69
69
  },
70
70
  className: J.alignment,
71
71
  children: [
72
- s !== o && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
73
- s === o && /* @__PURE__ */ t.jsx(
74
- f,
72
+ o !== a && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
73
+ o === a && /* @__PURE__ */ t.jsx(
74
+ b,
75
75
  {
76
- name: a(),
76
+ name: c(),
77
77
  fill: "#FF3F19",
78
78
  width: 22,
79
79
  height: 22
@@ -81,17 +81,17 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
81
81
  )
82
82
  ]
83
83
  },
84
- s
84
+ o
85
85
  )) }),
86
- /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Xt.map((s) => /* @__PURE__ */ t.jsxs(
86
+ /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Xt.map((o) => /* @__PURE__ */ t.jsxs(
87
87
  "label",
88
88
  {
89
89
  className: J.padding,
90
90
  children: [
91
91
  /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
92
- f,
92
+ b,
93
93
  {
94
- name: c(s),
94
+ name: l(o),
95
95
  width: 20,
96
96
  height: 20
97
97
  }
@@ -99,11 +99,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
99
99
  /* @__PURE__ */ t.jsx(
100
100
  W,
101
101
  {
102
- type: "text",
103
- value: String(e[s]),
104
- onChange: (l) => n({
102
+ type: "number",
103
+ value: String(e[o]),
104
+ onChange: (n) => s({
105
105
  ...e,
106
- [s]: Number(l)
106
+ [o]: Number(n)
107
107
  }),
108
108
  paddingless: !0,
109
109
  borderless: !0
@@ -111,25 +111,25 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
111
111
  )
112
112
  ]
113
113
  },
114
- s
114
+ o
115
115
  )) })
116
116
  ] })
117
117
  ] })
118
118
  ] });
119
- }, Jt = "_title_18dz7_1", Qt = "_subtitle_18dz7_5", Kt = "_header_18dz7_12", Zt = "_text_18dz7_13", te = "_top_18dz7_21", ee = "_itemsBlock_18dz7_30", dt = {
119
+ }, Jt = "_title_voimd_1", Qt = "_subtitle_voimd_5", Kt = "_header_voimd_12", Zt = "_text_voimd_13", te = "_top_voimd_20", ee = "_itemsBlock_voimd_29", ut = {
120
120
  title: Jt,
121
121
  subtitle: Qt,
122
122
  header: Kt,
123
123
  text: Zt,
124
124
  top: te,
125
125
  itemsBlock: ee
126
- }, se = "_typeTexts_rcw8p_1", ne = "_block_rcw8p_8", ie = "_active_rcw8p_21", xt = {
126
+ }, se = "_typeTexts_167ez_1", ne = "_block_167ez_8", ie = "_active_167ez_25", bt = {
127
127
  typeTexts: se,
128
128
  block: ne,
129
129
  active: ie
130
- }, oe = ["bold", "italic", "underline", "strike-through", "code"], Bt = (u) => {
131
- const { typesText: o, setTypesText: e } = u;
132
- function n(i) {
130
+ }, ae = ["bold", "italic", "underline", "strike-through", "code"], Tt = (u) => {
131
+ const { typesText: a, setTypesText: e } = u;
132
+ function s(i) {
133
133
  switch (i) {
134
134
  case "bold":
135
135
  return "TextB";
@@ -143,25 +143,25 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
143
143
  return "TextUnderline";
144
144
  }
145
145
  }
146
- return /* @__PURE__ */ t.jsx("div", { className: xt.typeTexts, children: oe.map((i) => /* @__PURE__ */ t.jsx(
146
+ return /* @__PURE__ */ t.jsx("div", { className: bt.typeTexts, children: ae.map((i) => /* @__PURE__ */ t.jsx(
147
147
  "div",
148
148
  {
149
- className: V(xt.block, {
150
- [xt.active]: o.includes(i)
149
+ className: F(bt.block, {
150
+ [bt.active]: a.includes(i)
151
151
  }),
152
152
  onClick: () => {
153
- const a = [...o];
154
- if (a.includes(i)) {
155
- const c = a.filter((s) => s !== i);
156
- e(c);
153
+ const c = [...a];
154
+ if (c.includes(i)) {
155
+ const l = c.filter((o) => o !== i);
156
+ e(l);
157
157
  } else
158
- a.push(i), e(a);
158
+ c.push(i), e(c);
159
159
  },
160
160
  children: /* @__PURE__ */ t.jsx(
161
- f,
161
+ b,
162
162
  {
163
- name: n(i),
164
- fill: o.includes(i) ? "#252525" : "#757575",
163
+ name: s(i),
164
+ fill: a.includes(i) ? "#252525" : "#757575",
165
165
  width: 20,
166
166
  height: 20
167
167
  }
@@ -169,58 +169,58 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
169
169
  },
170
170
  String(i)
171
171
  )) });
172
- }, At = (u) => {
172
+ }, qt = (u) => {
173
173
  const {
174
- typesText: o,
174
+ typesText: a,
175
175
  isActiveText: e,
176
- setIsActiveText: n,
176
+ setIsActiveText: s,
177
177
  text: i,
178
- setText: a,
179
- setTypesText: c,
180
- title: s,
181
- subtitle: l = "Items"
178
+ setText: c,
179
+ setTypesText: l,
180
+ title: o,
181
+ subtitle: n = "Items"
182
182
  } = u;
183
- return /* @__PURE__ */ t.jsxs("div", { className: dt.text, children: [
184
- (s || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: dt.top, children: [
185
- s && /* @__PURE__ */ t.jsx("h3", { className: dt.title, children: s }),
186
- e !== void 0 && n && /* @__PURE__ */ t.jsx(
183
+ return /* @__PURE__ */ t.jsxs("div", { className: ut.text, children: [
184
+ (o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ut.top, children: [
185
+ o && /* @__PURE__ */ t.jsx("h3", { className: ut.title, children: o }),
186
+ e !== void 0 && s && /* @__PURE__ */ t.jsx(
187
187
  K,
188
188
  {
189
189
  current: e,
190
- onChange: (d) => n(d)
190
+ onChange: (r) => s(r)
191
191
  }
192
192
  )
193
193
  ] }),
194
- /* @__PURE__ */ t.jsxs("div", { className: dt.itemsBlock, children: [
195
- /* @__PURE__ */ t.jsx("h5", { className: dt.subtitle, children: l }),
194
+ /* @__PURE__ */ t.jsxs("div", { className: ut.itemsBlock, children: [
195
+ /* @__PURE__ */ t.jsx("h5", { className: ut.subtitle, children: n }),
196
196
  /* @__PURE__ */ t.jsx(
197
197
  Ct,
198
198
  {
199
- onChange: (d) => a(d),
199
+ onChange: (r) => c(r),
200
200
  value: i,
201
201
  maxLength: 150
202
202
  }
203
203
  ),
204
204
  /* @__PURE__ */ t.jsx(
205
- Bt,
205
+ Tt,
206
206
  {
207
- typesText: o,
208
- setTypesText: c
207
+ typesText: a,
208
+ setTypesText: l
209
209
  }
210
210
  )
211
211
  ] })
212
212
  ] });
213
- }, ae = "_title_fyopx_1", ce = "_subtitle_fyopx_5", le = "_header_fyopx_12", re = "_text_fyopx_13", de = "_productsBlock_fyopx_14", ue = "_top_fyopx_26", pe = "_itemsBlock_fyopx_35", me = "_typeTexts_fyopx_41", he = "_block_fyopx_48", _e = "_active_fyopx_61", ge = "_products_fyopx_14", fe = "_product_fyopx_14", xe = "_button_fyopx_80", be = "_disabled_fyopx_91", ve = "_image_fyopx_95", je = "_info_fyopx_102", ye = "_name_fyopx_114", ke = "_buttons_fyopx_118", $e = "_modal_fyopx_125", we = "_link_fyopx_145", Ne = "_modalOptions_fyopx_151", F = {
214
- title: ae,
213
+ }, oe = "_title_vzbkd_1", ce = "_subtitle_vzbkd_5", le = "_header_vzbkd_12", re = "_text_vzbkd_13", de = "_productsBlock_vzbkd_14", ue = "_top_vzbkd_26", me = "_itemsBlock_vzbkd_35", _e = "_typeTexts_vzbkd_41", he = "_block_vzbkd_48", pe = "_active_vzbkd_61", ge = "_products_vzbkd_14", fe = "_product_vzbkd_14", xe = "_button_vzbkd_80", be = "_disabled_vzbkd_91", ve = "_image_vzbkd_95", je = "_info_vzbkd_102", ye = "_name_vzbkd_114", ke = "_buttons_vzbkd_118", $e = "_modal_vzbkd_125", we = "_link_vzbkd_145", Ne = "_modalOptions_vzbkd_151", Ie = "_addButton_vzbkd_163", H = {
214
+ title: oe,
215
215
  subtitle: ce,
216
216
  header: le,
217
217
  text: re,
218
218
  productsBlock: de,
219
219
  top: ue,
220
- itemsBlock: pe,
221
- typeTexts: me,
220
+ itemsBlock: me,
221
+ typeTexts: _e,
222
222
  block: he,
223
- active: _e,
223
+ active: pe,
224
224
  products: ge,
225
225
  product: fe,
226
226
  button: xe,
@@ -231,161 +231,166 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
231
231
  buttons: ke,
232
232
  modal: $e,
233
233
  link: we,
234
- modalOptions: Ne
235
- }, Ie = h.forwardRef(
236
- (u, o) => {
237
- const { activeItem: e, setActiveItem: n, popupPosition: i, modalOptions: a, setIsOpenModal: c } = u;
234
+ modalOptions: Ne,
235
+ addButton: Ie
236
+ }, Ce = g.forwardRef(
237
+ (u, a) => {
238
+ const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
239
+ function o(n, r) {
240
+ return n.length > r ? `${n.slice(0, r)}...` : n;
241
+ }
238
242
  return /* @__PURE__ */ t.jsxs(
239
243
  "div",
240
244
  {
241
- ref: o,
242
- className: F.modal,
243
- onClick: (s) => {
244
- s.stopPropagation();
245
+ ref: a,
246
+ className: H.modal,
247
+ onClick: (n) => {
248
+ n.stopPropagation();
245
249
  },
246
250
  style: {
247
251
  top: `${i.top}px`,
248
252
  left: `${i.left}px`
249
253
  },
250
254
  children: [
251
- /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
252
- /* @__PURE__ */ t.jsx("h3", { className: F.title, children: e.name }),
255
+ /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
256
+ /* @__PURE__ */ t.jsx("h3", { className: H.title, children: o(e.name, 20) }),
253
257
  /* @__PURE__ */ t.jsx(
254
- f,
258
+ b,
255
259
  {
256
260
  name: "X",
257
261
  height: 20,
258
262
  width: 20,
259
263
  hoverable: !0,
260
264
  onClick: () => {
261
- n(null), c(!1);
265
+ s(null), l(!1);
262
266
  }
263
267
  }
264
268
  )
265
269
  ] }),
266
- /* @__PURE__ */ t.jsx("div", { className: F.modalOptions, children: a.map((s) => {
267
- if (s.type === "image")
270
+ /* @__PURE__ */ t.jsx("div", { className: H.modalOptions, children: c.map((n) => {
271
+ if (n.type === "image")
268
272
  return /* @__PURE__ */ t.jsx(
269
273
  ht,
270
274
  {
271
275
  label: "Put up an attractive image",
272
- activeImage: e[s.field],
273
- onChange: (l) => {
274
- const d = {
276
+ activeImage: e[n.field],
277
+ onChange: (r) => {
278
+ const _ = {
275
279
  ...e,
276
- [s.field]: l
280
+ [n.field]: r
277
281
  };
278
- n(d);
282
+ s(_);
279
283
  }
280
284
  },
281
- String(s.field)
285
+ String(n.field)
282
286
  );
283
- if (s.type === "text")
287
+ if (n.type === "text")
284
288
  return /* @__PURE__ */ t.jsx(
285
- At,
289
+ qt,
286
290
  {
287
- typesText: e[s.field.type],
288
- setTypesText: (l) => {
289
- const d = {
291
+ typesText: e[n.field.type],
292
+ setTypesText: (r) => {
293
+ const _ = {
290
294
  ...e,
291
- [s.field.type]: l
295
+ [n.field.type]: r
292
296
  };
293
- n(d);
297
+ s(_);
294
298
  },
295
- text: e[s.field.text] || "",
296
- setText: (l) => {
297
- const d = {
299
+ text: e[n.field.text] || "",
300
+ setText: (r) => {
301
+ const _ = {
298
302
  ...e,
299
- [s.field.text]: l
303
+ [n.field.text]: r
300
304
  };
301
- n(d);
305
+ s(_);
302
306
  },
303
- subtitle: s.label
307
+ subtitle: n.label
304
308
  }
305
309
  );
306
- if (s.type === "input")
310
+ if (n.type === "input")
307
311
  return /* @__PURE__ */ t.jsx(
308
312
  W,
309
313
  {
310
- onChange: (l) => {
311
- const d = {
314
+ onChange: (r) => {
315
+ const _ = {
312
316
  ...e,
313
- [s.field]: l
317
+ [n.field]: r
314
318
  };
315
- n(d);
319
+ s(_);
316
320
  },
317
- value: e[s.field] || "",
318
- label: s.label,
319
- placeholder: s.placeholder
321
+ value: e[n.field] || "",
322
+ label: n.label,
323
+ placeholder: n.placeholder
320
324
  }
321
325
  );
322
- if (s.type === "inputSwitch")
323
- return /* @__PURE__ */ t.jsxs("div", { className: F.link, children: [
326
+ if (n.type === "inputSwitch")
327
+ return /* @__PURE__ */ t.jsxs("div", { className: H.link, children: [
324
328
  /* @__PURE__ */ t.jsx(
325
329
  W,
326
330
  {
327
- onChange: (l) => {
328
- const d = {
331
+ onChange: (r) => {
332
+ const _ = {
329
333
  ...e,
330
- [s.field.text]: l
334
+ [n.field.text]: r
331
335
  };
332
- n(d);
336
+ s(_);
333
337
  },
334
- value: e[s.field.text] || "",
335
- label: s.inputLabel,
336
- placeholder: s.placeholder
338
+ value: e[n.field.text] || "",
339
+ label: n.inputLabel,
340
+ placeholder: n.placeholder
337
341
  }
338
342
  ),
339
343
  /* @__PURE__ */ t.jsx(
340
344
  K,
341
345
  {
342
- current: !!e[s.field.switch] || !1,
343
- label: s.switchLabel,
344
- onChange: (l) => {
345
- const d = {
346
+ current: !!e[n.field.switch] || !1,
347
+ label: n.switchLabel,
348
+ onChange: (r) => {
349
+ const _ = {
346
350
  ...e,
347
- [s.field.switch]: l
351
+ [n.field.switch]: r
348
352
  };
349
- n(d);
353
+ s(_);
350
354
  }
351
355
  }
352
356
  )
353
357
  ] });
354
- if (s.type === "list")
358
+ if (n.type === "list")
355
359
  return /* @__PURE__ */ t.jsx(
356
- Be,
360
+ qe,
357
361
  {
358
- items: e[s.field] || [],
359
- setItems: (l) => {
360
- const d = {
362
+ items: e[n.field] || [],
363
+ setItems: (r) => {
364
+ const _ = {
361
365
  ...e,
362
- [s.field]: l
366
+ [n.field]: r
363
367
  };
364
- n(d);
368
+ s(_);
365
369
  },
366
370
  itemsType: "select",
367
- draggable: s.draggable || !1,
368
- itemsOptions: s.itemsOptions,
369
- deletable: s.deletable || !1,
371
+ draggable: n.draggable || !1,
372
+ itemsOptions: n.itemsOptions,
373
+ deletable: n.deletable || !1,
370
374
  editable: !1,
371
- subtitle: s.label
375
+ subtitle: n.label,
376
+ addableOptions: n.addableOptions
372
377
  }
373
378
  );
374
- if (s.type === "select")
379
+ if (n.type === "select")
375
380
  return /* @__PURE__ */ t.jsx(
376
- tt,
381
+ Z,
377
382
  {
378
- options: s.itemsOptions,
379
- onChange: (l) => {
380
- const d = {
383
+ options: n.itemsOptions,
384
+ onChange: (r) => {
385
+ const _ = {
381
386
  ...e,
382
- [s.field]: l
387
+ [n.field]: r
383
388
  };
384
- n(d);
389
+ s(_);
385
390
  },
386
- label: s.label,
387
- value: e[s.field] || "String",
388
- leftAddon: s.leftAddon && s.leftAddon === "icon" && /* @__PURE__ */ t.jsx(f, { name: e[s.field] })
391
+ label: n.label,
392
+ value: e[n.field] || "String",
393
+ leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
389
394
  }
390
395
  );
391
396
  }) })
@@ -393,109 +398,109 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
393
398
  }
394
399
  );
395
400
  }
396
- ), Ce = "_other_g74jx_1", Se = "_subtitle_g74jx_7", Te = "_items_g74jx_14", bt = {
397
- other: Ce,
401
+ ), Be = "_other_g74jx_1", Se = "_subtitle_g74jx_7", Pe = "_items_g74jx_14", vt = {
402
+ other: Be,
398
403
  subtitle: Se,
399
- items: Te
400
- }, ft = (u) => {
401
- const { items: o, title: e = "Other" } = u;
402
- return /* @__PURE__ */ t.jsxs("div", { className: bt.other, children: [
403
- /* @__PURE__ */ t.jsx("h5", { className: bt.subtitle, children: e }),
404
- /* @__PURE__ */ t.jsx("div", { className: bt.items, children: o.map((n, i) => /* @__PURE__ */ t.jsx(
404
+ items: Pe
405
+ }, xt = (u) => {
406
+ const { items: a, title: e = "Other" } = u;
407
+ return /* @__PURE__ */ t.jsxs("div", { className: vt.other, children: [
408
+ /* @__PURE__ */ t.jsx("h5", { className: vt.subtitle, children: e }),
409
+ /* @__PURE__ */ t.jsx("div", { className: vt.items, children: a.map((s, i) => /* @__PURE__ */ t.jsx(
405
410
  K,
406
411
  {
407
- current: n.isItem,
408
- onChange: (a) => n.setIsItem(a),
409
- label: n.label,
412
+ current: s.isItem,
413
+ onChange: (c) => s.setIsItem(c),
414
+ label: s.label,
410
415
  hasBackground: !0,
411
416
  paddingless: !1
412
417
  },
413
418
  i
414
419
  )) })
415
420
  ] });
416
- }, Pe = (u) => {
417
- const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
421
+ }, Te = (u) => {
422
+ const { index: a, moveProduct: e, children: s } = u, [, i] = $t({
418
423
  accept: "product",
419
- hover(s) {
420
- s.index !== o && (e(s.index, o), s.index = o);
424
+ hover(o) {
425
+ o.index !== a && (e(o.index, a), o.index = a);
421
426
  }
422
- }), [{ isDragging: a }, c] = $t({
427
+ }), [{ isDragging: c }, l] = wt({
423
428
  type: "product",
424
- item: { index: o },
425
- collect: (s) => ({
426
- isDragging: s.isDragging()
429
+ item: { index: a },
430
+ collect: (o) => ({
431
+ isDragging: o.isDragging()
427
432
  })
428
433
  });
429
434
  return /* @__PURE__ */ t.jsx(
430
435
  "div",
431
436
  {
432
- ref: (s) => c(i(s)),
433
- className: `${F.product} ${a ? F.dragging : ""}`,
434
- children: n
437
+ ref: (o) => l(i(o)),
438
+ className: `${H.product} ${c ? H.dragging : ""}`,
439
+ children: s
435
440
  }
436
441
  );
437
- }, Be = (u) => {
442
+ }, qe = (u) => {
438
443
  const {
439
- isActiveItems: o,
444
+ isActiveItems: a,
440
445
  setIsActiveItems: e,
441
- items: n,
446
+ items: s,
442
447
  setItems: i,
443
- other: a,
444
- title: c,
445
- subtitle: s,
446
- editable: l = !0,
447
- draggable: d = !1,
448
- withImage: $ = !1,
449
- deletable: r = !0,
450
- addable: B = !0,
448
+ other: c,
449
+ title: l,
450
+ subtitle: o,
451
+ editable: n = !0,
452
+ draggable: r = !1,
453
+ withImage: _ = !1,
454
+ deletable: d = !0,
455
+ addable: P = !0,
451
456
  itemsType: x,
452
- itemsPlaceholder: _ = "",
453
- itemsOptions: m,
454
- hasRangeSelector: O = !1,
455
- rangeSelectorOptions: q,
456
- modalOptions: b,
457
- addableOptions: D = {},
458
- limit: C,
459
- autoScrollInterval: S
460
- } = u, [g, j] = h.useState(null), [M, k] = h.useState({
457
+ itemsPlaceholder: f = "",
458
+ itemsOptions: h,
459
+ hasRangeSelector: q = !1,
460
+ rangeSelectorOptions: A,
461
+ modalOptions: v,
462
+ addableOptions: E = {},
463
+ limit: I,
464
+ autoScrollInterval: C
465
+ } = u, [M, m] = g.useState(null), [O, k] = g.useState({
461
466
  top: 0,
462
467
  left: 0
463
- }), [y, N] = h.useState(null), E = h.useRef(null), [L, U] = h.useState(!1), et = (p, T) => {
464
- const w = [...n], [X] = w.splice(p, 1);
465
- w.splice(T, 0, X), i(w);
468
+ }), [y, L] = g.useState(null), w = g.useRef(null), [R, U] = g.useState(!1), tt = (p, B) => {
469
+ const $ = [...s], [X] = $.splice(p, 1);
470
+ $.splice(B, 0, X), i($);
466
471
  };
467
- h.useEffect(() => {
472
+ g.useEffect(() => {
468
473
  const p = () => {
469
- j(null), U(!1);
474
+ m(null), U(!1);
470
475
  };
471
- return document.body.addEventListener("click", p), j(null), U(!1), () => {
472
- j(null), U(!1), document.body.removeEventListener("click", p);
476
+ return document.body.addEventListener("click", p), m(null), U(!1), () => {
477
+ m(null), U(!1), document.body.removeEventListener("click", p);
473
478
  };
474
- }, []), h.useEffect(() => {
475
- if (g) {
476
- const p = [...n].map((T) => T.id === g.id ? g : T);
479
+ }, []), g.useEffect(() => {
480
+ if (M) {
481
+ const p = [...s].map((B) => B.id === M.id ? M : B);
477
482
  i(p);
478
483
  }
479
- }, [g]), h.useEffect(() => {
480
- if (E.current && y) {
481
- const p = E.current.getBoundingClientRect().height, T = window.innerHeight;
482
- let w = y.top;
483
- w + p > T + window.scrollY && (w = T + window.scrollY - p - 200), w < 0 && (w = 10), k({
484
- top: w,
484
+ }, [M]), g.useEffect(() => {
485
+ if (w.current && y) {
486
+ const p = w.current.getBoundingClientRect().height, B = window.innerHeight;
487
+ let $ = y.top;
488
+ $ + p > B + window.scrollY - 200 && ($ = B + window.scrollY - p - 200), $ < 0 && ($ = 10), k({
489
+ top: $,
485
490
  left: y.left
486
491
  });
487
492
  }
488
- }, [E.current, y]);
489
- const at = (p, T) => {
493
+ }, [w.current, y]);
494
+ const at = (p, B) => {
490
495
  p.stopPropagation();
491
- const w = p.target.getBoundingClientRect();
492
- N({
493
- top: w.top + window.scrollY,
494
- left: w.left - 30
495
- }), j(T), U(!0);
496
+ const $ = p.target.getBoundingClientRect();
497
+ L({
498
+ top: $.top + window.scrollY,
499
+ left: $.left - 30
500
+ }), m(B), U(!0);
496
501
  };
497
- function v(p) {
498
- if ($)
502
+ function j(p) {
503
+ if (_)
499
504
  return p ? /* @__PURE__ */ t.jsx(
500
505
  "img",
501
506
  {
@@ -505,7 +510,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
505
510
  height: 16
506
511
  }
507
512
  ) : /* @__PURE__ */ t.jsx(
508
- f,
513
+ b,
509
514
  {
510
515
  name: "Image",
511
516
  width: 16,
@@ -514,11 +519,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
514
519
  }
515
520
  );
516
521
  }
517
- const A = (p, T) => {
522
+ const T = (p, B) => {
518
523
  var X;
519
- const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
520
- d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
521
- f,
524
+ const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
525
+ r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
526
+ b,
522
527
  {
523
528
  name: "DotsSixVertical",
524
529
  hoverable: !0,
@@ -527,155 +532,160 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
527
532
  }
528
533
  ) }),
529
534
  x === "select" && /* @__PURE__ */ t.jsx(
530
- tt,
535
+ Z,
531
536
  {
532
- onChange: (R) => {
533
- const rt = [...n].map((st) => st.id === p.id ? {
537
+ onChange: (D) => {
538
+ const Y = [...s], lt = h.find((pt) => pt.name === D);
539
+ if (!lt) return;
540
+ const ot = Y.map((pt) => pt.id === p.id ? {
541
+ ...lt,
542
+ name: D
543
+ } : pt);
544
+ m({
534
545
  ...p,
535
- name: R
536
- } : st);
537
- j({
538
- ...p,
539
- name: R
540
- }), i([...rt]);
546
+ name: D
547
+ }), i([...ot]);
541
548
  },
542
549
  value: p.name,
543
- options: m.filter((R) => !n.find((Y) => Y.name === R.name)).map((R) => R.name),
544
- leftAddon: v(p.images)
550
+ options: h.filter((D) => !s.find((Y) => Y.name === D.name)).map((D) => D.name),
551
+ leftAddon: j(p.images)
545
552
  }
546
553
  ),
547
554
  x === "input" && /* @__PURE__ */ t.jsx(
548
555
  W,
549
556
  {
550
- onChange: (R) => {
551
- const rt = [...n].map((st) => st.id === p.id ? {
557
+ onChange: (D) => {
558
+ const lt = [...s].map((ot) => ot.id === p.id ? {
552
559
  ...p,
553
- name: R
554
- } : st);
555
- i([...rt]);
560
+ name: D
561
+ } : ot);
562
+ i([...lt]);
556
563
  },
557
564
  value: p.name,
558
- placeholder: _
565
+ placeholder: f
559
566
  }
560
567
  ),
561
568
  x === "image" && /* @__PURE__ */ t.jsx(
562
569
  ht,
563
570
  {
564
- onChange: (R) => {
565
- const rt = [...n].map((st) => st.id === p.id ? {
571
+ onChange: (D) => {
572
+ const lt = [...s].map((ot) => ot.id === p.id ? {
566
573
  ...p,
567
- images: R
568
- } : st);
569
- i([...rt]);
574
+ images: D
575
+ } : ot);
576
+ i([...lt]);
570
577
  },
571
- activeImage: (X = n.find((R) => R.id === p.id)) == null ? void 0 : X.images[0]
578
+ activeImage: (X = s.find((D) => D.id === p.id)) == null ? void 0 : X.images[0]
572
579
  }
573
580
  ),
574
- /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
575
- l && /* @__PURE__ */ t.jsx(
576
- f,
581
+ /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
582
+ n && /* @__PURE__ */ t.jsx(
583
+ b,
577
584
  {
578
585
  name: "Sliders",
579
586
  hoverable: !0,
580
587
  width: 20,
581
588
  height: 20,
582
- onClick: (R) => at(R, p)
589
+ onClick: (D) => at(D, p)
583
590
  }
584
591
  ),
585
- r && /* @__PURE__ */ t.jsx(
586
- f,
592
+ d && /* @__PURE__ */ t.jsx(
593
+ b,
587
594
  {
588
595
  name: "Trash",
589
596
  hoverable: !0,
590
597
  width: 20,
591
598
  height: 20,
592
599
  fill: "#C12A2A",
593
- onClick: () => i(n.filter((R) => R.id !== p.id))
600
+ onClick: () => i(s.filter((D) => D.id !== p.id))
594
601
  }
595
602
  )
596
603
  ] })
597
604
  ] });
598
- return d ? /* @__PURE__ */ t.jsx(
599
- Pe,
605
+ return r ? /* @__PURE__ */ t.jsx(
606
+ Te,
600
607
  {
601
608
  product: p,
602
- index: T,
603
- moveProduct: et,
604
- children: w
609
+ index: B,
610
+ moveProduct: tt,
611
+ children: $
605
612
  },
606
613
  p.id
607
614
  ) : /* @__PURE__ */ t.jsx(
608
615
  "div",
609
616
  {
610
- className: F.product,
611
- children: w
617
+ className: H.product,
618
+ children: $
612
619
  },
613
620
  p.id
614
621
  );
615
622
  };
616
- return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
617
- (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
618
- c && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: c }),
619
- o !== void 0 && /* @__PURE__ */ t.jsx(
623
+ return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
624
+ (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
625
+ l && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: l }),
626
+ a !== void 0 && /* @__PURE__ */ t.jsx(
620
627
  K,
621
628
  {
622
- current: o,
629
+ current: a,
623
630
  onChange: (p) => e == null ? void 0 : e(p)
624
631
  }
625
632
  )
626
633
  ] }),
627
- g && l && b && L && /* @__PURE__ */ t.jsx(
628
- Ie,
634
+ M && n && v && R && /* @__PURE__ */ t.jsx(
635
+ Ce,
629
636
  {
630
- ref: E,
631
- activeItem: g,
632
- setActiveItem: j,
633
- popupPosition: M,
634
- modalOptions: b,
637
+ ref: w,
638
+ activeItem: M,
639
+ setActiveItem: m,
640
+ popupPosition: O,
641
+ modalOptions: v,
635
642
  setIsOpenModal: U
636
643
  }
637
644
  ),
638
- O && q && /* @__PURE__ */ t.jsx(Nt, { ...q }),
639
- /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
640
- s && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: s }),
641
- d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((p, T) => A(p, T)) }) : n.map((p, T) => A(p, T)),
642
- B && /* @__PURE__ */ t.jsxs(
643
- ot,
645
+ q && A && /* @__PURE__ */ t.jsx(It, { ...A }),
646
+ /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
647
+ o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
648
+ r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((p, B) => T(p, B)) }) : s.map((p, B) => T(p, B)),
649
+ P && /* @__PURE__ */ t.jsx("div", { className: H.addButton, children: /* @__PURE__ */ t.jsxs(
650
+ it,
644
651
  {
645
652
  withoutHover: !0,
646
- className: V(F.button, {
647
- [F.disabled]: !!(C && C <= n.length || n.length === (m == null ? void 0 : m.length))
653
+ className: F(H.button, {
654
+ [H.disabled]: !!(I && I <= s.length || s.length === (h == null ? void 0 : h.length))
648
655
  }),
649
656
  size: "s",
650
- disabled: !!(C && C <= n.length || n.length === (m == null ? void 0 : m.length)),
657
+ disabled: !!(I && I <= s.length || s.length === (h == null ? void 0 : h.length)),
651
658
  onClick: () => {
652
- const p = [...n];
653
- let T = null;
654
- if (m) {
655
- for (let w = 0; w < m.length; w++)
656
- if (!n.find((X) => X.id === m[w].id)) {
657
- T = m[w];
659
+ const p = [...s];
660
+ let B = null;
661
+ if (h) {
662
+ for (let $ = 0; $ < h.length; $++)
663
+ if (!s.find((X) => X.id === h[$].id)) {
664
+ B = h[$];
658
665
  break;
659
666
  }
660
667
  }
661
668
  x === "select" ? p.push({
662
- name: T ? T.name : m[0].name,
663
- id: (T == null ? void 0 : T.id) || m[0].id,
664
- ...D
669
+ name: B ? B.name : h[0].name,
670
+ id: (B == null ? void 0 : B.id) || h[0].id,
671
+ ...E
665
672
  }) : x === "input" ? p.push({
666
673
  name: "",
667
- id: lt(),
668
- ...D
674
+ id: dt(),
675
+ ...E
669
676
  }) : p.push({
670
- name: `Image ${n.length + 1}`,
671
- id: lt(),
672
- ...D
677
+ name: `Image ${s.length + 1}`,
678
+ id: dt(),
679
+ ...E
673
680
  }), i(p);
674
681
  },
682
+ style: {
683
+ width: "fit-content"
684
+ },
675
685
  children: [
676
686
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
677
687
  /* @__PURE__ */ t.jsx(
678
- f,
688
+ b,
679
689
  {
680
690
  name: "Plus",
681
691
  width: 16,
@@ -684,16 +694,16 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
684
694
  )
685
695
  ]
686
696
  }
687
- )
697
+ ) })
688
698
  ] }),
689
- a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a }),
690
- S !== void 0 && /* @__PURE__ */ t.jsx(
699
+ c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c }),
700
+ C !== void 0 && /* @__PURE__ */ t.jsx(
691
701
  W,
692
702
  {
693
703
  label: "Auto scroll interval",
694
704
  type: "number",
695
- value: String(S.scrollInterval),
696
- onChange: (p) => S.setScrollInterval(Number(p)),
705
+ value: String(C.scrollInterval),
706
+ onChange: (p) => C.setScrollInterval(Number(p)),
697
707
  min: 0.1,
698
708
  max: 100,
699
709
  style: {
@@ -703,58 +713,59 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
703
713
  }
704
714
  )
705
715
  ] });
706
- }, Ae = "_title_fyopx_1", Oe = "_subtitle_fyopx_5", qe = "_header_fyopx_12", De = "_text_fyopx_13", Ee = "_productsBlock_fyopx_14", Le = "_top_fyopx_26", Re = "_itemsBlock_fyopx_35", Me = "_typeTexts_fyopx_41", He = "_block_fyopx_48", Fe = "_active_fyopx_61", Ve = "_products_fyopx_14", Ue = "_product_fyopx_14", ze = "_button_fyopx_80", Ye = "_disabled_fyopx_91", Ge = "_image_fyopx_95", We = "_info_fyopx_102", Xe = "_name_fyopx_114", Je = "_buttons_fyopx_118", Qe = "_modal_fyopx_125", Ke = "_link_fyopx_145", Ze = "_modalOptions_fyopx_151", Z = {
716
+ }, Ae = "_title_1jjcw_1", Oe = "_subtitle_1jjcw_5", De = "_header_1jjcw_12", Ee = "_text_1jjcw_13", Le = "_productsBlock_1jjcw_14", Re = "_top_1jjcw_26", Me = "_itemsBlock_1jjcw_35", He = "_typeTexts_1jjcw_41", ze = "_block_1jjcw_48", Ve = "_active_1jjcw_61", Fe = "_products_1jjcw_14", Ue = "_product_1jjcw_14", Ye = "_button_1jjcw_80", Ge = "_disabled_1jjcw_91", We = "_image_1jjcw_95", Xe = "_info_1jjcw_102", Je = "_name_1jjcw_114", Qe = "_buttons_1jjcw_118", Ke = "_modal_1jjcw_125", Ze = "_link_1jjcw_145", ts = "_modalOptions_1jjcw_151", es = "_addButton_1jjcw_157", Q = {
707
717
  title: Ae,
708
718
  subtitle: Oe,
709
- header: qe,
710
- text: De,
711
- productsBlock: Ee,
712
- top: Le,
713
- itemsBlock: Re,
714
- typeTexts: Me,
715
- block: He,
716
- active: Fe,
717
- products: Ve,
719
+ header: De,
720
+ text: Ee,
721
+ productsBlock: Le,
722
+ top: Re,
723
+ itemsBlock: Me,
724
+ typeTexts: He,
725
+ block: ze,
726
+ active: Ve,
727
+ products: Fe,
718
728
  product: Ue,
719
- button: ze,
720
- disabled: Ye,
721
- image: Ge,
722
- info: We,
723
- name: Xe,
724
- buttons: Je,
725
- modal: Qe,
726
- link: Ke,
727
- modalOptions: Ze
728
- }, Ho = (u) => {
729
+ button: Ye,
730
+ disabled: Ge,
731
+ image: We,
732
+ info: Xe,
733
+ name: Je,
734
+ buttons: Qe,
735
+ modal: Ke,
736
+ link: Ze,
737
+ modalOptions: ts,
738
+ addButton: es
739
+ }, Ua = (u) => {
729
740
  const {
730
- isActiveItems: o,
741
+ isActiveItems: a,
731
742
  setIsActiveItems: e,
732
- items: n,
743
+ items: s,
733
744
  setItems: i,
734
- other: a,
735
- title: c,
736
- subtitle: s,
737
- draggable: l = !1,
738
- withImage: d = !1,
739
- addable: $ = !0,
740
- itemsOptions: r,
741
- hasRangeSelector: B = !1,
745
+ other: c,
746
+ title: l,
747
+ subtitle: o,
748
+ draggable: n = !1,
749
+ withImage: r = !1,
750
+ addable: _ = !0,
751
+ itemsOptions: d,
752
+ hasRangeSelector: P = !1,
742
753
  rangeSelectorOptions: x,
743
- limit: _,
744
- autoScrollInterval: m
754
+ limit: f,
755
+ autoScrollInterval: h
745
756
  } = u;
746
- function O(b) {
747
- if (d)
748
- return b ? /* @__PURE__ */ t.jsx(
757
+ function q(v) {
758
+ if (r)
759
+ return v ? /* @__PURE__ */ t.jsx(
749
760
  "img",
750
761
  {
751
- src: `https://imagedelivery.net/${b[0]}/w=1000`,
762
+ src: `https://imagedelivery.net/${v[0]}/w=1000`,
752
763
  alt: "image",
753
764
  width: 16,
754
765
  height: 16
755
766
  }
756
767
  ) : /* @__PURE__ */ t.jsx(
757
- f,
768
+ b,
758
769
  {
759
770
  name: "Image",
760
771
  width: 16,
@@ -763,12 +774,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
763
774
  }
764
775
  );
765
776
  }
766
- const q = (b) => {
767
- const D = r.find((S) => S.id === b);
768
- if (!D) return;
769
- const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
770
- l && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
771
- f,
777
+ const A = (v) => {
778
+ const E = d.find((C) => C.id === v);
779
+ if (!E) return;
780
+ const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
781
+ n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
782
+ b,
772
783
  {
773
784
  name: "DotsSixVertical",
774
785
  hoverable: !0,
@@ -777,80 +788,83 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
777
788
  }
778
789
  ) }),
779
790
  /* @__PURE__ */ t.jsx(
780
- tt,
791
+ Z,
781
792
  {
782
- onChange: (S) => {
783
- const g = [...n], j = r.find((y) => y.name === S);
784
- if (!j) return;
785
- const M = j.id, k = g.map((y) => y === b ? M : y);
793
+ onChange: (C) => {
794
+ const M = [...s], m = d.find((y) => y.name === C);
795
+ if (!m) return;
796
+ const O = m.id, k = M.map((y) => y === v ? O : y);
786
797
  i([...k]);
787
798
  },
788
- value: D.name,
789
- options: r.filter((S) => !n.find((g) => g === S.id)).map((S) => S.name),
790
- leftAddon: O(D.images)
799
+ value: E.name,
800
+ options: d.filter((C) => !s.find((M) => M === C.id)).map((C) => C.name),
801
+ leftAddon: q(E.images)
791
802
  }
792
803
  ),
793
- /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx(
794
- f,
804
+ /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx(
805
+ b,
795
806
  {
796
807
  name: "Trash",
797
808
  hoverable: !0,
798
809
  width: 20,
799
810
  height: 20,
800
811
  fill: "#C12A2A",
801
- onClick: () => i(n.filter((S) => S !== b))
812
+ onClick: () => i(s.filter((C) => C !== v))
802
813
  }
803
814
  ) })
804
815
  ] });
805
816
  return /* @__PURE__ */ t.jsx(
806
817
  "div",
807
818
  {
808
- className: Z.product,
809
- children: C
819
+ className: Q.product,
820
+ children: I
810
821
  },
811
- b
822
+ v
812
823
  );
813
824
  };
814
- return /* @__PURE__ */ t.jsxs("div", { className: Z.productsBlock, children: [
815
- (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Z.top, children: [
816
- c && /* @__PURE__ */ t.jsx("h3", { className: Z.title, children: c }),
817
- o !== void 0 && /* @__PURE__ */ t.jsx(
825
+ return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
826
+ (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
827
+ l && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: l }),
828
+ a !== void 0 && /* @__PURE__ */ t.jsx(
818
829
  K,
819
830
  {
820
- current: o,
821
- onChange: (b) => e == null ? void 0 : e(b)
831
+ current: a,
832
+ onChange: (v) => e == null ? void 0 : e(v)
822
833
  }
823
834
  )
824
835
  ] }),
825
- B && x && /* @__PURE__ */ t.jsx(Nt, { ...x }),
826
- /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
827
- s && /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: s }),
828
- n.map((b) => q(b)),
829
- $ && /* @__PURE__ */ t.jsxs(
830
- ot,
836
+ P && x && /* @__PURE__ */ t.jsx(It, { ...x }),
837
+ /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
838
+ o && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: o }),
839
+ s.map((v) => A(v)),
840
+ _ && /* @__PURE__ */ t.jsx("div", { className: Q.addButton, children: /* @__PURE__ */ t.jsxs(
841
+ it,
831
842
  {
832
843
  withoutHover: !0,
833
- className: V(Z.button, {
834
- [Z.disabled]: !!(_ && _ <= n.length || n.length === r.length)
844
+ className: F(Q.button, {
845
+ [Q.disabled]: !!(f && f <= s.length || s.length === d.length)
835
846
  }),
836
847
  size: "s",
837
- disabled: !!(_ && _ <= n.length || n.length === r.length),
848
+ disabled: !!(f && f <= s.length || s.length === d.length),
838
849
  onClick: () => {
839
- const b = [...n];
840
- let D = null;
841
- if (r) {
842
- for (let C = 0; C < r.length; C++)
843
- if (!n.find((S) => S === r[C].id)) {
844
- D = r[C];
850
+ const v = [...s];
851
+ let E = null;
852
+ if (d) {
853
+ for (let I = 0; I < d.length; I++)
854
+ if (!s.find((C) => C === d[I].id)) {
855
+ E = d[I];
845
856
  break;
846
857
  }
847
858
  }
848
- b.push((D == null ? void 0 : D.id) || r[0].id), i(b);
859
+ v.push((E == null ? void 0 : E.id) || d[0].id), i(v);
860
+ },
861
+ style: {
862
+ width: "fit-content"
849
863
  },
850
864
  children: [
851
865
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
852
866
  /* @__PURE__ */ t.jsx(
853
- f,
867
+ b,
854
868
  {
855
869
  name: "Plus",
856
870
  width: 16,
@@ -859,16 +873,16 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
859
873
  )
860
874
  ]
861
875
  }
862
- )
876
+ ) })
863
877
  ] }),
864
- a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a }),
865
- m !== void 0 && /* @__PURE__ */ t.jsx(
878
+ c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c }),
879
+ h !== void 0 && /* @__PURE__ */ t.jsx(
866
880
  W,
867
881
  {
868
882
  label: "Auto scroll interval",
869
883
  type: "number",
870
- value: String(m.scrollInterval),
871
- onChange: (b) => m.setScrollInterval(Number(b)),
884
+ value: String(h.scrollInterval),
885
+ onChange: (v) => h.setScrollInterval(Number(v)),
872
886
  min: 0.1,
873
887
  max: 100,
874
888
  style: {
@@ -878,162 +892,166 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
878
892
  }
879
893
  )
880
894
  ] });
881
- }, ts = "_title_fyopx_1", es = "_subtitle_fyopx_5", ss = "_header_fyopx_12", ns = "_text_fyopx_13", is = "_productsBlock_fyopx_14", os = "_top_fyopx_26", as = "_itemsBlock_fyopx_35", cs = "_typeTexts_fyopx_41", ls = "_block_fyopx_48", rs = "_active_fyopx_61", ds = "_products_fyopx_14", us = "_product_fyopx_14", ps = "_button_fyopx_80", ms = "_disabled_fyopx_91", hs = "_image_fyopx_95", _s = "_info_fyopx_102", gs = "_name_fyopx_114", fs = "_buttons_fyopx_118", xs = "_modal_fyopx_125", bs = "_link_fyopx_145", vs = "_modalOptions_fyopx_151", z = {
882
- title: ts,
883
- subtitle: es,
884
- header: ss,
885
- text: ns,
886
- productsBlock: is,
887
- top: os,
888
- itemsBlock: as,
889
- typeTexts: cs,
890
- block: ls,
891
- active: rs,
892
- products: ds,
893
- product: us,
894
- button: ps,
895
- disabled: ms,
896
- image: hs,
897
- info: _s,
898
- name: gs,
899
- buttons: fs,
900
- modal: xs,
901
- link: bs,
902
- modalOptions: vs
903
- }, js = h.forwardRef(
904
- (u, o) => {
905
- const { activeItem: e, setActiveItem: n, popupPosition: i, modalOptions: a, setIsOpenModal: c } = u;
895
+ }, ss = "_title_iqcxl_1", ns = "_subtitle_iqcxl_5", is = "_header_iqcxl_12", as = "_text_iqcxl_13", os = "_productsBlock_iqcxl_14", cs = "_top_iqcxl_26", ls = "_itemsBlock_iqcxl_35", rs = "_typeTexts_iqcxl_41", ds = "_block_iqcxl_48", us = "_active_iqcxl_61", ms = "_products_iqcxl_14", _s = "_product_iqcxl_14", hs = "_button_iqcxl_80", ps = "_disabled_iqcxl_91", gs = "_image_iqcxl_95", fs = "_info_iqcxl_102", xs = "_name_iqcxl_114", bs = "_buttons_iqcxl_118", vs = "_modal_iqcxl_125", js = "_link_iqcxl_146", ys = "_modalOptions_iqcxl_152", ks = "_addButton_iqcxl_164", V = {
896
+ title: ss,
897
+ subtitle: ns,
898
+ header: is,
899
+ text: as,
900
+ productsBlock: os,
901
+ top: cs,
902
+ itemsBlock: ls,
903
+ typeTexts: rs,
904
+ block: ds,
905
+ active: us,
906
+ products: ms,
907
+ product: _s,
908
+ button: hs,
909
+ disabled: ps,
910
+ image: gs,
911
+ info: fs,
912
+ name: xs,
913
+ buttons: bs,
914
+ modal: vs,
915
+ link: js,
916
+ modalOptions: ys,
917
+ addButton: ks
918
+ }, $s = g.forwardRef(
919
+ (u, a) => {
920
+ const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
921
+ function o(n, r) {
922
+ return n.length > r ? `${n.slice(0, r)}...` : n;
923
+ }
906
924
  return /* @__PURE__ */ t.jsxs(
907
925
  "div",
908
926
  {
909
- ref: o,
910
- className: z.modal,
911
- onClick: (s) => {
912
- s.stopPropagation();
927
+ ref: a,
928
+ className: V.modal,
929
+ onClick: (n) => {
930
+ n.stopPropagation();
913
931
  },
914
932
  style: {
915
933
  top: `${i.top}px`,
916
934
  left: `${i.left}px`
917
935
  },
918
936
  children: [
919
- /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
920
- /* @__PURE__ */ t.jsx("h3", { className: z.title, children: e.name }),
937
+ /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
938
+ /* @__PURE__ */ t.jsx("h3", { className: V.title, children: o(e.name, 20) }),
921
939
  /* @__PURE__ */ t.jsx(
922
- f,
940
+ b,
923
941
  {
924
942
  name: "X",
925
943
  height: 20,
926
944
  width: 20,
927
945
  hoverable: !0,
928
946
  onClick: () => {
929
- n(null), c(!1);
947
+ s(null), l(!1);
930
948
  }
931
949
  }
932
950
  )
933
951
  ] }),
934
- /* @__PURE__ */ t.jsx("div", { className: z.modalOptions, children: a.map((s) => {
935
- if (s.type === "image")
952
+ /* @__PURE__ */ t.jsx("div", { className: V.modalOptions, children: c.map((n) => {
953
+ if (n.type === "image")
936
954
  return /* @__PURE__ */ t.jsx(
937
955
  ht,
938
956
  {
939
957
  label: "Put up an attractive image",
940
- activeImage: e[s.field],
941
- onChange: (l) => {
942
- const d = {
958
+ activeImage: e[n.field],
959
+ onChange: (r) => {
960
+ const _ = {
943
961
  ...e,
944
- [s.field]: l
962
+ [n.field]: r
945
963
  };
946
- n(d);
964
+ s(_);
947
965
  }
948
966
  },
949
- String(s.field)
967
+ String(n.field)
950
968
  );
951
- if (s.type === "text")
969
+ if (n.type === "text")
952
970
  return /* @__PURE__ */ t.jsx(
953
- At,
971
+ qt,
954
972
  {
955
- typesText: e[s.field.type],
956
- setTypesText: (l) => {
957
- const d = {
973
+ typesText: e[n.field.type],
974
+ setTypesText: (r) => {
975
+ const _ = {
958
976
  ...e,
959
- [s.field.type]: l
977
+ [n.field.type]: r
960
978
  };
961
- n(d);
979
+ s(_);
962
980
  },
963
- text: e[s.field.text] || "",
964
- setText: (l) => {
965
- const d = {
981
+ text: e[n.field.text] || "",
982
+ setText: (r) => {
983
+ const _ = {
966
984
  ...e,
967
- [s.field.text]: l
985
+ [n.field.text]: r
968
986
  };
969
- n(d);
987
+ s(_);
970
988
  },
971
- subtitle: s.label
989
+ subtitle: n.label
972
990
  }
973
991
  );
974
- if (s.type === "input")
992
+ if (n.type === "input")
975
993
  return /* @__PURE__ */ t.jsx(
976
994
  W,
977
995
  {
978
- onChange: (l) => {
979
- const d = {
996
+ onChange: (r) => {
997
+ const _ = {
980
998
  ...e,
981
- [s.field]: l
999
+ [n.field]: r
982
1000
  };
983
- n(d);
1001
+ s(_);
984
1002
  },
985
- value: e[s.field] || "",
986
- label: s.label,
987
- placeholder: s.placeholder
1003
+ value: e[n.field] || "",
1004
+ label: n.label,
1005
+ placeholder: n.placeholder
988
1006
  }
989
1007
  );
990
- if (s.type === "inputSwitch")
991
- return /* @__PURE__ */ t.jsxs("div", { className: z.link, children: [
1008
+ if (n.type === "inputSwitch")
1009
+ return /* @__PURE__ */ t.jsxs("div", { className: V.link, children: [
992
1010
  /* @__PURE__ */ t.jsx(
993
1011
  W,
994
1012
  {
995
- onChange: (l) => {
996
- const d = {
1013
+ onChange: (r) => {
1014
+ const _ = {
997
1015
  ...e,
998
- [s.field.text]: l
1016
+ [n.field.text]: r
999
1017
  };
1000
- n(d);
1018
+ s(_);
1001
1019
  },
1002
- value: e[s.field.text] || "",
1003
- label: s.inputLabel,
1004
- placeholder: s.placeholder
1020
+ value: e[n.field.text] || "",
1021
+ label: n.inputLabel,
1022
+ placeholder: n.placeholder
1005
1023
  }
1006
1024
  ),
1007
1025
  /* @__PURE__ */ t.jsx(
1008
1026
  K,
1009
1027
  {
1010
- current: !!e[s.field.switch] || !1,
1011
- label: s.switchLabel,
1012
- onChange: (l) => {
1013
- const d = {
1028
+ current: !!e[n.field.switch] || !1,
1029
+ label: n.switchLabel,
1030
+ onChange: (r) => {
1031
+ const _ = {
1014
1032
  ...e,
1015
- [s.field.switch]: l
1033
+ [n.field.switch]: r
1016
1034
  };
1017
- n(d);
1035
+ s(_);
1018
1036
  }
1019
1037
  }
1020
1038
  )
1021
1039
  ] });
1022
- if (s.type === "select")
1040
+ if (n.type === "select")
1023
1041
  return /* @__PURE__ */ t.jsx(
1024
- tt,
1042
+ Z,
1025
1043
  {
1026
- options: s.itemsOptions,
1027
- onChange: (l) => {
1028
- const d = {
1044
+ options: n.itemsOptions,
1045
+ onChange: (r) => {
1046
+ const _ = {
1029
1047
  ...e,
1030
- [s.field]: l
1048
+ [n.field]: r
1031
1049
  };
1032
- n(d);
1050
+ s(_);
1033
1051
  },
1034
- label: s.label,
1035
- value: e[s.field] || "String",
1036
- leftAddon: s.leftAddon && s.leftAddon === "icon" && /* @__PURE__ */ t.jsx(f, { name: e[s.field] })
1052
+ label: n.label,
1053
+ value: e[n.field] || "String",
1054
+ leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
1037
1055
  }
1038
1056
  );
1039
1057
  }) })
@@ -1041,97 +1059,97 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1041
1059
  }
1042
1060
  );
1043
1061
  }
1044
- ), ys = (u) => {
1045
- const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
1062
+ ), ws = (u) => {
1063
+ const { index: a, moveProduct: e, children: s } = u, [, i] = $t({
1046
1064
  accept: "product",
1047
- hover(s) {
1048
- s.index !== o && (e(s.index, o), s.index = o);
1065
+ hover(o) {
1066
+ o.index !== a && (e(o.index, a), o.index = a);
1049
1067
  }
1050
- }), [{ isDragging: a }, c] = $t({
1068
+ }), [{ isDragging: c }, l] = wt({
1051
1069
  type: "product",
1052
- item: { index: o },
1053
- collect: (s) => ({
1054
- isDragging: s.isDragging()
1070
+ item: { index: a },
1071
+ collect: (o) => ({
1072
+ isDragging: o.isDragging()
1055
1073
  })
1056
1074
  });
1057
1075
  return /* @__PURE__ */ t.jsx(
1058
1076
  "div",
1059
1077
  {
1060
- ref: (s) => c(i(s)),
1061
- className: `${z.product} ${a ? z.dragging : ""}`,
1062
- children: n
1078
+ ref: (o) => l(i(o)),
1079
+ className: `${V.product} ${c ? V.dragging : ""}`,
1080
+ children: s
1063
1081
  }
1064
1082
  );
1065
- }, Fo = (u) => {
1083
+ }, Ya = (u) => {
1066
1084
  const {
1067
- isActiveItems: o,
1085
+ isActiveItems: a,
1068
1086
  setIsActiveItems: e,
1069
- items: n,
1087
+ items: s,
1070
1088
  setItems: i,
1071
- other: a,
1072
- title: c,
1073
- subtitle: s,
1074
- editable: l = !0,
1075
- draggable: d = !1,
1076
- withImage: $ = !1,
1077
- deletable: r = !0,
1078
- addable: B = !0,
1089
+ other: c,
1090
+ title: l,
1091
+ subtitle: o,
1092
+ editable: n = !0,
1093
+ draggable: r = !1,
1094
+ withImage: _ = !1,
1095
+ deletable: d = !0,
1096
+ addable: P = !0,
1079
1097
  itemsType: x,
1080
- itemsPlaceholder: _ = "",
1081
- itemsOptions: m,
1082
- hasRangeSelector: O = !1,
1083
- rangeSelectorOptions: q,
1084
- modalOptions: b,
1085
- addableOptions: D = {}
1086
- } = u, [C, S] = h.useState(null), [g, j] = h.useState({
1098
+ itemsPlaceholder: f = "",
1099
+ itemsOptions: h,
1100
+ hasRangeSelector: q = !1,
1101
+ rangeSelectorOptions: A,
1102
+ modalOptions: v,
1103
+ addableOptions: E = {}
1104
+ } = u, [I, C] = g.useState(null), [M, m] = g.useState({
1087
1105
  top: 0,
1088
1106
  left: 0
1089
- }), [M, k] = h.useState(null), y = h.useRef(null), [N, E] = h.useState(!1), L = (v, A) => {
1090
- const p = [...n], [T] = p.splice(v, 1);
1091
- p.splice(A, 0, T), i(p);
1107
+ }), [O, k] = g.useState(null), y = g.useRef(null), [L, w] = g.useState(!1), R = (j, T) => {
1108
+ const p = [...s], [B] = p.splice(j, 1);
1109
+ p.splice(T, 0, B), i(p);
1092
1110
  };
1093
- h.useEffect(() => {
1094
- const v = () => {
1095
- S(null), E(!1);
1111
+ g.useEffect(() => {
1112
+ const j = () => {
1113
+ C(null), w(!1);
1096
1114
  };
1097
- return document.body.addEventListener("click", v), S(null), E(!1), () => {
1098
- S(null), E(!1), document.body.removeEventListener("click", v);
1115
+ return document.body.addEventListener("click", j), C(null), w(!1), () => {
1116
+ C(null), w(!1), document.body.removeEventListener("click", j);
1099
1117
  };
1100
- }, []), h.useEffect(() => {
1101
- if (C) {
1102
- const v = [...n].map((A) => A.id === C.id ? C : A);
1103
- i(v);
1118
+ }, []), g.useEffect(() => {
1119
+ if (I) {
1120
+ const j = [...s].map((T) => T.id === I.id ? I : T);
1121
+ i(j);
1104
1122
  }
1105
- }, [C]), h.useEffect(() => {
1106
- if (y.current && M) {
1107
- const v = y.current.getBoundingClientRect().height, A = window.innerHeight;
1108
- let p = M.top;
1109
- p + v > A + window.scrollY && (p = A + window.scrollY - v - 200), p < 0 && (p = 10), j({
1123
+ }, [I]), g.useEffect(() => {
1124
+ if (y.current && O) {
1125
+ const j = y.current.getBoundingClientRect().height, T = window.innerHeight;
1126
+ let p = O.top;
1127
+ p + j > T + window.scrollY - 200 && (p = T + window.scrollY - j - 200), p < 0 && (p = 10), m({
1110
1128
  top: p,
1111
- left: M.left
1129
+ left: O.left
1112
1130
  });
1113
1131
  }
1114
- }, [y.current, M]);
1115
- const U = (v, A) => {
1116
- v.stopPropagation();
1117
- const p = v.target.getBoundingClientRect();
1132
+ }, [y.current, O]);
1133
+ const U = (j, T) => {
1134
+ j.stopPropagation();
1135
+ const p = j.target.getBoundingClientRect();
1118
1136
  k({
1119
1137
  top: p.top + window.scrollY,
1120
1138
  left: p.left - 30
1121
- }), S(A), E(!0);
1139
+ }), C(T), w(!0);
1122
1140
  };
1123
- function et(v) {
1124
- if ($)
1125
- return v ? /* @__PURE__ */ t.jsx(
1141
+ function tt(j) {
1142
+ if (_)
1143
+ return j ? /* @__PURE__ */ t.jsx(
1126
1144
  "img",
1127
1145
  {
1128
- src: `https://imagedelivery.net/${v[0]}/w=1000`,
1146
+ src: `https://imagedelivery.net/${j[0]}/w=1000`,
1129
1147
  alt: "image",
1130
1148
  width: 16,
1131
1149
  height: 16
1132
1150
  }
1133
1151
  ) : /* @__PURE__ */ t.jsx(
1134
- f,
1152
+ b,
1135
1153
  {
1136
1154
  name: "Image",
1137
1155
  width: 16,
@@ -1140,11 +1158,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1140
1158
  }
1141
1159
  );
1142
1160
  }
1143
- const at = (v, A) => {
1144
- var T;
1161
+ const at = (j, T) => {
1162
+ var B;
1145
1163
  const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1146
- d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1147
- f,
1164
+ r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1165
+ b,
1148
1166
  {
1149
1167
  name: "DotsSixVertical",
1150
1168
  hoverable: !0,
@@ -1153,152 +1171,155 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1153
1171
  }
1154
1172
  ) }),
1155
1173
  x === "select" && /* @__PURE__ */ t.jsx(
1156
- tt,
1174
+ Z,
1157
1175
  {
1158
- onChange: (w) => {
1159
- const R = [...n].map((Y) => Y.id === v.id ? {
1160
- ...v,
1161
- name: w
1176
+ onChange: ($) => {
1177
+ const D = [...s].map((Y) => Y.id === j.id ? {
1178
+ ...j,
1179
+ name: $
1162
1180
  } : Y);
1163
- S({
1164
- ...v,
1165
- name: w
1166
- }), i([...R]);
1181
+ C({
1182
+ ...j,
1183
+ name: $
1184
+ }), i([...D]);
1167
1185
  },
1168
- value: v.name,
1169
- options: m.filter((w) => !n.find((X) => X.name === w)),
1170
- leftAddon: et(v.images)
1186
+ value: j.name,
1187
+ options: h.filter(($) => !s.find((X) => X.name === $)),
1188
+ leftAddon: tt(j.images)
1171
1189
  }
1172
1190
  ),
1173
1191
  x === "input" && /* @__PURE__ */ t.jsx(
1174
1192
  W,
1175
1193
  {
1176
- onChange: (w) => {
1177
- const R = [...n].map((Y) => Y.id === v.id ? {
1178
- ...v,
1179
- name: w
1194
+ onChange: ($) => {
1195
+ const D = [...s].map((Y) => Y.id === j.id ? {
1196
+ ...j,
1197
+ name: $
1180
1198
  } : Y);
1181
- i([...R]);
1199
+ i([...D]);
1182
1200
  },
1183
- value: v.name,
1184
- placeholder: _
1201
+ value: j.name,
1202
+ placeholder: f
1185
1203
  }
1186
1204
  ),
1187
1205
  x === "image" && /* @__PURE__ */ t.jsx(
1188
1206
  ht,
1189
1207
  {
1190
- onChange: (w) => {
1191
- const R = [...n].map((Y) => Y.id === v.id ? {
1192
- ...v,
1193
- images: w
1208
+ onChange: ($) => {
1209
+ const D = [...s].map((Y) => Y.id === j.id ? {
1210
+ ...j,
1211
+ images: $
1194
1212
  } : Y);
1195
- i([...R]);
1213
+ i([...D]);
1196
1214
  },
1197
- activeImage: (T = n.find((w) => w.id === v.id)) == null ? void 0 : T.images[0]
1215
+ activeImage: (B = s.find(($) => $.id === j.id)) == null ? void 0 : B.images[0]
1198
1216
  }
1199
1217
  ),
1200
- /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
1201
- l && /* @__PURE__ */ t.jsx(
1202
- f,
1218
+ /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
1219
+ n && /* @__PURE__ */ t.jsx(
1220
+ b,
1203
1221
  {
1204
1222
  name: "Sliders",
1205
1223
  hoverable: !0,
1206
1224
  width: 20,
1207
1225
  height: 20,
1208
- onClick: (w) => U(w, v)
1226
+ onClick: ($) => U($, j)
1209
1227
  }
1210
1228
  ),
1211
- r && /* @__PURE__ */ t.jsx(
1212
- f,
1229
+ d && /* @__PURE__ */ t.jsx(
1230
+ b,
1213
1231
  {
1214
1232
  name: "Trash",
1215
1233
  hoverable: !0,
1216
1234
  width: 20,
1217
1235
  height: 20,
1218
1236
  fill: "#C12A2A",
1219
- onClick: () => i(n.filter((w) => w.id !== v.id))
1237
+ onClick: () => i(s.filter(($) => $.id !== j.id))
1220
1238
  }
1221
1239
  )
1222
1240
  ] })
1223
1241
  ] });
1224
- return d ? /* @__PURE__ */ t.jsx(
1225
- ys,
1242
+ return r ? /* @__PURE__ */ t.jsx(
1243
+ ws,
1226
1244
  {
1227
- product: v,
1228
- index: A,
1229
- moveProduct: L,
1245
+ product: j,
1246
+ index: T,
1247
+ moveProduct: R,
1230
1248
  children: p
1231
1249
  },
1232
- v.id
1250
+ j.id
1233
1251
  ) : /* @__PURE__ */ t.jsx(
1234
1252
  "div",
1235
1253
  {
1236
- className: z.product,
1254
+ className: V.product,
1237
1255
  children: p
1238
1256
  },
1239
- v.id
1257
+ j.id
1240
1258
  );
1241
1259
  };
1242
- return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
1243
- (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
1244
- c && /* @__PURE__ */ t.jsx("h3", { className: z.title, children: c }),
1245
- o !== void 0 && /* @__PURE__ */ t.jsx(
1260
+ return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
1261
+ (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
1262
+ l && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: l }),
1263
+ a !== void 0 && /* @__PURE__ */ t.jsx(
1246
1264
  K,
1247
1265
  {
1248
- current: o,
1249
- onChange: (v) => e == null ? void 0 : e(v)
1266
+ current: a,
1267
+ onChange: (j) => e == null ? void 0 : e(j)
1250
1268
  }
1251
1269
  )
1252
1270
  ] }),
1253
- C && l && b && N && /* @__PURE__ */ t.jsx(
1254
- js,
1271
+ I && n && v && L && /* @__PURE__ */ t.jsx(
1272
+ $s,
1255
1273
  {
1256
1274
  ref: y,
1257
- activeItem: C,
1258
- setActiveItem: S,
1259
- popupPosition: g,
1260
- modalOptions: b,
1261
- setIsOpenModal: E
1275
+ activeItem: I,
1276
+ setActiveItem: C,
1277
+ popupPosition: M,
1278
+ modalOptions: v,
1279
+ setIsOpenModal: w
1262
1280
  }
1263
1281
  ),
1264
- O && q && /* @__PURE__ */ t.jsx(Nt, { ...q }),
1265
- /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
1266
- s && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: s }),
1267
- d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((v, A) => at(v, A)) }) : n.map((v, A) => at(v, A)),
1268
- B && /* @__PURE__ */ t.jsxs(
1269
- ot,
1282
+ q && A && /* @__PURE__ */ t.jsx(It, { ...A }),
1283
+ /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
1284
+ o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
1285
+ r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((j, T) => at(j, T)) }) : s.map((j, T) => at(j, T)),
1286
+ P && /* @__PURE__ */ t.jsx("div", { className: V.addButton, children: /* @__PURE__ */ t.jsxs(
1287
+ it,
1270
1288
  {
1271
1289
  withoutHover: !0,
1272
- className: z.button,
1290
+ className: V.button,
1273
1291
  size: "s",
1274
1292
  onClick: () => {
1275
- const v = [...n];
1276
- let A = null;
1277
- if (m) {
1278
- for (let p = 0; p < m.length; p++)
1279
- if (!n.find((T) => T.name === m[p])) {
1280
- A = m[p];
1293
+ const j = [...s];
1294
+ let T = null;
1295
+ if (h) {
1296
+ for (let p = 0; p < h.length; p++)
1297
+ if (!s.find((B) => B.name === h[p])) {
1298
+ T = h[p];
1281
1299
  break;
1282
1300
  }
1283
1301
  }
1284
- x === "select" ? v.push({
1285
- name: A || m[0],
1286
- id: lt(),
1287
- ...D
1288
- }) : x === "input" ? v.push({
1302
+ x === "select" ? j.push({
1303
+ name: T || h[0],
1304
+ id: dt(),
1305
+ ...E
1306
+ }) : x === "input" ? j.push({
1289
1307
  name: "",
1290
- id: lt(),
1291
- ...D
1292
- }) : v.push({
1293
- name: `Image ${n.length + 1}`,
1294
- id: lt(),
1295
- ...D
1296
- }), i(v);
1308
+ id: dt(),
1309
+ ...E
1310
+ }) : j.push({
1311
+ name: `Image ${s.length + 1}`,
1312
+ id: dt(),
1313
+ ...E
1314
+ }), i(j);
1315
+ },
1316
+ style: {
1317
+ width: "fit-content"
1297
1318
  },
1298
1319
  children: [
1299
1320
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
1300
1321
  /* @__PURE__ */ t.jsx(
1301
- f,
1322
+ b,
1302
1323
  {
1303
1324
  name: "Plus",
1304
1325
  width: 16,
@@ -1307,95 +1328,95 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1307
1328
  )
1308
1329
  ]
1309
1330
  }
1310
- )
1331
+ ) })
1311
1332
  ] }),
1312
- a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a })
1333
+ c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c })
1313
1334
  ] });
1314
- }, ks = "_title_dkxs6_1", $s = "_subtitle_dkxs6_5", ws = "_header_dkxs6_12", Ns = "_text_dkxs6_13", Is = "_productsBlock_dkxs6_14", Cs = "_buttonsBlock_dkxs6_15", Ss = "_top_dkxs6_26", Ts = "_itemsBlock_dkxs6_35", Ps = "_typeTexts_dkxs6_41", Bs = "_block_dkxs6_48", As = "_active_dkxs6_60", Os = "_products_dkxs6_14", qs = "_product_dkxs6_14", Ds = "_button_dkxs6_15", Es = "_image_dkxs6_90", Ls = "_info_dkxs6_97", Rs = "_name_dkxs6_109", Ms = "_buttons_dkxs6_15", Hs = "_modal_dkxs6_120", Fs = "_other_dkxs6_140", Vs = "_options_dkxs6_146", ct = {
1315
- title: ks,
1316
- subtitle: $s,
1317
- header: ws,
1318
- text: Ns,
1319
- productsBlock: Is,
1320
- buttonsBlock: Cs,
1321
- top: Ss,
1322
- itemsBlock: Ts,
1323
- typeTexts: Ps,
1324
- block: Bs,
1325
- active: As,
1326
- products: Os,
1327
- product: qs,
1328
- button: Ds,
1329
- image: Es,
1330
- info: Ls,
1331
- name: Rs,
1332
- buttons: Ms,
1333
- modal: Hs,
1334
- other: Fs,
1335
- options: Vs
1336
- }, Us = h.forwardRef((u, o) => {
1337
- const { activeButton: e, setActiveButton: n, popupPosition: i } = u, [a, c] = h.useState(e.typesText), [s, l] = h.useState(e.destination), [d, $] = h.useState(e.page), [r, B] = h.useState(e.link || ""), [x, _] = h.useState(e.text || ""), [m, O] = h.useState(e.openInNewTab), { pages: q } = qt();
1338
- return h.useEffect(() => {
1339
- n({
1335
+ }, Ns = "_title_oravb_1", Is = "_subtitle_oravb_5", Cs = "_header_oravb_12", Bs = "_text_oravb_13", Ss = "_productsBlock_oravb_14", Ps = "_buttonsBlock_oravb_15", Ts = "_top_oravb_26", qs = "_itemsBlock_oravb_35", As = "_typeTexts_oravb_41", Os = "_block_oravb_48", Ds = "_active_oravb_60", Es = "_products_oravb_14", Ls = "_product_oravb_14", Rs = "_button_oravb_15", Ms = "_image_oravb_90", Hs = "_info_oravb_97", zs = "_name_oravb_109", Vs = "_buttons_oravb_15", Fs = "_modal_oravb_120", Us = "_other_oravb_139", Ys = "_options_oravb_145", ct = {
1336
+ title: Ns,
1337
+ subtitle: Is,
1338
+ header: Cs,
1339
+ text: Bs,
1340
+ productsBlock: Ss,
1341
+ buttonsBlock: Ps,
1342
+ top: Ts,
1343
+ itemsBlock: qs,
1344
+ typeTexts: As,
1345
+ block: Os,
1346
+ active: Ds,
1347
+ products: Es,
1348
+ product: Ls,
1349
+ button: Rs,
1350
+ image: Ms,
1351
+ info: Hs,
1352
+ name: zs,
1353
+ buttons: Vs,
1354
+ modal: Fs,
1355
+ other: Us,
1356
+ options: Ys
1357
+ }, Gs = g.forwardRef((u, a) => {
1358
+ const { activeButton: e, setActiveButton: s, popupPosition: i } = u, [c, l] = g.useState(e.typesText), [o, n] = g.useState(e.destination), [r, _] = g.useState(e.page), [d, P] = g.useState(e.link || ""), [x, f] = g.useState(e.text || ""), [h, q] = g.useState(e.openInNewTab), { pages: A } = Ot();
1359
+ return g.useEffect(() => {
1360
+ s({
1340
1361
  ...e,
1341
1362
  ...{
1342
1363
  text: x,
1343
- link: r,
1344
- destination: s,
1345
- typesText: a,
1346
- page: d,
1347
- openInNewTab: m
1364
+ link: d,
1365
+ destination: o,
1366
+ typesText: c,
1367
+ page: r,
1368
+ openInNewTab: h
1348
1369
  }
1349
1370
  });
1350
- }, [a, s, r, x, d, m]), /* @__PURE__ */ t.jsxs(
1371
+ }, [c, o, d, x, r, h]), /* @__PURE__ */ t.jsxs(
1351
1372
  "div",
1352
1373
  {
1353
1374
  className: ct.modal,
1354
- onClick: (b) => {
1355
- b.stopPropagation();
1375
+ onClick: (v) => {
1376
+ v.stopPropagation();
1356
1377
  },
1357
1378
  style: {
1358
1379
  top: `${i.top}px`,
1359
1380
  left: `${i.left}px`
1360
1381
  },
1361
- ref: o,
1382
+ ref: a,
1362
1383
  children: [
1363
1384
  /* @__PURE__ */ t.jsxs("div", { className: ct.top, children: [
1364
1385
  /* @__PURE__ */ t.jsx("h3", { className: ct.title, children: e.type }),
1365
1386
  /* @__PURE__ */ t.jsx(
1366
- f,
1387
+ b,
1367
1388
  {
1368
1389
  name: "X",
1369
1390
  height: 20,
1370
1391
  width: 20,
1371
1392
  hoverable: !0,
1372
- onClick: () => n(null)
1393
+ onClick: () => s(null)
1373
1394
  }
1374
1395
  )
1375
1396
  ] }),
1376
1397
  /* @__PURE__ */ t.jsxs("div", { className: ct.options, children: [
1377
1398
  /* @__PURE__ */ t.jsx(
1378
- tt,
1399
+ Z,
1379
1400
  {
1380
1401
  label: "Destination",
1381
- onChange: (b) => l(b),
1382
- options: ["Go to Page", "Open Link"].filter((b) => b !== s),
1383
- value: s
1402
+ onChange: (v) => n(v),
1403
+ options: ["Go to Page", "Open Link"].filter((v) => v !== o),
1404
+ value: o
1384
1405
  }
1385
1406
  ),
1386
- s === "Go to Page" ? /* @__PURE__ */ t.jsx(
1387
- tt,
1407
+ o === "Go to Page" ? /* @__PURE__ */ t.jsx(
1408
+ Z,
1388
1409
  {
1389
1410
  label: "Go to",
1390
- onChange: (b) => $(b),
1391
- options: q ? Object.values(q).filter((b) => b.name !== d).map((b) => b.name) : [],
1392
- value: d
1411
+ onChange: (v) => _(v),
1412
+ options: A ? Object.values(A).filter((v) => v.name !== r).map((v) => v.name) : [],
1413
+ value: r
1393
1414
  }
1394
1415
  ) : /* @__PURE__ */ t.jsx(
1395
1416
  W,
1396
1417
  {
1397
- onChange: (b) => B(b),
1398
- value: r,
1418
+ onChange: (v) => P(v),
1419
+ value: d,
1399
1420
  placeholder: "https://",
1400
1421
  label: "Link"
1401
1422
  }
@@ -1405,127 +1426,128 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1405
1426
  {
1406
1427
  current: e.openInNewTab,
1407
1428
  label: "Open in new tab",
1408
- onChange: (b) => O(b)
1429
+ onChange: (v) => q(v)
1409
1430
  }
1410
1431
  ),
1411
1432
  /* @__PURE__ */ t.jsx(
1412
1433
  Ct,
1413
1434
  {
1414
- onChange: (b) => _(b),
1435
+ onChange: (v) => f(v),
1415
1436
  value: x,
1416
1437
  label: "Text",
1417
1438
  maxLength: 150
1418
1439
  }
1419
1440
  ),
1420
1441
  /* @__PURE__ */ t.jsx(
1421
- Bt,
1442
+ Tt,
1422
1443
  {
1423
- typesText: a,
1424
- setTypesText: c
1444
+ typesText: c,
1445
+ setTypesText: l
1425
1446
  }
1426
1447
  )
1427
1448
  ] })
1428
1449
  ]
1429
1450
  }
1430
1451
  );
1431
- }), zs = "_subtitle_m8qel_1", Ys = "_header_m8qel_8", Gs = "_text_m8qel_9", Ws = "_productsBlock_m8qel_10", Xs = "_buttonsBlock_m8qel_11", Js = "_top_m8qel_23", Qs = "_itemsBlock_m8qel_32", Ks = "_typeTexts_m8qel_38", Zs = "_block_m8qel_45", tn = "_active_m8qel_58", en = "_products_m8qel_10", sn = "_product_m8qel_10", nn = "_button_m8qel_11", on = "_image_m8qel_88", an = "_info_m8qel_95", cn = "_name_m8qel_107", ln = "_buttons_m8qel_11", rn = "_modal_m8qel_118", dn = "_other_m8qel_137", un = "_options_m8qel_143", ut = {
1432
- subtitle: zs,
1433
- header: Ys,
1434
- text: Gs,
1435
- productsBlock: Ws,
1436
- buttonsBlock: Xs,
1437
- top: Js,
1438
- itemsBlock: Qs,
1439
- typeTexts: Ks,
1440
- block: Zs,
1441
- active: tn,
1442
- products: en,
1443
- product: sn,
1444
- button: nn,
1445
- image: on,
1446
- info: an,
1447
- name: cn,
1448
- buttons: ln,
1449
- modal: rn,
1450
- other: dn,
1451
- options: un
1452
- }, pn = (u) => {
1453
- const { buttons: o, setButtons: e, deletable: n = !0, addable: i = !0 } = u, [a, c] = h.useState(null), [s, l] = h.useState({
1452
+ }), Ws = "_subtitle_w0d5g_1", Xs = "_header_w0d5g_8", Js = "_text_w0d5g_9", Qs = "_productsBlock_w0d5g_10", Ks = "_buttonsBlock_w0d5g_11", Zs = "_top_w0d5g_23", tn = "_itemsBlock_w0d5g_32", en = "_typeTexts_w0d5g_38", sn = "_block_w0d5g_45", nn = "_active_w0d5g_58", an = "_products_w0d5g_10", on = "_product_w0d5g_10", cn = "_button_w0d5g_11", ln = "_image_w0d5g_88", rn = "_info_w0d5g_95", dn = "_name_w0d5g_107", un = "_buttons_w0d5g_11", mn = "_modal_w0d5g_118", _n = "_other_w0d5g_138", hn = "_options_w0d5g_144", pn = "_addButton_w0d5g_150", rt = {
1453
+ subtitle: Ws,
1454
+ header: Xs,
1455
+ text: Js,
1456
+ productsBlock: Qs,
1457
+ buttonsBlock: Ks,
1458
+ top: Zs,
1459
+ itemsBlock: tn,
1460
+ typeTexts: en,
1461
+ block: sn,
1462
+ active: nn,
1463
+ products: an,
1464
+ product: on,
1465
+ button: cn,
1466
+ image: ln,
1467
+ info: rn,
1468
+ name: dn,
1469
+ buttons: un,
1470
+ modal: mn,
1471
+ other: _n,
1472
+ options: hn,
1473
+ addButton: pn
1474
+ }, gn = (u) => {
1475
+ const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0 } = u, [c, l] = g.useState(null), [o, n] = g.useState({
1454
1476
  top: 0,
1455
1477
  left: 0
1456
- }), [d, $] = h.useState(null), r = h.useRef(null);
1457
- h.useEffect(() => {
1478
+ }), [r, _] = g.useState(null), d = g.useRef(null);
1479
+ g.useEffect(() => {
1458
1480
  const x = () => {
1459
- c(null);
1481
+ l(null);
1460
1482
  };
1461
- return document.body.addEventListener("click", x), c(null), () => {
1462
- c(null), document.body.removeEventListener("click", x);
1483
+ return document.body.addEventListener("click", x), l(null), () => {
1484
+ l(null), document.body.removeEventListener("click", x);
1463
1485
  };
1464
- }, []), h.useEffect(() => {
1465
- if (a) {
1466
- const x = [...o].map((_) => _.id === a.id ? a : _);
1486
+ }, []), g.useEffect(() => {
1487
+ if (c) {
1488
+ const x = [...a].map((f) => f.id === c.id ? c : f);
1467
1489
  e(x);
1468
1490
  }
1469
- }, [a]), h.useEffect(() => {
1470
- if (r.current && d) {
1471
- const x = r.current.getBoundingClientRect().height, _ = window.innerHeight;
1472
- let m = d.top;
1473
- m + x > _ + window.scrollY && (m = _ + window.scrollY - x - 200), m < 0 && (m = 10), l({
1474
- top: m,
1475
- left: d.left
1491
+ }, [c]), g.useEffect(() => {
1492
+ if (d.current && r) {
1493
+ const x = d.current.getBoundingClientRect().height, f = window.innerHeight;
1494
+ let h = r.top;
1495
+ h + x > f + window.scrollY - 200 && (h = f + window.scrollY - x - 200), h < 0 && (h = 10), n({
1496
+ top: h,
1497
+ left: r.left
1476
1498
  });
1477
1499
  }
1478
- }, [r.current, d]);
1479
- const B = (x, _) => {
1500
+ }, [d.current, r]);
1501
+ const P = (x, f) => {
1480
1502
  x.stopPropagation();
1481
- const m = x.target.getBoundingClientRect();
1482
- $({
1483
- top: m.top + window.scrollY,
1484
- left: m.left - 30
1485
- }), c(_);
1503
+ const h = x.target.getBoundingClientRect();
1504
+ _({
1505
+ top: h.top + window.scrollY,
1506
+ left: h.left - 30
1507
+ }), l(f);
1486
1508
  };
1487
- return /* @__PURE__ */ t.jsxs("div", { className: ut.products, children: [
1488
- /* @__PURE__ */ t.jsx("h5", { className: ut.subtitle, children: "Button Type" }),
1489
- o.map((x) => /* @__PURE__ */ t.jsxs(
1509
+ return /* @__PURE__ */ t.jsxs("div", { className: rt.products, children: [
1510
+ /* @__PURE__ */ t.jsx("h5", { className: rt.subtitle, children: "Button Type" }),
1511
+ a.map((x) => /* @__PURE__ */ t.jsxs(
1490
1512
  "div",
1491
1513
  {
1492
- className: ut.product,
1514
+ className: rt.product,
1493
1515
  children: [
1494
1516
  /* @__PURE__ */ t.jsx(
1495
- tt,
1517
+ Z,
1496
1518
  {
1497
- onChange: (_) => {
1498
- const O = [...o].map((q) => q.id === x.id ? {
1519
+ onChange: (f) => {
1520
+ const q = [...a].map((A) => A.id === x.id ? {
1499
1521
  ...x,
1500
- type: _
1501
- } : q);
1502
- e(O);
1522
+ type: f
1523
+ } : A);
1524
+ e(q);
1503
1525
  },
1504
1526
  value: x.type,
1505
1527
  options: ["Primary", "Secondary", "Tertiary"]
1506
1528
  }
1507
1529
  ),
1508
- /* @__PURE__ */ t.jsxs("div", { className: ut.buttons, children: [
1530
+ /* @__PURE__ */ t.jsxs("div", { className: rt.buttons, children: [
1509
1531
  /* @__PURE__ */ t.jsx(
1510
- f,
1532
+ b,
1511
1533
  {
1512
1534
  name: "Sliders",
1513
1535
  hoverable: !0,
1514
1536
  width: 20,
1515
1537
  height: 20,
1516
- onClick: (_) => {
1517
- B(_, x);
1538
+ onClick: (f) => {
1539
+ P(f, x);
1518
1540
  }
1519
1541
  }
1520
1542
  ),
1521
- n && /* @__PURE__ */ t.jsx(
1522
- f,
1543
+ s && /* @__PURE__ */ t.jsx(
1544
+ b,
1523
1545
  {
1524
1546
  name: "Trash",
1525
1547
  hoverable: !0,
1526
1548
  onClick: () => {
1527
- const _ = o.filter((m) => m.id !== x.id);
1528
- e(_);
1549
+ const f = a.filter((h) => h.id !== x.id);
1550
+ e(f);
1529
1551
  },
1530
1552
  width: 20,
1531
1553
  height: 20,
@@ -1537,26 +1559,26 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1537
1559
  },
1538
1560
  x.id
1539
1561
  )),
1540
- a && /* @__PURE__ */ t.jsx(
1541
- Us,
1562
+ c && /* @__PURE__ */ t.jsx(
1563
+ Gs,
1542
1564
  {
1543
- ref: r,
1544
- activeButton: a,
1545
- setActiveButton: c,
1546
- popupPosition: s
1565
+ ref: d,
1566
+ activeButton: c,
1567
+ setActiveButton: l,
1568
+ popupPosition: o
1547
1569
  }
1548
1570
  ),
1549
- i && /* @__PURE__ */ t.jsxs(
1550
- ot,
1571
+ i && /* @__PURE__ */ t.jsx("div", { className: rt.addButton, children: /* @__PURE__ */ t.jsxs(
1572
+ it,
1551
1573
  {
1552
1574
  withoutHover: !0,
1553
- className: ut.button,
1575
+ className: rt.button,
1554
1576
  size: "s",
1555
1577
  onClick: () => {
1556
- const x = [...o];
1578
+ const x = [...a];
1557
1579
  x.push({
1558
1580
  type: "Primary",
1559
- id: lt(),
1581
+ id: dt(),
1560
1582
  typesText: [],
1561
1583
  destination: "Go to Page",
1562
1584
  text: "Button Name",
@@ -1564,10 +1586,13 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1564
1586
  openInNewTab: !0
1565
1587
  }), e(x);
1566
1588
  },
1589
+ style: {
1590
+ width: "fit-content"
1591
+ },
1567
1592
  children: [
1568
1593
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
1569
1594
  /* @__PURE__ */ t.jsx(
1570
- f,
1595
+ b,
1571
1596
  {
1572
1597
  name: "Plus",
1573
1598
  width: 16,
@@ -1576,79 +1601,79 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1576
1601
  )
1577
1602
  ]
1578
1603
  }
1579
- )
1604
+ ) })
1580
1605
  ] });
1581
- }, Vo = (u) => {
1582
- const { isActiveButtons: o, setIsActiveButtons: e, buttons: n, setButtons: i } = u;
1606
+ }, Ga = (u) => {
1607
+ const { isActiveButtons: a, setIsActiveButtons: e, buttons: s, setButtons: i } = u;
1583
1608
  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: ct.buttonsBlock, children: [
1584
1609
  /* @__PURE__ */ t.jsxs("div", { className: ct.top, children: [
1585
1610
  /* @__PURE__ */ t.jsx("h3", { className: ct.title, children: "Buttons" }),
1586
1611
  /* @__PURE__ */ t.jsx(
1587
1612
  K,
1588
1613
  {
1589
- current: o,
1590
- onChange: (a) => e(a)
1614
+ current: a,
1615
+ onChange: (c) => e(c)
1591
1616
  }
1592
1617
  )
1593
1618
  ] }),
1594
1619
  /* @__PURE__ */ t.jsx(
1595
- pn,
1620
+ gn,
1596
1621
  {
1597
- buttons: n,
1622
+ buttons: s,
1598
1623
  setButtons: i
1599
1624
  }
1600
1625
  )
1601
1626
  ] }) });
1602
- }, mn = "_wrapper_m18qi_1", hn = "_subtitle_m18qi_7", _n = "_content_m18qi_14", gn = "_range_m18qi_22", fn = "_track_m18qi_27", xn = "_progress_m18qi_36", bn = "_dots_m18qi_46", vn = "_dot_m18qi_46", jn = "_active_m18qi_65", yn = "_input_m18qi_77", kn = "_countBlock_m18qi_91", $n = "_count_m18qi_91", wn = "_controls_m18qi_107", Nn = "_button_m18qi_113", H = {
1603
- wrapper: mn,
1604
- subtitle: hn,
1605
- content: _n,
1606
- range: gn,
1607
- track: fn,
1608
- progress: xn,
1609
- dots: bn,
1610
- dot: vn,
1611
- active: jn,
1612
- input: yn,
1613
- countBlock: kn,
1614
- count: $n,
1615
- controls: wn,
1616
- button: Nn
1617
- }, Nt = (u) => {
1618
- const { label: o, min: e = 1, max: n = 4, step: i = 1, count: a, setCount: c } = u, [s, l] = h.useState(!1), d = Array.from({ length: (n - e) / i + 1 }), $ = (a - e) / (n - e) * 100, r = () => {
1619
- a < n && c(a + i);
1620
- }, B = () => {
1621
- a > e && c(a - i);
1622
- }, x = (_) => {
1623
- const m = e + _ * i;
1624
- c(m);
1627
+ }, fn = "_wrapper_m18qi_1", xn = "_subtitle_m18qi_7", bn = "_content_m18qi_14", vn = "_range_m18qi_22", jn = "_track_m18qi_27", yn = "_progress_m18qi_36", kn = "_dots_m18qi_46", $n = "_dot_m18qi_46", wn = "_active_m18qi_65", Nn = "_input_m18qi_77", In = "_countBlock_m18qi_91", Cn = "_count_m18qi_91", Bn = "_controls_m18qi_107", Sn = "_button_m18qi_113", z = {
1628
+ wrapper: fn,
1629
+ subtitle: xn,
1630
+ content: bn,
1631
+ range: vn,
1632
+ track: jn,
1633
+ progress: yn,
1634
+ dots: kn,
1635
+ dot: $n,
1636
+ active: wn,
1637
+ input: Nn,
1638
+ countBlock: In,
1639
+ count: Cn,
1640
+ controls: Bn,
1641
+ button: Sn
1642
+ }, It = (u) => {
1643
+ const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = u, [o, n] = g.useState(!1), r = Array.from({ length: (s - e) / i + 1 }), _ = (c - e) / (s - e) * 100, d = () => {
1644
+ c < s && l(c + i);
1645
+ }, P = () => {
1646
+ c > e && l(c - i);
1647
+ }, x = (f) => {
1648
+ const h = e + f * i;
1649
+ l(h);
1625
1650
  };
1626
- return /* @__PURE__ */ t.jsxs("div", { className: H.wrapper, children: [
1627
- o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
1628
- /* @__PURE__ */ t.jsxs("div", { className: H.content, children: [
1629
- /* @__PURE__ */ t.jsxs("div", { className: H.range, children: [
1630
- /* @__PURE__ */ t.jsx("div", { className: H.track }),
1651
+ return /* @__PURE__ */ t.jsxs("div", { className: z.wrapper, children: [
1652
+ a && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: a }),
1653
+ /* @__PURE__ */ t.jsxs("div", { className: z.content, children: [
1654
+ /* @__PURE__ */ t.jsxs("div", { className: z.range, children: [
1655
+ /* @__PURE__ */ t.jsx("div", { className: z.track }),
1631
1656
  /* @__PURE__ */ t.jsx(
1632
1657
  "div",
1633
1658
  {
1634
- className: H.progress,
1635
- style: { width: `${$}%` }
1659
+ className: z.progress,
1660
+ style: { width: `${_}%` }
1636
1661
  }
1637
1662
  ),
1638
- /* @__PURE__ */ t.jsx("div", { className: H.dots, children: d.map((_, m) => {
1639
- const O = m <= (a - e) / i;
1663
+ /* @__PURE__ */ t.jsx("div", { className: z.dots, children: r.map((f, h) => {
1664
+ const q = h <= (c - e) / i;
1640
1665
  return /* @__PURE__ */ t.jsx(
1641
1666
  "button",
1642
1667
  {
1643
- onClick: () => x(m),
1644
- className: V(H.dot, {
1645
- [H.active]: O,
1646
- [H.inactive]: !O,
1647
- [H.dragging]: s
1668
+ onClick: () => x(h),
1669
+ className: F(z.dot, {
1670
+ [z.active]: q,
1671
+ [z.inactive]: !q,
1672
+ [z.dragging]: o
1648
1673
  }),
1649
- "aria-label": `Set value to ${e + m * i}`
1674
+ "aria-label": `Set value to ${e + h * i}`
1650
1675
  },
1651
- m
1676
+ h
1652
1677
  );
1653
1678
  }) }),
1654
1679
  /* @__PURE__ */ t.jsx(
@@ -1656,43 +1681,43 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1656
1681
  {
1657
1682
  type: "range",
1658
1683
  min: e,
1659
- max: n,
1684
+ max: s,
1660
1685
  step: i,
1661
- value: a,
1662
- onChange: (_) => c(Number(_.target.value)),
1663
- onMouseDown: () => l(!0),
1664
- onMouseUp: () => l(!1),
1665
- onTouchStart: () => l(!0),
1666
- onTouchEnd: () => l(!1),
1667
- className: H.input
1686
+ value: c,
1687
+ onChange: (f) => l(Number(f.target.value)),
1688
+ onMouseDown: () => n(!0),
1689
+ onMouseUp: () => n(!1),
1690
+ onTouchStart: () => n(!0),
1691
+ onTouchEnd: () => n(!1),
1692
+ className: z.input
1668
1693
  }
1669
1694
  )
1670
1695
  ] }),
1671
- /* @__PURE__ */ t.jsxs("div", { className: H.countBlock, children: [
1696
+ /* @__PURE__ */ t.jsxs("div", { className: z.countBlock, children: [
1672
1697
  /* @__PURE__ */ t.jsx(
1673
1698
  W,
1674
1699
  {
1675
1700
  type: "number",
1676
1701
  min: e,
1677
- max: n,
1702
+ max: s,
1678
1703
  paddingless: !0,
1679
- onChange: (_) => {
1680
- const m = Number(_);
1681
- m > n ? c(n) : m < e ? c(e) : c(m);
1704
+ onChange: (f) => {
1705
+ const h = Number(f);
1706
+ h > s ? l(s) : h < e ? l(e) : l(h);
1682
1707
  },
1683
- value: String(a)
1708
+ value: String(c)
1684
1709
  }
1685
1710
  ),
1686
- /* @__PURE__ */ t.jsxs("div", { className: H.controls, children: [
1711
+ /* @__PURE__ */ t.jsxs("div", { className: z.controls, children: [
1687
1712
  /* @__PURE__ */ t.jsx(
1688
1713
  "button",
1689
1714
  {
1690
- onClick: r,
1691
- disabled: a >= n,
1692
- className: H.button,
1715
+ onClick: d,
1716
+ disabled: c >= s,
1717
+ className: z.button,
1693
1718
  "aria-label": "Increment count",
1694
1719
  children: /* @__PURE__ */ t.jsx(
1695
- f,
1720
+ b,
1696
1721
  {
1697
1722
  name: "CaretUp",
1698
1723
  width: 15,
@@ -1704,12 +1729,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1704
1729
  /* @__PURE__ */ t.jsx(
1705
1730
  "button",
1706
1731
  {
1707
- onClick: B,
1708
- disabled: a <= e,
1709
- className: H.button,
1732
+ onClick: P,
1733
+ disabled: c <= e,
1734
+ className: z.button,
1710
1735
  "aria-label": "Decrement count",
1711
1736
  children: /* @__PURE__ */ t.jsx(
1712
- f,
1737
+ b,
1713
1738
  {
1714
1739
  name: "CaretDown",
1715
1740
  width: 15,
@@ -1722,49 +1747,50 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1722
1747
  ] })
1723
1748
  ] })
1724
1749
  ] });
1725
- }, In = "_title_1hw31_1", Cn = "_subtitle_1hw31_5", Sn = "_header_1hw31_12", Tn = "_text_1hw31_13", Pn = "_productsBlock_1hw31_14", Bn = "_top_1hw31_26", An = "_itemsBlock_1hw31_35", On = "_typeTexts_1hw31_41", qn = "_block_1hw31_48", Dn = "_active_1hw31_61", En = "_products_1hw31_14", Ln = "_product_1hw31_14", Rn = "_button_1hw31_80", Mn = "_image_1hw31_91", Hn = "_info_1hw31_98", Fn = "_name_1hw31_110", Vn = "_buttons_1hw31_114", Un = "_modal_1hw31_121", zn = "_link_1hw31_141", Yn = "_modalOptions_1hw31_147", G = {
1726
- title: In,
1727
- subtitle: Cn,
1728
- header: Sn,
1729
- text: Tn,
1730
- productsBlock: Pn,
1731
- top: Bn,
1732
- itemsBlock: An,
1733
- typeTexts: On,
1734
- block: qn,
1735
- active: Dn,
1736
- products: En,
1737
- product: Ln,
1738
- button: Rn,
1739
- image: Mn,
1740
- info: Hn,
1741
- name: Fn,
1742
- buttons: Vn,
1743
- modal: Un,
1744
- link: zn,
1745
- modalOptions: Yn
1746
- }, Gn = (u) => {
1747
- const { activeItem: o, setActiveItem: e, popupPosition: n, setIsOpenModal: i, itemsOptions: a } = u, c = a.find((l) => l.id === o.listingId);
1748
- if (!c) return null;
1749
- function s(l, d) {
1750
- return l.length > d ? `${l.slice(0, d)}...` : l;
1750
+ }, Pn = "_title_w64fy_1", Tn = "_subtitle_w64fy_5", qn = "_header_w64fy_12", An = "_text_w64fy_13", On = "_productsBlock_w64fy_14", Dn = "_top_w64fy_26", En = "_itemsBlock_w64fy_35", Ln = "_typeTexts_w64fy_41", Rn = "_block_w64fy_48", Mn = "_active_w64fy_61", Hn = "_products_w64fy_14", zn = "_product_w64fy_14", Vn = "_button_w64fy_80", Fn = "_image_w64fy_91", Un = "_info_w64fy_98", Yn = "_name_w64fy_110", Gn = "_buttons_w64fy_114", Wn = "_modal_w64fy_121", Xn = "_link_w64fy_141", Jn = "_modalOptions_w64fy_147", Qn = "_addButton_w64fy_159", G = {
1751
+ title: Pn,
1752
+ subtitle: Tn,
1753
+ header: qn,
1754
+ text: An,
1755
+ productsBlock: On,
1756
+ top: Dn,
1757
+ itemsBlock: En,
1758
+ typeTexts: Ln,
1759
+ block: Rn,
1760
+ active: Mn,
1761
+ products: Hn,
1762
+ product: zn,
1763
+ button: Vn,
1764
+ image: Fn,
1765
+ info: Un,
1766
+ name: Yn,
1767
+ buttons: Gn,
1768
+ modal: Wn,
1769
+ link: Xn,
1770
+ modalOptions: Jn,
1771
+ addButton: Qn
1772
+ }, Kn = (u) => {
1773
+ const { activeItem: a, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: c } = u, l = c.find((n) => n.id === a.listingId);
1774
+ if (!l) return null;
1775
+ function o(n, r) {
1776
+ return n.length > r ? `${n.slice(0, r)}...` : n;
1751
1777
  }
1752
1778
  return /* @__PURE__ */ t.jsxs(
1753
1779
  "div",
1754
1780
  {
1755
1781
  className: G.modal,
1756
- onClick: (l) => {
1757
- l.stopPropagation();
1782
+ onClick: (n) => {
1783
+ n.stopPropagation();
1758
1784
  },
1759
1785
  style: {
1760
- top: `${n.top}px`,
1761
- left: `${n.left}px`
1786
+ top: `${s.top}px`,
1787
+ left: `${s.left}px`
1762
1788
  },
1763
1789
  children: [
1764
1790
  /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
1765
- /* @__PURE__ */ t.jsx("h3", { children: s(c.productData.name, 20) }),
1791
+ /* @__PURE__ */ t.jsx("h3", { children: o(l.productData.name, 20) }),
1766
1792
  /* @__PURE__ */ t.jsx(
1767
- f,
1793
+ b,
1768
1794
  {
1769
1795
  name: "X",
1770
1796
  height: 20,
@@ -1780,87 +1806,87 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1780
1806
  ht,
1781
1807
  {
1782
1808
  label: "Put up an attractive image",
1783
- activeImage: c.productData.images.length > 0 ? c.productData.images[0].cfId : void 0,
1784
- onChange: (l) => {
1785
- const d = {
1786
- ...o,
1787
- image: l[0]
1809
+ activeImage: l.productData.images.length > 0 ? l.productData.images[0].cfId : void 0,
1810
+ onChange: (n) => {
1811
+ const r = {
1812
+ ...a,
1813
+ image: n[0]
1788
1814
  };
1789
- e(d);
1815
+ e(r);
1790
1816
  }
1791
1817
  }
1792
1818
  ) })
1793
1819
  ]
1794
1820
  }
1795
1821
  );
1796
- }, Wn = (u) => {
1797
- const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
1822
+ }, Zn = (u) => {
1823
+ const { index: a, moveProduct: e, children: s } = u, [, i] = $t({
1798
1824
  accept: "product",
1799
- hover(s) {
1800
- s.index !== o && (e(s.index, o), s.index = o);
1825
+ hover(o) {
1826
+ o.index !== a && (e(o.index, a), o.index = a);
1801
1827
  }
1802
- }), [{ isDragging: a }, c] = $t({
1828
+ }), [{ isDragging: c }, l] = wt({
1803
1829
  type: "product",
1804
- item: { index: o },
1805
- collect: (s) => ({
1806
- isDragging: s.isDragging()
1830
+ item: { index: a },
1831
+ collect: (o) => ({
1832
+ isDragging: o.isDragging()
1807
1833
  })
1808
1834
  });
1809
1835
  return /* @__PURE__ */ t.jsx(
1810
1836
  "div",
1811
1837
  {
1812
- ref: (s) => c(i(s)),
1813
- className: `${G.product} ${a ? G.dragging : ""}`,
1814
- children: n
1838
+ ref: (o) => l(i(o)),
1839
+ className: `${G.product} ${c ? G.dragging : ""}`,
1840
+ children: s
1815
1841
  }
1816
1842
  );
1817
- }, Uo = (u) => {
1843
+ }, Wa = (u) => {
1818
1844
  const {
1819
- isActiveItems: o,
1845
+ isActiveItems: a,
1820
1846
  setIsActiveItems: e,
1821
- items: n,
1847
+ items: s,
1822
1848
  setItems: i,
1823
- other: a,
1824
- title: c,
1825
- subtitle: s,
1826
- editable: l = !0,
1827
- draggable: d = !1,
1828
- withImage: $ = !1,
1829
- deletable: r = !0,
1830
- addable: B = !0,
1849
+ other: c,
1850
+ title: l,
1851
+ subtitle: o,
1852
+ editable: n = !0,
1853
+ draggable: r = !1,
1854
+ withImage: _ = !1,
1855
+ deletable: d = !0,
1856
+ addable: P = !0,
1831
1857
  itemsType: x,
1832
- itemsOptions: _
1833
- } = u, [m, O] = h.useState(null), [q, b] = h.useState({
1858
+ itemsOptions: f
1859
+ } = u, [h, q] = g.useState(null), [A, v] = g.useState({
1834
1860
  top: 0,
1835
1861
  left: 0
1836
- }), [D, C] = h.useState(!1), S = (k, y) => {
1837
- const N = [...n], [E] = N.splice(k, 1);
1838
- N.splice(y, 0, E), i(N);
1862
+ }), [E, I] = g.useState(!1), C = (k, y) => {
1863
+ const L = [...s], [w] = L.splice(k, 1);
1864
+ L.splice(y, 0, w), i(L);
1839
1865
  };
1840
- h.useEffect(() => {
1866
+ g.useEffect(() => {
1841
1867
  const k = () => {
1842
- O(null), C(!1);
1868
+ q(null), I(!1);
1843
1869
  };
1844
- return document.body.addEventListener("click", k), O(null), C(!1), () => {
1845
- O(null), C(!1), document.body.removeEventListener("click", k);
1870
+ return document.body.addEventListener("click", k), q(null), I(!1), () => {
1871
+ q(null), I(!1), document.body.removeEventListener("click", k);
1846
1872
  };
1847
- }, []), h.useEffect(() => {
1848
- if (m) {
1849
- const k = [...n].map((y) => y.listingId === m.listingId ? m : y);
1873
+ }, []), g.useEffect(() => {
1874
+ if (h) {
1875
+ const k = [...s].map((y) => y.listingId === h.listingId ? h : y);
1850
1876
  i(k);
1851
1877
  }
1852
- }, [m]);
1853
- const g = (k, y) => {
1878
+ }, [h]);
1879
+ const M = (k, y) => {
1854
1880
  k.stopPropagation();
1855
- const N = k.target.getBoundingClientRect(), E = 100, L = window.innerHeight;
1856
- let U = N.top + window.scrollY;
1857
- U + E > L && (U = L - E - 20), C(!0), b({
1881
+ const L = k.target.getBoundingClientRect(), w = 100, R = window.innerHeight;
1882
+ let U = L.top + window.scrollY;
1883
+ U + w > R && (U = R - w - 20), I(!0), v({
1858
1884
  top: U - 80,
1859
- left: N.left - 30
1860
- }), O(y);
1885
+ left: L.left - 30
1886
+ }), q(y);
1861
1887
  };
1862
- function j(k) {
1863
- if ($)
1888
+ function m(k) {
1889
+ if (_)
1864
1890
  return k ? /* @__PURE__ */ t.jsx(
1865
1891
  "img",
1866
1892
  {
@@ -1870,7 +1896,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1870
1896
  height: 16
1871
1897
  }
1872
1898
  ) : /* @__PURE__ */ t.jsx(
1873
- f,
1899
+ b,
1874
1900
  {
1875
1901
  name: "Image",
1876
1902
  width: 16,
@@ -1879,12 +1905,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1879
1905
  }
1880
1906
  );
1881
1907
  }
1882
- const M = (k, y) => {
1883
- const N = _.find((L) => k.listingId === L.id);
1884
- if (!N) return null;
1885
- const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1886
- d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1887
- f,
1908
+ const O = (k, y) => {
1909
+ const L = f.find((R) => k.listingId === R.id);
1910
+ if (!L) return null;
1911
+ const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1912
+ r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1913
+ b,
1888
1914
  {
1889
1915
  name: "DotsSixVertical",
1890
1916
  hoverable: !0,
@@ -1893,116 +1919,119 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
1893
1919
  }
1894
1920
  ) }, y),
1895
1921
  x === "select" && /* @__PURE__ */ t.jsx(
1896
- tt,
1922
+ Z,
1897
1923
  {
1898
- onChange: (L) => {
1899
- const U = [...n], et = _.find((A) => A.productData.name === L);
1900
- if (!et) return;
1924
+ onChange: (R) => {
1925
+ const U = [...s], tt = f.find((T) => T.productData.name === R);
1926
+ if (!tt) return;
1901
1927
  const at = {
1902
- listingId: et.id,
1903
- image: et.productData.images.length > 0 ? et.productData.images[0].cfId : ""
1904
- }, v = U.map((A) => A.listingId === k.listingId ? at : A);
1905
- O(at), i([...v]);
1928
+ listingId: tt.id,
1929
+ image: tt.productData.images.length > 0 ? tt.productData.images[0].cfId : ""
1930
+ }, j = U.map((T) => T.listingId === k.listingId ? at : T);
1931
+ q(at), i([...j]);
1906
1932
  },
1907
- value: N.productData.name,
1933
+ value: L.productData.name,
1908
1934
  options: [
1909
- ..._.filter((L) => !n.find((U) => U.listingId === L.id)).map((L) => L.productData.name)
1935
+ ...f.filter((R) => !s.find((U) => U.listingId === R.id)).map((R) => R.productData.name)
1910
1936
  ],
1911
- leftAddon: j(
1912
- k.image || N.productData.images.length > 0 && N.productData.images[0].cfId || ""
1937
+ leftAddon: m(
1938
+ k.image || L.productData.images.length > 0 && L.productData.images[0].cfId || ""
1913
1939
  )
1914
1940
  },
1915
1941
  y
1916
1942
  ),
1917
1943
  /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
1918
- l && /* @__PURE__ */ t.jsx(
1919
- f,
1944
+ n && /* @__PURE__ */ t.jsx(
1945
+ b,
1920
1946
  {
1921
1947
  name: "Sliders",
1922
1948
  hoverable: !0,
1923
1949
  width: 20,
1924
1950
  height: 20,
1925
- onClick: (L) => g(L, k)
1951
+ onClick: (R) => M(R, k)
1926
1952
  }
1927
1953
  ),
1928
- r && /* @__PURE__ */ t.jsx(
1929
- f,
1954
+ d && /* @__PURE__ */ t.jsx(
1955
+ b,
1930
1956
  {
1931
1957
  name: "Trash",
1932
1958
  hoverable: !0,
1933
1959
  width: 20,
1934
1960
  height: 20,
1935
1961
  fill: "#C12A2A",
1936
- onClick: () => i(n.filter((L) => L !== k))
1962
+ onClick: () => i(s.filter((R) => R !== k))
1937
1963
  }
1938
1964
  )
1939
1965
  ] })
1940
1966
  ] });
1941
- return d ? /* @__PURE__ */ t.jsx(
1942
- Wn,
1967
+ return r ? /* @__PURE__ */ t.jsx(
1968
+ Zn,
1943
1969
  {
1944
1970
  product: k,
1945
1971
  index: y,
1946
- moveProduct: S,
1947
- children: E
1972
+ moveProduct: C,
1973
+ children: w
1948
1974
  },
1949
1975
  k.listingId
1950
1976
  ) : /* @__PURE__ */ t.jsx(
1951
1977
  "div",
1952
1978
  {
1953
1979
  className: G.product,
1954
- children: E
1980
+ children: w
1955
1981
  },
1956
1982
  k.listingId
1957
1983
  );
1958
1984
  };
1959
1985
  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
1960
- (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
1961
- c && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: c }),
1962
- o !== void 0 && /* @__PURE__ */ t.jsx(
1986
+ (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
1987
+ l && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: l }),
1988
+ a !== void 0 && /* @__PURE__ */ t.jsx(
1963
1989
  K,
1964
1990
  {
1965
- current: o,
1991
+ current: a,
1966
1992
  onChange: (k) => e == null ? void 0 : e(k)
1967
1993
  }
1968
1994
  )
1969
1995
  ] }),
1970
- D && m && /* @__PURE__ */ t.jsx(
1971
- Gn,
1996
+ E && h && /* @__PURE__ */ t.jsx(
1997
+ Kn,
1972
1998
  {
1973
- activeItem: m,
1974
- setActiveItem: O,
1975
- setIsOpenModal: C,
1976
- popupPosition: q,
1977
- itemsOptions: _
1999
+ activeItem: h,
2000
+ setActiveItem: q,
2001
+ setIsOpenModal: I,
2002
+ popupPosition: A,
2003
+ itemsOptions: f
1978
2004
  }
1979
2005
  ),
1980
2006
  /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
1981
- s && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: s }),
1982
- d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((k, y) => M(k, y)) }) : n.map((k, y) => M(k, y)),
1983
- B && /* @__PURE__ */ t.jsxs(
1984
- ot,
2007
+ o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
2008
+ r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((k, y) => O(k, y)) }) : s.map((k, y) => O(k, y)),
2009
+ P && /* @__PURE__ */ t.jsx("div", { className: G.addButton, children: /* @__PURE__ */ t.jsxs(
2010
+ it,
1985
2011
  {
1986
2012
  withoutHover: !0,
1987
2013
  className: G.button,
1988
2014
  size: "s",
1989
2015
  onClick: () => {
1990
- const k = [...n];
1991
- for (let y = 0; y < _.length; y++)
1992
- if (!n.find((N) => N.listingId === _[y].id)) {
2016
+ const k = [...s];
2017
+ for (let y = 0; y < f.length; y++)
2018
+ if (!s.find((L) => L.listingId === f[y].id)) {
1993
2019
  k.push({
1994
- listingId: _[y].id,
1995
- image: _[y].productData.images.length > 0 ? _[y].productData.images[0].cfId : ""
2020
+ listingId: f[y].id,
2021
+ image: f[y].productData.images.length > 0 ? f[y].productData.images[0].cfId : ""
1996
2022
  });
1997
2023
  break;
1998
2024
  }
1999
2025
  i(k);
2000
2026
  },
2001
- disabled: n.length === _.length,
2027
+ disabled: s.length === f.length,
2028
+ style: {
2029
+ width: "fit-content"
2030
+ },
2002
2031
  children: [
2003
2032
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
2004
2033
  /* @__PURE__ */ t.jsx(
2005
- f,
2034
+ b,
2006
2035
  {
2007
2036
  name: "Plus",
2008
2037
  width: 16,
@@ -2011,138 +2040,139 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
2011
2040
  )
2012
2041
  ]
2013
2042
  }
2014
- )
2043
+ ) })
2015
2044
  ] }),
2016
- a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a })
2045
+ c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c })
2017
2046
  ] });
2018
- }, Xn = "_options_1w11v_1", Jn = "_price_1w11v_12", Qn = "_oldPrice_1w11v_19", Kn = "_newPrice_1w11v_27", Zn = "_animate_1w11v_34", ti = "_appearAndBounce_1w11v_1", ei = "_meta_1w11v_52", si = "_info_1w11v_58", ni = "_infoRight_1w11v_66", ii = "_buttons_1w11v_73", oi = "_variants_1w11v_80", ai = "_variant_1w11v_80", ci = "_stock_1w11v_97", li = "_variantInfo_1w11v_104", ri = "_quantity_1w11v_110", di = "_count_1w11v_117", ui = "_focused_1w11v_134", pi = "_button_1w11v_73", mi = "_activeVariant_1w11v_160", hi = "_chargeTypes_1w11v_164", _i = "_charge_1w11v_164", gi = "_chargeActive_1w11v_185", fi = "_title_1w11v_190", I = {
2019
- options: Xn,
2020
- price: Jn,
2021
- oldPrice: Qn,
2022
- newPrice: Kn,
2023
- animate: Zn,
2024
- appearAndBounce: ti,
2025
- meta: ei,
2026
- info: si,
2027
- infoRight: ni,
2028
- buttons: ii,
2029
- variants: oi,
2030
- variant: ai,
2031
- stock: ci,
2032
- variantInfo: li,
2033
- quantity: ri,
2034
- count: di,
2035
- focused: ui,
2036
- button: pi,
2037
- activeVariant: mi,
2038
- chargeTypes: hi,
2039
- charge: _i,
2040
- chargeActive: gi,
2041
- title: fi
2047
+ }, ti = "_options_jdafm_1", ei = "_price_jdafm_12", si = "_oldPrice_jdafm_19", ni = "_newPrice_jdafm_27", ii = "_animate_jdafm_34", ai = "_appearAndBounce_jdafm_1", oi = "_meta_jdafm_52", ci = "_info_jdafm_58", li = "_infoRight_jdafm_66", ri = "_buttons_jdafm_73", di = "_variants_jdafm_80", ui = "_variant_jdafm_80", mi = "_stock_jdafm_97", _i = "_variantInfo_jdafm_104", hi = "_quantity_jdafm_110", pi = "_count_jdafm_117", gi = "_focused_jdafm_134", fi = "_button_jdafm_73", xi = "_activeVariant_jdafm_160", bi = "_chargeTypes_jdafm_164", vi = "_charge_jdafm_164", ji = "_chargeActive_jdafm_189", yi = "_title_jdafm_197", N = {
2048
+ options: ti,
2049
+ price: ei,
2050
+ oldPrice: si,
2051
+ newPrice: ni,
2052
+ animate: ii,
2053
+ appearAndBounce: ai,
2054
+ meta: oi,
2055
+ info: ci,
2056
+ infoRight: li,
2057
+ buttons: ri,
2058
+ variants: di,
2059
+ variant: ui,
2060
+ stock: mi,
2061
+ variantInfo: _i,
2062
+ quantity: hi,
2063
+ count: pi,
2064
+ focused: gi,
2065
+ button: fi,
2066
+ activeVariant: xi,
2067
+ chargeTypes: bi,
2068
+ charge: vi,
2069
+ chargeActive: ji,
2070
+ title: yi
2042
2071
  };
2043
- var Ot = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Ot || {});
2044
- const zo = (u) => {
2045
- var C, S;
2046
- const { variants: o } = u, [e, n] = h.useState(o[0]), [i, a] = h.useState(e.chargeTypes[0]), c = gt(), [s, l] = h.useState(1), [d, $] = h.useState(!1), { reset: r, addProductToCart: B, getProducts: x } = wt(), [_, m] = h.useState(!1);
2047
- h.useEffect(() => {
2048
- m(!0);
2049
- const g = setTimeout(() => m(!1), 600);
2050
- return () => clearTimeout(g);
2051
- }, [s]);
2052
- async function O() {
2053
- await x(), await B({
2072
+ var At = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(At || {});
2073
+ const Xa = (u) => {
2074
+ var C, M;
2075
+ const { variants: a } = u, [e, s] = g.useState(a[0]), [i, c] = g.useState(e.chargeTypes[0]), l = ft(), [o, n] = g.useState(1), [r, _] = g.useState(!1), { reset: d, addProductToCart: P, getProducts: x, cart: f } = Nt(), [h, q] = g.useState(!1);
2076
+ g.useEffect(() => {
2077
+ q(!0);
2078
+ const m = setTimeout(() => q(!1), 600);
2079
+ return () => clearTimeout(m);
2080
+ }, [o]);
2081
+ async function A() {
2082
+ await x(), await P({
2054
2083
  productId: u.id,
2055
2084
  productVariantId: e.id,
2056
- quantity: s
2085
+ quantity: o
2057
2086
  });
2058
2087
  }
2059
- function q() {
2060
- r(), O(), c("/checkout");
2088
+ function v() {
2089
+ d(), A(), l("/checkout");
2061
2090
  }
2062
- function b(g) {
2063
- if (g >= 864e5) {
2064
- const N = Math.floor(g / 864e5);
2065
- return `${N} ${N === 1 ? "day" : "days"}`;
2066
- } else if (g >= 36e5) {
2067
- const N = Math.floor(g / 36e5);
2068
- return `${N} ${N === 1 ? "hour" : "hours"}`;
2069
- } else if (g >= 6e4) {
2070
- const N = Math.floor(g / 6e4);
2071
- return `${N} ${N === 1 ? "minute" : "minutes"}`;
2091
+ console.log(f);
2092
+ function E(m) {
2093
+ if (m >= 864e5) {
2094
+ const w = Math.floor(m / 864e5);
2095
+ return `${w} ${w === 1 ? "day" : "days"}`;
2096
+ } else if (m >= 36e5) {
2097
+ const w = Math.floor(m / 36e5);
2098
+ return `${w} ${w === 1 ? "hour" : "hours"}`;
2099
+ } else if (m >= 6e4) {
2100
+ const w = Math.floor(m / 6e4);
2101
+ return `${w} ${w === 1 ? "minute" : "minutes"}`;
2072
2102
  } else {
2073
- const N = Math.floor(g / 1e3);
2074
- return `${N} ${N === 1 ? "second" : "seconds"}`;
2103
+ const w = Math.floor(m / 1e3);
2104
+ return `${w} ${w === 1 ? "second" : "seconds"}`;
2075
2105
  }
2076
2106
  }
2077
- function D(g, j) {
2078
- return g.length > j ? g.slice(0, j) + "..." : g;
2107
+ function I(m, O) {
2108
+ return m.length > O ? m.slice(0, O) + "..." : m;
2079
2109
  }
2080
- return /* @__PURE__ */ t.jsxs("div", { className: I.options, children: [
2081
- e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: I.chargeTypes, children: e.chargeTypes.map((g) => /* @__PURE__ */ t.jsx(
2110
+ return /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
2111
+ e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((m) => /* @__PURE__ */ t.jsx(
2082
2112
  "div",
2083
2113
  {
2084
- className: V(I.charge, {
2085
- [I.chargeActive]: i === g
2114
+ className: F(N.charge, {
2115
+ [N.chargeActive]: i === m
2086
2116
  }),
2087
- onClick: () => a(g),
2088
- children: Ot[g]
2117
+ onClick: () => c(m),
2118
+ children: At[m]
2089
2119
  },
2090
- g
2120
+ m
2091
2121
  )) }),
2092
- /* @__PURE__ */ t.jsx("div", { className: I.variants, children: o.map((g) => {
2093
- var j;
2122
+ /* @__PURE__ */ t.jsx("div", { className: N.variants, children: a.map((m) => {
2123
+ var O;
2094
2124
  return /* @__PURE__ */ t.jsxs(
2095
2125
  "div",
2096
2126
  {
2097
- className: V(I.variant, {
2098
- [I.activeVariant]: e.id === g.id
2127
+ className: F(N.variant, {
2128
+ [N.activeVariant]: e.id === m.id
2099
2129
  }),
2100
- onClick: () => n(g),
2130
+ onClick: () => s(m),
2101
2131
  children: [
2102
- /* @__PURE__ */ t.jsxs("div", { className: I.variantInfo, children: [
2103
- /* @__PURE__ */ t.jsx("span", { className: I.title, children: D(g.name, 15) }),
2132
+ /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
2133
+ /* @__PURE__ */ t.jsx("span", { className: N.title, children: I(m.name, 15) }),
2104
2134
  /* @__PURE__ */ t.jsxs("span", { children: [
2105
2135
  "$",
2106
- i === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
2136
+ i === "ONE_TIME" ? m.price.amount : m.subscriptionSettings ? m.subscriptionSettings.price.amount : "Price Not Found"
2107
2137
  ] })
2108
2138
  ] }),
2109
- /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: I.stock, children: [
2110
- ((j = g.quantity.restrictions) == null ? void 0 : j.max) || g.quantity.available || 0,
2139
+ /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
2140
+ ((O = m.quantity.restrictions) == null ? void 0 : O.max) || m.quantity.available || 0,
2111
2141
  " in stock"
2112
2142
  ] }) })
2113
2143
  ]
2114
2144
  },
2115
- g.id
2145
+ m.id
2116
2146
  );
2117
2147
  }) }),
2118
- i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: I.quantity, children: [
2148
+ i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
2119
2149
  /* @__PURE__ */ t.jsx(
2120
2150
  "button",
2121
2151
  {
2122
2152
  onClick: () => {
2123
- s > 1 ? l((g) => g - 1) : l(1);
2153
+ o > 1 ? n((m) => m - 1) : n(1);
2124
2154
  },
2125
- className: I.button,
2126
- disabled: e.quantity.restrictions && s <= e.quantity.restrictions.min,
2127
- children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
2155
+ className: N.button,
2156
+ disabled: e.quantity.restrictions && o <= e.quantity.restrictions.min,
2157
+ children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
2128
2158
  }
2129
2159
  ),
2130
2160
  /* @__PURE__ */ t.jsx(
2131
2161
  "label",
2132
2162
  {
2133
- className: V(I.count, {
2134
- [I.focused]: d
2163
+ className: F(N.count, {
2164
+ [N.focused]: r
2135
2165
  }),
2136
- onFocus: () => $(!0),
2137
- onBlur: () => $(!1),
2166
+ onFocus: () => _(!0),
2167
+ onBlur: () => _(!1),
2138
2168
  children: /* @__PURE__ */ t.jsx(
2139
2169
  W,
2140
2170
  {
2141
2171
  type: "number",
2142
- value: String(s),
2143
- onChange: (g) => l(Number(g)),
2172
+ value: String(o),
2173
+ onChange: (m) => n(Number(m)),
2144
2174
  max: ((C = e.quantity.restrictions) == null ? void 0 : C.max) || e.quantity.available || 1 / 0,
2145
- min: ((S = e.quantity.restrictions) == null ? void 0 : S.min) || 0,
2175
+ min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
2146
2176
  style: {
2147
2177
  backgroundColor: "transparent",
2148
2178
  border: "none",
@@ -2156,20 +2186,20 @@ const zo = (u) => {
2156
2186
  "button",
2157
2187
  {
2158
2188
  onClick: () => {
2159
- l((g) => g + 1);
2189
+ n((m) => m + 1);
2160
2190
  },
2161
- className: I.button,
2162
- disabled: !!(e.quantity.restrictions && s >= e.quantity.restrictions.max || e.quantity.available && s >= e.quantity.available),
2163
- children: /* @__PURE__ */ t.jsx(f, { name: "Plus" })
2191
+ className: N.button,
2192
+ disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available && o >= e.quantity.available),
2193
+ children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
2164
2194
  }
2165
2195
  )
2166
2196
  ] }),
2167
- /* @__PURE__ */ t.jsxs("div", { className: I.meta, children: [
2168
- /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
2197
+ /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
2198
+ /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
2169
2199
  /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
2170
- /* @__PURE__ */ t.jsxs("div", { className: I.infoRight, children: [
2200
+ /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
2171
2201
  /* @__PURE__ */ t.jsx(
2172
- f,
2202
+ b,
2173
2203
  {
2174
2204
  name: "Lightning",
2175
2205
  fill: "#FF3F19",
@@ -2177,118 +2207,118 @@ const zo = (u) => {
2177
2207
  height: 20
2178
2208
  }
2179
2209
  ),
2180
- /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : b(e.deliveryTime) })
2210
+ /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : E(e.deliveryTime) })
2181
2211
  ] })
2182
2212
  ] }),
2183
- /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
2213
+ /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
2184
2214
  /* @__PURE__ */ t.jsx("span", { children: "Price" }),
2185
- /* @__PURE__ */ t.jsx("div", { className: I.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
2186
- /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2215
+ /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
2216
+ /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
2187
2217
  "$ ",
2188
- (e.price.amount || 0) * s
2218
+ (e.price.amount || 0) * o
2189
2219
  ] }),
2190
- /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
2220
+ /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
2191
2221
  "$ ",
2192
- (e.compareAtPrice.amount || 0) * s
2222
+ (e.compareAtPrice.amount || 0) * o
2193
2223
  ] })
2194
- ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2224
+ ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
2195
2225
  "$ ",
2196
- (e.price.amount || 0) * s
2197
- ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
2198
- /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2226
+ (e.price.amount || 0) * o
2227
+ ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
2228
+ /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
2199
2229
  "$ ",
2200
2230
  e.subscriptionSettings.price.amount || 0
2201
2231
  ] }),
2202
- /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
2232
+ /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
2203
2233
  "$ ",
2204
2234
  e.subscriptionSettings.compareAtPrice.amount || 0
2205
2235
  ] })
2206
- ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2236
+ ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
2207
2237
  "$ ",
2208
2238
  e.subscriptionSettings.price.amount || 0
2209
2239
  ] }) })
2210
2240
  ] })
2211
2241
  ] }),
2212
- /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
2242
+ /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
2213
2243
  /* @__PURE__ */ t.jsx(
2214
- ot,
2244
+ it,
2215
2245
  {
2216
2246
  type: "Primary",
2217
- onClick: () => q(),
2247
+ onClick: () => v(),
2218
2248
  children: /* @__PURE__ */ t.jsx("span", { children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now" })
2219
2249
  }
2220
2250
  ),
2221
2251
  i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
2222
- ot,
2252
+ it,
2223
2253
  {
2224
2254
  type: "Secondary",
2225
- onClick: () => O(),
2255
+ onClick: () => A(),
2226
2256
  children: "Add to Cart"
2227
2257
  }
2228
2258
  )
2229
2259
  ] })
2230
2260
  ] });
2231
- }, xi = "_button_1861a_1", bi = "_login_1861a_14", vi = "_signUp_1861a_18", ji = "_buttons_1861a_23", yi = "_modal_1861a_32", ki = "_info_1861a_60", $i = "_top_1861a_67", wi = "_title_1861a_78", Ni = "_clear_1861a_84", Ii = "_activeClear_1861a_91", Ci = "_count_1861a_95", Si = "_cart_1861a_110", Ti = "_empty_1861a_118", Pi = "_product_1861a_144", Bi = "_products_1861a_153", Ai = "_image_1861a_161", Oi = "_productInfo_1861a_167", qi = "_content_1861a_174", Di = "_name_1861a_180", Ei = "_price_1861a_186", Li = "_productButtons_1861a_192", Ri = "_productButton_1861a_192", Mi = "_productCount_1861a_212", Hi = "_bottom_1861a_228", Fi = "_subtotal_1861a_236", Vi = "_block_1861a_244", Ui = "_shoppingCount_1861a_251", zi = "_total_1861a_271", Yi = "_link_1861a_277", Gi = "_userInfo_1861a_284", P = {
2232
- button: xi,
2233
- login: bi,
2234
- signUp: vi,
2235
- buttons: ji,
2236
- modal: yi,
2237
- info: ki,
2238
- top: $i,
2239
- title: wi,
2240
- clear: Ni,
2241
- activeClear: Ii,
2242
- count: Ci,
2243
- cart: Si,
2244
- empty: Ti,
2245
- product: Pi,
2246
- products: Bi,
2247
- image: Ai,
2248
- productInfo: Oi,
2249
- content: qi,
2250
- name: Di,
2251
- price: Ei,
2252
- productButtons: Li,
2253
- productButton: Ri,
2254
- productCount: Mi,
2255
- bottom: Hi,
2256
- subtotal: Fi,
2257
- block: Vi,
2258
- shoppingCount: Ui,
2259
- total: zi,
2260
- link: Yi,
2261
- userInfo: Gi
2262
- }, Wi = "_button_bymeg_1", Xi = "_primary_bymeg_19", Ji = "_primaryHovered_bymeg_30", Qi = "_secondary_bymeg_34", Ki = "_secondaryHovered_bymeg_44", Zi = "_tertiary_bymeg_48", to = "_tertiaryHovered_bymeg_58", eo = "_content_bymeg_62", nt = {
2263
- button: Wi,
2264
- primary: Xi,
2265
- primaryHovered: Ji,
2266
- secondary: Qi,
2267
- secondaryHovered: Ki,
2268
- tertiary: Zi,
2269
- tertiaryHovered: to,
2270
- content: eo
2271
- }, vt = (u) => {
2272
- const { children: o, onClick: e, style: n, className: i, disabled: a = !1, type: c = "Primary" } = u, { themeSettings: s } = St();
2261
+ }, ki = "_button_nq46k_1", $i = "_login_nq46k_14", wi = "_signUp_nq46k_18", Ni = "_buttons_nq46k_23", Ii = "_modal_nq46k_32", Ci = "_info_nq46k_60", Bi = "_top_nq46k_67", Si = "_title_nq46k_78", Pi = "_clear_nq46k_85", Ti = "_activeClear_nq46k_92", qi = "_count_nq46k_96", Ai = "_cart_nq46k_111", Oi = "_empty_nq46k_119", Di = "_product_nq46k_145", Ei = "_products_nq46k_154", Li = "_image_nq46k_162", Ri = "_productInfo_nq46k_168", Mi = "_content_nq46k_175", Hi = "_name_nq46k_181", zi = "_price_nq46k_187", Vi = "_productButtons_nq46k_193", Fi = "_productButton_nq46k_193", Ui = "_productCount_nq46k_213", Yi = "_bottom_nq46k_229", Gi = "_subtotal_nq46k_237", Wi = "_block_nq46k_245", Xi = "_shoppingCount_nq46k_252", Ji = "_total_nq46k_272", Qi = "_link_nq46k_278", Ki = "_userInfo_nq46k_285", S = {
2262
+ button: ki,
2263
+ login: $i,
2264
+ signUp: wi,
2265
+ buttons: Ni,
2266
+ modal: Ii,
2267
+ info: Ci,
2268
+ top: Bi,
2269
+ title: Si,
2270
+ clear: Pi,
2271
+ activeClear: Ti,
2272
+ count: qi,
2273
+ cart: Ai,
2274
+ empty: Oi,
2275
+ product: Di,
2276
+ products: Ei,
2277
+ image: Li,
2278
+ productInfo: Ri,
2279
+ content: Mi,
2280
+ name: Hi,
2281
+ price: zi,
2282
+ productButtons: Vi,
2283
+ productButton: Fi,
2284
+ productCount: Ui,
2285
+ bottom: Yi,
2286
+ subtotal: Gi,
2287
+ block: Wi,
2288
+ shoppingCount: Xi,
2289
+ total: Ji,
2290
+ link: Qi,
2291
+ userInfo: Ki
2292
+ }, Zi = "_button_85085_1", ta = "_primary_85085_20", ea = "_primaryHovered_85085_30", sa = "_secondary_85085_34", na = "_secondaryHovered_85085_44", ia = "_tertiary_85085_48", aa = "_tertiaryHovered_85085_58", oa = "_content_85085_62", et = {
2293
+ button: Zi,
2294
+ primary: ta,
2295
+ primaryHovered: ea,
2296
+ secondary: sa,
2297
+ secondaryHovered: na,
2298
+ tertiary: ia,
2299
+ tertiaryHovered: aa,
2300
+ content: oa
2301
+ }, jt = (u) => {
2302
+ const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = u, { themeSettings: o } = Bt();
2273
2303
  return /* @__PURE__ */ t.jsx(
2274
2304
  "button",
2275
2305
  {
2276
- className: V(nt.button, i, {
2277
- [nt.primary]: c === "Primary",
2278
- [nt.secondary]: c === "Secondary",
2279
- [nt.tertiary]: c === "Tertiary",
2280
- [nt.primaryHovered]: c === "Primary" && !a && s.buttons.primary.hover,
2281
- [nt.secondaryHovered]: c === "Secondary" && !a && s.buttons.secondary.hover,
2282
- [nt.tertiaryHovered]: c === "Tertiary" && !a && s.buttons.tertiary.hover
2306
+ className: F(et.button, i, {
2307
+ [et.primary]: l === "Primary",
2308
+ [et.secondary]: l === "Secondary",
2309
+ [et.tertiary]: l === "Tertiary",
2310
+ [et.primaryHovered]: l === "Primary" && !c && o.buttons.primary.hover,
2311
+ [et.secondaryHovered]: l === "Secondary" && !c && o.buttons.secondary.hover,
2312
+ [et.tertiaryHovered]: l === "Tertiary" && !c && o.buttons.tertiary.hover
2283
2313
  }),
2284
2314
  onClick: e,
2285
2315
  style: {
2286
- ...n
2316
+ ...s
2287
2317
  },
2288
- disabled: a,
2289
- children: c === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: nt.content, children: [
2318
+ disabled: c,
2319
+ children: l === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: et.content, children: [
2290
2320
  /* @__PURE__ */ t.jsx(
2291
- f,
2321
+ b,
2292
2322
  {
2293
2323
  name: "ArrowRight",
2294
2324
  fill: "#757575",
@@ -2296,69 +2326,69 @@ const zo = (u) => {
2296
2326
  height: 20
2297
2327
  }
2298
2328
  ),
2299
- o
2300
- ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: o })
2329
+ a
2330
+ ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: a })
2301
2331
  }
2302
2332
  );
2303
2333
  };
2304
- class mt extends Error {
2334
+ class _t extends Error {
2305
2335
  }
2306
- mt.prototype.name = "InvalidTokenError";
2307
- function so(u) {
2308
- return decodeURIComponent(atob(u).replace(/(.)/g, (o, e) => {
2309
- let n = e.charCodeAt(0).toString(16).toUpperCase();
2310
- return n.length < 2 && (n = "0" + n), "%" + n;
2336
+ _t.prototype.name = "InvalidTokenError";
2337
+ function ca(u) {
2338
+ return decodeURIComponent(atob(u).replace(/(.)/g, (a, e) => {
2339
+ let s = e.charCodeAt(0).toString(16).toUpperCase();
2340
+ return s.length < 2 && (s = "0" + s), "%" + s;
2311
2341
  }));
2312
2342
  }
2313
- function no(u) {
2314
- let o = u.replace(/-/g, "+").replace(/_/g, "/");
2315
- switch (o.length % 4) {
2343
+ function la(u) {
2344
+ let a = u.replace(/-/g, "+").replace(/_/g, "/");
2345
+ switch (a.length % 4) {
2316
2346
  case 0:
2317
2347
  break;
2318
2348
  case 2:
2319
- o += "==";
2349
+ a += "==";
2320
2350
  break;
2321
2351
  case 3:
2322
- o += "=";
2352
+ a += "=";
2323
2353
  break;
2324
2354
  default:
2325
2355
  throw new Error("base64 string is not of the correct length");
2326
2356
  }
2327
2357
  try {
2328
- return so(o);
2358
+ return ca(a);
2329
2359
  } catch {
2330
- return atob(o);
2360
+ return atob(a);
2331
2361
  }
2332
2362
  }
2333
- function io(u, o) {
2363
+ function ra(u, a) {
2334
2364
  if (typeof u != "string")
2335
- throw new mt("Invalid token specified: must be a string");
2336
- o || (o = {});
2337
- const e = o.header === !0 ? 0 : 1, n = u.split(".")[e];
2338
- if (typeof n != "string")
2339
- throw new mt(`Invalid token specified: missing part #${e + 1}`);
2365
+ throw new _t("Invalid token specified: must be a string");
2366
+ a || (a = {});
2367
+ const e = a.header === !0 ? 0 : 1, s = u.split(".")[e];
2368
+ if (typeof s != "string")
2369
+ throw new _t(`Invalid token specified: missing part #${e + 1}`);
2340
2370
  let i;
2341
2371
  try {
2342
- i = no(n);
2343
- } catch (a) {
2344
- throw new mt(`Invalid token specified: invalid base64 for part #${e + 1} (${a.message})`);
2372
+ i = la(s);
2373
+ } catch (c) {
2374
+ throw new _t(`Invalid token specified: invalid base64 for part #${e + 1} (${c.message})`);
2345
2375
  }
2346
2376
  try {
2347
2377
  return JSON.parse(i);
2348
- } catch (a) {
2349
- throw new mt(`Invalid token specified: invalid json for part #${e + 1} (${a.message})`);
2378
+ } catch (c) {
2379
+ throw new _t(`Invalid token specified: invalid json for part #${e + 1} (${c.message})`);
2350
2380
  }
2351
2381
  }
2352
- const Yo = (u) => {
2353
- const { shopping: o, signUp: e } = u, n = gt();
2354
- function i(c) {
2355
- n(c);
2382
+ const Ja = (u) => {
2383
+ const { shopping: a, signUp: e } = u, s = ft();
2384
+ function i(l) {
2385
+ s(l);
2356
2386
  }
2357
- const a = JSON.parse(localStorage.getItem("token") || "{}");
2358
- return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
2359
- o && /* @__PURE__ */ t.jsx(oo, {}),
2360
- !a.data && /* @__PURE__ */ t.jsx(
2361
- vt,
2387
+ const c = JSON.parse(localStorage.getItem("token") || "{}");
2388
+ return /* @__PURE__ */ t.jsxs("div", { className: S.buttons, children: [
2389
+ a && /* @__PURE__ */ t.jsx(da, {}),
2390
+ !c.data && /* @__PURE__ */ t.jsx(
2391
+ jt,
2362
2392
  {
2363
2393
  onClick: () => i("/customer-dash"),
2364
2394
  type: "Secondary",
@@ -2368,8 +2398,8 @@ const Yo = (u) => {
2368
2398
  children: "Login"
2369
2399
  }
2370
2400
  ),
2371
- !a.data && e && /* @__PURE__ */ t.jsx(
2372
- vt,
2401
+ !c.data && e && /* @__PURE__ */ t.jsx(
2402
+ jt,
2373
2403
  {
2374
2404
  onClick: () => i("/customer-dash"),
2375
2405
  type: "Primary",
@@ -2379,100 +2409,100 @@ const Yo = (u) => {
2379
2409
  children: "Sign Up"
2380
2410
  }
2381
2411
  ),
2382
- a.data && /* @__PURE__ */ t.jsx(lo, { token: a.data })
2412
+ c.data && /* @__PURE__ */ t.jsx(_a, { token: c.data })
2383
2413
  ] });
2384
- }, oo = () => {
2385
- const [u, o] = h.useState(!1), [e, n] = h.useState([]), { cart: i, getProducts: a } = wt();
2386
- function c($) {
2387
- for (let r = 0; r < i.parts.length; r++)
2388
- for (let B = 0; B < $.variants.length; B++)
2389
- if (i.parts[r].productVariantId === $.variants[r].id)
2390
- return i.parts[r].productVariantId;
2414
+ }, da = () => {
2415
+ const [u, a] = g.useState(!1), [e, s] = g.useState([]), { cart: i, getProducts: c } = Nt();
2416
+ function l(_) {
2417
+ for (let d = 0; d < i.parts.length; d++)
2418
+ for (let P = 0; P < _.variants.length; P++)
2419
+ if (i.parts[d].productVariantId === _.variants[d].id)
2420
+ return i.parts[d].productVariantId;
2391
2421
  }
2392
- function s($) {
2393
- for (let r = 0; r < i.parts.length; r++)
2394
- for (let B = 0; B < $.variants.length; B++)
2395
- if (i.parts[r].productVariantId === $.variants[r].id)
2396
- return i.parts[r].quantity;
2422
+ function o(_) {
2423
+ for (let d = 0; d < i.parts.length; d++)
2424
+ for (let P = 0; P < _.variants.length; P++)
2425
+ if (i.parts[d].productVariantId === _.variants[d].id)
2426
+ return i.parts[d].quantity;
2397
2427
  }
2398
- h.useEffect(() => {
2428
+ g.useEffect(() => {
2399
2429
  (async () => {
2400
- const r = i.parts.map((_) => String(_.productId)), x = (await a([...r])).map((_) => ({
2401
- ..._,
2402
- activeVariantId: c(_),
2403
- quantity: s(_)
2430
+ const d = i.parts.map((f) => String(f.productId)), x = (await c([...d])).map((f) => ({
2431
+ ...f,
2432
+ activeVariantId: l(f),
2433
+ quantity: o(f)
2404
2434
  }));
2405
- n(x);
2435
+ s(x);
2406
2436
  })();
2407
- }, [i]);
2408
- function l($) {
2409
- var r;
2410
- return !$ || !($ != null && $.variants) ? !1 : (r = $.variants.find((B) => B.id === $.activeVariantId)) == null ? void 0 : r.subscriptionSettings;
2437
+ }, [i.parts.length]);
2438
+ function n(_) {
2439
+ var d;
2440
+ return !_ || !(_ != null && _.variants) ? !1 : (d = _.variants.find((P) => P.id === _.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
2411
2441
  }
2412
- const d = i.parts.length > 0 && e.length > 0 && !l(e[0]);
2413
- return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2442
+ const r = i.parts.length > 0 && e.length > 0 && !n(e[0]);
2443
+ return console.log(i.parts.length > 0, e.length > 0, !n(e[0])), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2414
2444
  /* @__PURE__ */ t.jsxs(
2415
2445
  "div",
2416
2446
  {
2417
- className: P.button,
2418
- onClick: ($) => {
2419
- $.stopPropagation(), window.location.pathname !== "/admin/builder" && o(!0);
2447
+ className: S.button,
2448
+ onClick: (_) => {
2449
+ _.stopPropagation(), a(!0);
2420
2450
  },
2421
2451
  children: [
2422
2452
  /* @__PURE__ */ t.jsx(
2423
- f,
2453
+ b,
2424
2454
  {
2425
2455
  name: "Handbag",
2426
2456
  fill: "var(--icon-primary)"
2427
2457
  }
2428
2458
  ),
2429
- d && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: i.parts.length })
2459
+ r && /* @__PURE__ */ t.jsx("div", { className: S.shoppingCount, children: i.parts.length })
2430
2460
  ]
2431
2461
  }
2432
2462
  ),
2433
- u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(
2434
- ao,
2463
+ u && /* @__PURE__ */ t.jsx(St, { close: a, children: /* @__PURE__ */ t.jsx(
2464
+ ua,
2435
2465
  {
2436
2466
  activeProducts: e,
2437
- isCartNotEmpty: d
2467
+ isCartNotEmpty: r
2438
2468
  }
2439
2469
  ) })
2440
2470
  ] });
2441
- }, ao = (u) => {
2442
- const { activeProducts: o, isCartNotEmpty: e } = u, { cart: n, reset: i, getTotalAndDiscount: a, updateQuantityOfProduct: c } = wt(), s = gt();
2443
- function l(r) {
2444
- s(r);
2471
+ }, ua = (u) => {
2472
+ const { activeProducts: a, isCartNotEmpty: e } = u, { cart: s, reset: i, getTotalAndDiscount: c, updateQuantityOfProduct: l } = Nt(), o = ft();
2473
+ function n(d) {
2474
+ o(d);
2445
2475
  }
2446
- function d(r) {
2447
- c({
2448
- productId: r.id,
2449
- productVariantId: r.activeVariantId,
2450
- quantity: r.quantity + 1
2476
+ function r(d) {
2477
+ l({
2478
+ productId: d.id,
2479
+ productVariantId: d.activeVariantId,
2480
+ quantity: d.quantity + 1
2451
2481
  });
2452
2482
  }
2453
- function $(r) {
2454
- c({
2455
- productId: r.id,
2456
- productVariantId: r.activeVariantId,
2457
- quantity: r.quantity - 1
2483
+ function _(d) {
2484
+ l({
2485
+ productId: d.id,
2486
+ productVariantId: d.activeVariantId,
2487
+ quantity: d.quantity - 1
2458
2488
  });
2459
2489
  }
2460
2490
  return /* @__PURE__ */ t.jsxs(
2461
2491
  "div",
2462
2492
  {
2463
- className: P.modal,
2464
- onClick: (r) => r.stopPropagation(),
2493
+ className: S.modal,
2494
+ onClick: (d) => d.stopPropagation(),
2465
2495
  children: [
2466
- /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
2467
- /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
2468
- /* @__PURE__ */ t.jsx("span", { className: P.title, children: "Cart" }),
2469
- e && /* @__PURE__ */ t.jsx("div", { className: P.count, children: n.parts.length })
2496
+ /* @__PURE__ */ t.jsxs("div", { className: S.top, children: [
2497
+ /* @__PURE__ */ t.jsxs("div", { className: S.info, children: [
2498
+ /* @__PURE__ */ t.jsx("span", { className: S.title, children: "Cart" }),
2499
+ e && /* @__PURE__ */ t.jsx("div", { className: S.count, children: s.parts.length })
2470
2500
  ] }),
2471
2501
  /* @__PURE__ */ t.jsx(
2472
2502
  "button",
2473
2503
  {
2474
- className: V(P.clear, {
2475
- [P.activeClear]: e
2504
+ className: F(S.clear, {
2505
+ [S.activeClear]: e
2476
2506
  }),
2477
2507
  disabled: !e,
2478
2508
  onClick: () => i(),
@@ -2480,41 +2510,41 @@ const Yo = (u) => {
2480
2510
  }
2481
2511
  )
2482
2512
  ] }),
2483
- e ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
2484
- /* @__PURE__ */ t.jsx("div", { className: P.products, children: o.map((r) => /* @__PURE__ */ t.jsxs(
2513
+ e ? /* @__PURE__ */ t.jsxs("div", { className: S.cart, children: [
2514
+ /* @__PURE__ */ t.jsx("div", { className: S.products, children: a.map((d) => /* @__PURE__ */ t.jsxs(
2485
2515
  "div",
2486
2516
  {
2487
- className: P.product,
2517
+ className: S.product,
2488
2518
  children: [
2489
- /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
2519
+ /* @__PURE__ */ t.jsxs("div", { className: S.productInfo, children: [
2490
2520
  /* @__PURE__ */ t.jsx(
2491
2521
  "img",
2492
2522
  {
2493
- src: `https://imagedelivery.net/${r.images[0].cfId}/w=500`,
2523
+ src: `https://imagedelivery.net/${d.images[0].cfId}/w=500`,
2494
2524
  alt: "image",
2495
2525
  width: "100%",
2496
2526
  height: "100%",
2497
- className: P.image
2527
+ className: S.image
2498
2528
  }
2499
2529
  ),
2500
- /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
2501
- /* @__PURE__ */ t.jsx("div", { className: P.name, children: r.name }),
2502
- /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
2530
+ /* @__PURE__ */ t.jsxs("div", { className: S.content, children: [
2531
+ /* @__PURE__ */ t.jsx("div", { className: S.name, children: d.name }),
2532
+ /* @__PURE__ */ t.jsxs("div", { className: S.price, children: [
2503
2533
  "$",
2504
- r.variants.find((B) => B.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
2534
+ d.variants.find((P) => P.id === d.activeVariantId).price.amount * ((d == null ? void 0 : d.quantity) || 1)
2505
2535
  ] })
2506
2536
  ] })
2507
2537
  ] }),
2508
- /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
2538
+ /* @__PURE__ */ t.jsxs("div", { className: S.productButtons, children: [
2509
2539
  /* @__PURE__ */ t.jsx(
2510
2540
  "div",
2511
2541
  {
2512
2542
  onClick: () => {
2513
- r.quantity !== 1 && $(r);
2543
+ d.quantity !== 1 && _(d);
2514
2544
  },
2515
- className: P.productButton,
2545
+ className: S.productButton,
2516
2546
  children: /* @__PURE__ */ t.jsx(
2517
- f,
2547
+ b,
2518
2548
  {
2519
2549
  name: "Minus",
2520
2550
  fill: "#757575",
@@ -2524,14 +2554,14 @@ const Yo = (u) => {
2524
2554
  )
2525
2555
  }
2526
2556
  ),
2527
- /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: r.quantity }),
2557
+ /* @__PURE__ */ t.jsx("div", { className: S.productCount, children: d.quantity }),
2528
2558
  /* @__PURE__ */ t.jsx(
2529
2559
  "div",
2530
2560
  {
2531
- onClick: () => d(r),
2532
- className: P.productButton,
2561
+ onClick: () => r(d),
2562
+ className: S.productButton,
2533
2563
  children: /* @__PURE__ */ t.jsx(
2534
- f,
2564
+ b,
2535
2565
  {
2536
2566
  name: "Plus",
2537
2567
  fill: "#757575",
@@ -2544,14 +2574,14 @@ const Yo = (u) => {
2544
2574
  ] })
2545
2575
  ]
2546
2576
  },
2547
- r.id
2577
+ d.id
2548
2578
  )) }),
2549
- /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
2550
- /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
2551
- /* @__PURE__ */ t.jsxs("div", { className: P.block, children: [
2579
+ /* @__PURE__ */ t.jsxs("div", { className: S.bottom, children: [
2580
+ /* @__PURE__ */ t.jsxs("div", { className: S.subtotal, children: [
2581
+ /* @__PURE__ */ t.jsxs("div", { className: S.block, children: [
2552
2582
  /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
2553
2583
  /* @__PURE__ */ t.jsx(
2554
- f,
2584
+ b,
2555
2585
  {
2556
2586
  name: "Info",
2557
2587
  width: 20,
@@ -2560,19 +2590,19 @@ const Yo = (u) => {
2560
2590
  }
2561
2591
  )
2562
2592
  ] }),
2563
- /* @__PURE__ */ t.jsxs("div", { className: P.total, children: [
2593
+ /* @__PURE__ */ t.jsxs("div", { className: S.total, children: [
2564
2594
  "$",
2565
- a().total
2595
+ c().total
2566
2596
  ] })
2567
2597
  ] }),
2568
- /* @__PURE__ */ t.jsx(vt, { onClick: () => l("/checkout"), children: "Checkout" })
2598
+ /* @__PURE__ */ t.jsx(jt, { onClick: () => n("/checkout"), children: "Checkout" })
2569
2599
  ] })
2570
- ] }) : /* @__PURE__ */ t.jsx(co, {})
2600
+ ] }) : /* @__PURE__ */ t.jsx(ma, {})
2571
2601
  ]
2572
2602
  }
2573
2603
  );
2574
- }, co = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
2575
- /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(f, { name: "Handbag" }) }),
2604
+ }, ma = () => /* @__PURE__ */ t.jsxs("div", { className: S.empty, children: [
2605
+ /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(b, { name: "Handbag" }) }),
2576
2606
  /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
2577
2607
  /* @__PURE__ */ t.jsxs("span", { children: [
2578
2608
  "Check out the store's products and add them",
@@ -2581,56 +2611,56 @@ const Yo = (u) => {
2581
2611
  "a",
2582
2612
  {
2583
2613
  href: "/products",
2584
- className: P.link,
2614
+ className: S.link,
2585
2615
  children: "here"
2586
2616
  }
2587
2617
  )
2588
2618
  ] })
2589
- ] }), lo = ({ token: u }) => {
2590
- const [o, e] = h.useState("test-email@gmail.com"), n = gt();
2591
- h.useEffect(() => {
2619
+ ] }), _a = ({ token: u }) => {
2620
+ const [a, e] = g.useState("test-email@gmail.com"), s = ft();
2621
+ g.useEffect(() => {
2592
2622
  (async () => {
2593
- const c = io(u);
2594
- e(c.email);
2623
+ const l = ra(u);
2624
+ e(l.email);
2595
2625
  })();
2596
2626
  }, [u]);
2597
- function i(a) {
2598
- n(a);
2627
+ function i(c) {
2628
+ s(c);
2599
2629
  }
2600
2630
  return /* @__PURE__ */ t.jsx(
2601
2631
  "div",
2602
2632
  {
2603
- className: P.userInfo,
2633
+ className: S.userInfo,
2604
2634
  onClick: () => i("/customer-dash"),
2605
- children: /* @__PURE__ */ t.jsx("div", { children: o || "test-email@gmail.com" })
2635
+ children: /* @__PURE__ */ t.jsx("div", { children: a || "test-email@gmail.com" })
2606
2636
  }
2607
2637
  );
2608
- }, ro = "_share_9g414_1", uo = "_modal_9g414_8", po = "_header_9g414_14", mo = "_socials_9g414_24", ho = "_social_9g414_24", _o = "_copy_9g414_34", go = "_title_9g414_41", fo = "_copyWrapper_9g414_47", xo = "_copyText_9g414_56", Q = {
2609
- share: ro,
2610
- modal: uo,
2611
- header: po,
2612
- socials: mo,
2613
- social: ho,
2614
- copy: _o,
2615
- title: go,
2616
- copyWrapper: fo,
2617
- copyText: xo
2618
- }, Go = () => {
2619
- const { isOpenModal: u, setIsOpenModal: o } = Pt();
2638
+ }, ha = "_share_11u0d_1", pa = "_modal_11u0d_8", ga = "_header_11u0d_14", fa = "_socials_11u0d_24", xa = "_social_11u0d_24", ba = "_copy_11u0d_34", va = "_title_11u0d_41", ja = "_copyWrapper_11u0d_47", ya = "_copyText_11u0d_56", nt = {
2639
+ share: ha,
2640
+ modal: pa,
2641
+ header: ga,
2642
+ socials: fa,
2643
+ social: xa,
2644
+ copy: ba,
2645
+ title: va,
2646
+ copyWrapper: ja,
2647
+ copyText: ya
2648
+ }, Qa = () => {
2649
+ const { isOpenModal: u, setIsOpenModal: a } = Pt();
2620
2650
  function e() {
2621
- o(!0);
2651
+ a(!0);
2622
2652
  }
2623
2653
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2624
2654
  /* @__PURE__ */ t.jsx(
2625
- ot,
2655
+ it,
2626
2656
  {
2627
- className: Q.share,
2628
- onClick: (n) => {
2629
- n.stopPropagation(), e();
2657
+ className: nt.share,
2658
+ onClick: (s) => {
2659
+ s.stopPropagation(), e();
2630
2660
  },
2631
2661
  type: "Secondary",
2632
2662
  children: /* @__PURE__ */ t.jsx(
2633
- f,
2663
+ b,
2634
2664
  {
2635
2665
  name: "Share",
2636
2666
  fill: "#757575",
@@ -2639,19 +2669,12 @@ const Yo = (u) => {
2639
2669
  )
2640
2670
  }
2641
2671
  ),
2642
- u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(bo, {}) })
2672
+ u && /* @__PURE__ */ t.jsx(St, { close: a, children: /* @__PURE__ */ t.jsx(ka, {}) })
2643
2673
  ] });
2644
- }, It = {
2645
- facebook: "FacebookLogo",
2646
- "x.com": "TwitterLogo",
2647
- telegram: "TelegramLogo",
2648
- instagram: "InstagramLogo",
2649
- discord: "MessengerLogo",
2650
- tiktok: "TiktokLogo"
2651
- }, bo = () => {
2652
- const { setIsOpenModal: u } = Pt(), { notification: o, setNotification: e } = Dt(), n = window.location.href;
2674
+ }, ka = () => {
2675
+ const { setIsOpenModal: u } = Pt(), { notification: a, setNotification: e } = Dt(), s = window.location.href;
2653
2676
  function i() {
2654
- navigator.clipboard.writeText(n), e({
2677
+ navigator.clipboard.writeText(s), e({
2655
2678
  message: "Link copied to clipboard",
2656
2679
  status: "success"
2657
2680
  });
@@ -2659,13 +2682,13 @@ const Yo = (u) => {
2659
2682
  return /* @__PURE__ */ t.jsxs(
2660
2683
  "div",
2661
2684
  {
2662
- className: Q.modal,
2663
- onClick: (a) => a.stopPropagation(),
2685
+ className: nt.modal,
2686
+ onClick: (c) => c.stopPropagation(),
2664
2687
  children: [
2665
- /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
2666
- /* @__PURE__ */ t.jsx("div", { className: Q.title, children: "Share this Post" }),
2688
+ /* @__PURE__ */ t.jsxs("div", { className: nt.header, children: [
2689
+ /* @__PURE__ */ t.jsx("div", { className: nt.title, children: "Share this Post" }),
2667
2690
  /* @__PURE__ */ t.jsx(
2668
- f,
2691
+ b,
2669
2692
  {
2670
2693
  name: "X",
2671
2694
  fill: "#757575",
@@ -2674,93 +2697,92 @@ const Yo = (u) => {
2674
2697
  }
2675
2698
  )
2676
2699
  ] }),
2677
- /* @__PURE__ */ t.jsx("div", { className: Q.socials, children: Object.keys(It).map((a) => /* @__PURE__ */ t.jsx("div", { className: Q.social, children: /* @__PURE__ */ t.jsx(f, { name: It[a] }) })) }),
2678
- /* @__PURE__ */ t.jsxs("div", { className: Q.copyWrapper, children: [
2700
+ /* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
2679
2701
  /* @__PURE__ */ t.jsx(
2680
2702
  "div",
2681
2703
  {
2682
- className: V(Q.copy, Q.copyText),
2704
+ className: F(nt.copy, nt.copyText),
2683
2705
  onClick: i,
2684
- children: n
2706
+ children: s
2685
2707
  }
2686
2708
  ),
2687
2709
  /* @__PURE__ */ t.jsx(
2688
2710
  "div",
2689
2711
  {
2690
2712
  onClick: i,
2691
- className: Q.copy,
2692
- children: o ? /* @__PURE__ */ t.jsx(f, { name: "Check" }) : /* @__PURE__ */ t.jsx(f, { name: "Copy" })
2713
+ className: nt.copy,
2714
+ children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
2693
2715
  }
2694
2716
  )
2695
2717
  ] })
2696
2718
  ]
2697
2719
  }
2698
2720
  );
2699
- }, vo = "_accordion_1s1lq_1", jo = "_header_1s1lq_9", yo = "_icon_1s1lq_18", ko = "_open_1s1lq_21", $o = "_content_1s1lq_25", pt = {
2700
- accordion: vo,
2701
- header: jo,
2702
- icon: yo,
2703
- open: ko,
2704
- content: $o
2705
- }, Wo = ({ title: u, content: o }) => {
2706
- const [e, n] = h.useState(!1), [i, a] = h.useState(0), c = h.useRef(null), s = () => {
2707
- n(!e);
2721
+ }, $a = "_accordion_1s1lq_1", wa = "_header_1s1lq_9", Na = "_icon_1s1lq_18", Ia = "_open_1s1lq_21", Ca = "_content_1s1lq_25", mt = {
2722
+ accordion: $a,
2723
+ header: wa,
2724
+ icon: Na,
2725
+ open: Ia,
2726
+ content: Ca
2727
+ }, Ka = ({ title: u, content: a }) => {
2728
+ const [e, s] = g.useState(!1), [i, c] = g.useState(0), l = g.useRef(null), o = () => {
2729
+ s(!e);
2708
2730
  };
2709
- return h.useEffect(() => {
2710
- c.current && a(e ? c.current.scrollHeight : 0);
2711
- }, [e]), /* @__PURE__ */ t.jsxs("div", { className: pt.accordion, children: [
2731
+ return g.useEffect(() => {
2732
+ l.current && c(e ? l.current.scrollHeight : 0);
2733
+ }, [e]), /* @__PURE__ */ t.jsxs("div", { className: mt.accordion, children: [
2712
2734
  /* @__PURE__ */ t.jsxs(
2713
2735
  "div",
2714
2736
  {
2715
- className: pt.header,
2716
- onClick: s,
2737
+ className: mt.header,
2738
+ onClick: o,
2717
2739
  children: [
2718
2740
  /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
2719
- /* @__PURE__ */ t.jsx("div", { className: V(pt.icon, { [pt.open]: e }), children: /* @__PURE__ */ t.jsx(f, { name: "CaretDown" }) })
2741
+ /* @__PURE__ */ t.jsx("div", { className: F(mt.icon, { [mt.open]: e }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
2720
2742
  ]
2721
2743
  }
2722
2744
  ),
2723
2745
  /* @__PURE__ */ t.jsx(
2724
2746
  "div",
2725
2747
  {
2726
- ref: c,
2727
- className: pt.content,
2748
+ ref: l,
2749
+ className: mt.content,
2728
2750
  style: { height: `${i}px` },
2729
- children: /* @__PURE__ */ t.jsx("p", { id: "p", children: o })
2751
+ children: /* @__PURE__ */ t.jsx("p", { id: "p", children: a })
2730
2752
  }
2731
2753
  )
2732
2754
  ] });
2733
- }, wo = "_wrapper_1r14x_1", No = "_label_1r14x_9", Io = "_input_1r14x_18", Co = "_required_1r14x_35", So = "_paddingless_1r14x_39", To = "_content_1r14x_43", Po = "_borderless_1r14x_58", Bo = "_rightIcon_1r14x_63", it = {
2734
- wrapper: wo,
2735
- label: No,
2736
- input: Io,
2737
- required: Co,
2738
- paddingless: So,
2739
- content: To,
2740
- borderless: Po,
2741
- rightIcon: Bo
2742
- }, Xo = (u) => {
2755
+ }, Ba = "_wrapper_1r14x_1", Sa = "_label_1r14x_9", Pa = "_input_1r14x_18", Ta = "_required_1r14x_35", qa = "_paddingless_1r14x_39", Aa = "_content_1r14x_43", Oa = "_borderless_1r14x_58", Da = "_rightIcon_1r14x_63", st = {
2756
+ wrapper: Ba,
2757
+ label: Sa,
2758
+ input: Pa,
2759
+ required: Ta,
2760
+ paddingless: qa,
2761
+ content: Aa,
2762
+ borderless: Oa,
2763
+ rightIcon: Da
2764
+ }, Za = (u) => {
2743
2765
  const {
2744
- onChange: o,
2766
+ onChange: a,
2745
2767
  style: e,
2746
- label: n,
2768
+ label: s,
2747
2769
  value: i,
2748
- type: a,
2749
- min: c,
2750
- max: s,
2751
- placeholder: l,
2752
- disabled: d = !1,
2753
- required: $ = !1,
2754
- regex: r,
2755
- paddingless: B = !1,
2770
+ type: c,
2771
+ min: l,
2772
+ max: o,
2773
+ placeholder: n,
2774
+ disabled: r = !1,
2775
+ required: _ = !1,
2776
+ regex: d,
2777
+ paddingless: P = !1,
2756
2778
  borderless: x = !1,
2757
- editable: _ = !1,
2758
- isSearch: m = !1
2759
- } = u, { themeSettings: O } = St(), { inputs: q } = O, [b, D] = h.useState(!1);
2760
- function C(j, M) {
2761
- if (j.startsWith("#")) {
2762
- let N, E, L;
2763
- return j.length === 7 ? (N = parseInt(j.slice(1, 3), 16), E = parseInt(j.slice(3, 5), 16), L = parseInt(j.slice(5, 7), 16)) : j.length === 4 && (N = parseInt(j[1] + j[1], 16), E = parseInt(j[2] + j[2], 16), L = parseInt(j[3] + j[3], 16)), `rgba(${N}, ${E}, ${L}, ${M})`;
2779
+ editable: f = !1,
2780
+ isSearch: h = !1
2781
+ } = u, { themeSettings: q } = Bt(), { inputs: A } = q, [v, E] = g.useState(!1);
2782
+ function I(m, O) {
2783
+ if (m.startsWith("#")) {
2784
+ let L, w, R;
2785
+ return m.length === 7 ? (L = parseInt(m.slice(1, 3), 16), w = parseInt(m.slice(3, 5), 16), R = parseInt(m.slice(5, 7), 16)) : m.length === 4 && (L = parseInt(m[1] + m[1], 16), w = parseInt(m[2] + m[2], 16), R = parseInt(m[3] + m[3], 16)), `rgba(${L}, ${w}, ${R}, ${O})`;
2764
2786
  }
2765
2787
  const y = {
2766
2788
  black: "#000000",
@@ -2769,71 +2791,71 @@ const Yo = (u) => {
2769
2791
  green: "#00ff00",
2770
2792
  blue: "#0000ff"
2771
2793
  // Можно добавить больше цветов
2772
- }[j.toLowerCase()];
2773
- return y ? C(y, M) : j;
2794
+ }[m.toLowerCase()];
2795
+ return y ? I(y, O) : m;
2774
2796
  }
2775
- function S(j) {
2776
- return Number(j) < 0 ? String(c) : j;
2797
+ function C(m) {
2798
+ return Number(m) < 0 ? String(l) : m;
2777
2799
  }
2778
- function g(j) {
2779
- return !$ || !r ? !0 : new RegExp(r).test(j);
2800
+ function M(m) {
2801
+ return !_ || !d ? !0 : new RegExp(d).test(m);
2780
2802
  }
2781
- return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
2782
- n && /* @__PURE__ */ t.jsx(
2803
+ return /* @__PURE__ */ t.jsxs("div", { className: st.wrapper, children: [
2804
+ s && /* @__PURE__ */ t.jsx(
2783
2805
  "label",
2784
2806
  {
2785
- className: it.label,
2786
- htmlFor: n,
2787
- children: n
2807
+ className: st.label,
2808
+ htmlFor: s,
2809
+ children: s
2788
2810
  }
2789
2811
  ),
2790
2812
  /* @__PURE__ */ t.jsxs(
2791
2813
  "div",
2792
2814
  {
2793
- className: it.content,
2815
+ className: st.content,
2794
2816
  style: {
2795
- paddingRight: q.general.height + 15,
2817
+ paddingRight: A.general.height + 15,
2796
2818
  ...e,
2797
- backgroundColor: C(q.field.color, q.field.opacity / 100)
2819
+ backgroundColor: I(A.field.color, A.field.opacity / 100)
2798
2820
  },
2799
2821
  children: [
2800
2822
  /* @__PURE__ */ t.jsx(
2801
2823
  "input",
2802
2824
  {
2803
- id: n,
2804
- type: a || "text",
2805
- onChange: (j) => {
2806
- if (a === "text") o(j.target.value);
2825
+ id: s,
2826
+ type: c || "text",
2827
+ onChange: (m) => {
2828
+ if (c === "text") a(m.target.value);
2807
2829
  else {
2808
- const M = S(j.target.value);
2809
- o(M);
2830
+ const O = C(m.target.value);
2831
+ a(O);
2810
2832
  }
2811
2833
  },
2812
2834
  value: i,
2813
2835
  autoComplete: "off",
2814
- placeholder: l || "Type something...",
2815
- className: V(it.input, {
2816
- [it.required]: b && $ && !g(i),
2817
- [it.paddingless]: B,
2818
- [it.borderless]: x
2836
+ placeholder: n || "Type something...",
2837
+ className: F(st.input, {
2838
+ [st.required]: v && _ && !M(i),
2839
+ [st.paddingless]: P,
2840
+ [st.borderless]: x
2819
2841
  }),
2820
- min: a === "number" ? c : void 0,
2821
- max: a === "number" ? s : void 0,
2822
- disabled: d,
2823
- onFocus: () => D(!0)
2842
+ min: c === "number" ? l : void 0,
2843
+ max: c === "number" ? o : void 0,
2844
+ disabled: r,
2845
+ onFocus: () => E(!0)
2824
2846
  }
2825
2847
  ),
2826
- m && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
2827
- f,
2848
+ h && /* @__PURE__ */ t.jsx("div", { className: st.rightIcon, children: /* @__PURE__ */ t.jsx(
2849
+ b,
2828
2850
  {
2829
2851
  name: "MagnifyingGlass",
2830
2852
  fill: "var(--icon-secondary)",
2831
- width: q.general.height,
2832
- height: q.general.height
2853
+ width: A.general.height,
2854
+ height: A.general.height
2833
2855
  }
2834
2856
  ) }),
2835
- _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
2836
- f,
2857
+ f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
2858
+ b,
2837
2859
  {
2838
2860
  name: "Sliders",
2839
2861
  width: 20,
@@ -2845,18 +2867,18 @@ const Yo = (u) => {
2845
2867
  }
2846
2868
  )
2847
2869
  ] });
2848
- }, Ao = "_wrapper_st58d_1", Oo = "_label_st58d_10", qo = "_textarea_st58d_18", Do = "_length_st58d_33", _t = {
2849
- wrapper: Ao,
2850
- label: Oo,
2851
- textarea: qo,
2852
- length: Do
2853
- }, Jo = (u) => {
2854
- const { onChange: o, label: e, value: n, maxLength: i, placeholder: a = "Type something..." } = u, [c, s] = h.useState(n.length);
2855
- return /* @__PURE__ */ t.jsxs("div", { className: _t.wrapper, children: [
2870
+ }, Ea = "_wrapper_st58d_1", La = "_label_st58d_10", Ra = "_textarea_st58d_18", Ma = "_length_st58d_33", gt = {
2871
+ wrapper: Ea,
2872
+ label: La,
2873
+ textarea: Ra,
2874
+ length: Ma
2875
+ }, to = (u) => {
2876
+ const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = u, [l, o] = g.useState(s.length);
2877
+ return /* @__PURE__ */ t.jsxs("div", { className: gt.wrapper, children: [
2856
2878
  e && /* @__PURE__ */ t.jsx(
2857
2879
  "label",
2858
2880
  {
2859
- className: _t.label,
2881
+ className: gt.label,
2860
2882
  htmlFor: e,
2861
2883
  children: e
2862
2884
  }
@@ -2865,51 +2887,51 @@ const Yo = (u) => {
2865
2887
  "textarea",
2866
2888
  {
2867
2889
  id: e,
2868
- defaultValue: n,
2869
- onChange: (l) => {
2870
- s(l.target.value.length), o(l.target.value);
2890
+ defaultValue: s,
2891
+ onChange: (n) => {
2892
+ o(n.target.value.length), a(n.target.value);
2871
2893
  },
2872
- placeholder: a,
2873
- className: _t.textarea,
2894
+ placeholder: c,
2895
+ className: gt.textarea,
2874
2896
  maxLength: i
2875
2897
  }
2876
2898
  ),
2877
- i && /* @__PURE__ */ t.jsxs("div", { className: _t.length, children: [
2878
- c,
2899
+ i && /* @__PURE__ */ t.jsxs("div", { className: gt.length, children: [
2900
+ l,
2879
2901
  "/",
2880
2902
  i
2881
2903
  ] })
2882
2904
  ] });
2883
2905
  };
2884
2906
  export {
2885
- Wo as Accordion,
2886
- vt as Button,
2887
- pn as ButtonTypeSettings,
2888
- Vo as ButtonsSettings,
2889
- Ho as CategorySettings,
2907
+ Ka as Accordion,
2908
+ jt as Button,
2909
+ gn as ButtonTypeSettings,
2910
+ Ga as ButtonsSettings,
2911
+ Ua as CategorySettings,
2890
2912
  ht as ChooseImage,
2891
- Zo as ChooseImageModal,
2892
- co as EmptyCart,
2893
- Fo as FormSettings,
2894
- Yo as HeaderButtons,
2895
- f as Icon,
2913
+ no as ChooseImageModal,
2914
+ ma as EmptyCart,
2915
+ Ya as FormSettings,
2916
+ Ja as HeaderButtons,
2917
+ b as Icon,
2896
2918
  W as InputSettings,
2897
- Xo as InputUI,
2898
- Be as ItemsSettings,
2899
- Mo as LayoutSettings,
2900
- Uo as ListingSelector,
2901
- ta as Loader,
2902
- Tt as Modal,
2903
- zo as ProductOptions,
2904
- Nt as RangeSelector,
2905
- tt as Select,
2906
- Go as ShareLink,
2907
- oo as ShoppingButton,
2908
- ao as ShoppingModalCart,
2919
+ Za as InputUI,
2920
+ qe as ItemsSettings,
2921
+ Fa as LayoutSettings,
2922
+ Wa as ListingSelector,
2923
+ io as Loader,
2924
+ St as Modal,
2925
+ Xa as ProductOptions,
2926
+ It as RangeSelector,
2927
+ Z as Select,
2928
+ Qa as ShareLink,
2929
+ da as ShoppingButton,
2930
+ ua as ShoppingModalCart,
2909
2931
  K as Switch,
2910
- At as TextSettings,
2932
+ qt as TextSettings,
2911
2933
  Ct as TextareaSettings,
2912
- Jo as TextareaUI,
2913
- Bt as TypesText,
2914
- lo as UserInfo
2934
+ to as TextareaUI,
2935
+ Tt as TypesText,
2936
+ _a as UserInfo
2915
2937
  };