@billgangcom/theme-lib 1.33.0 → 1.33.1

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 +559 -548
  3. package/dist/{index-DSREXVyt.js → index-CqF7deZx.js} +11 -9
  4. package/dist/{index-CZcNDk0w.cjs → index-J6kEvjGE.cjs} +3 -3
  5. package/dist/ui/ItemsSettings/popup.d.ts +1 -0
  6. package/dist/ui.cjs.js +1 -1
  7. package/dist/ui.es.js +1367 -1346
  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 qt, f as ft, g as Nt, h as Bt, M as St, i as Pt, k as Dt } from "./index-CqF7deZx.js";
2
+ import { l as no, L as io } from "./index-CqF7deZx.js";
3
+ import p 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
  }
@@ -171,56 +171,56 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
171
171
  )) });
172
172
  }, At = (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 = p.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 m = {
275
279
  ...e,
276
- [s.field]: l
280
+ [n.field]: r
277
281
  };
278
- n(d);
282
+ s(m);
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
289
  At,
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 m = {
290
294
  ...e,
291
- [s.field.type]: l
295
+ [n.field.type]: r
292
296
  };
293
- n(d);
297
+ s(m);
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 m = {
298
302
  ...e,
299
- [s.field.text]: l
303
+ [n.field.text]: r
300
304
  };
301
- n(d);
305
+ s(m);
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 m = {
312
316
  ...e,
313
- [s.field]: l
317
+ [n.field]: r
314
318
  };
315
- n(d);
319
+ s(m);
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 m = {
329
333
  ...e,
330
- [s.field.text]: l
334
+ [n.field.text]: r
331
335
  };
332
- n(d);
336
+ s(m);
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 m = {
346
350
  ...e,
347
- [s.field.switch]: l
351
+ [n.field.switch]: r
348
352
  };
349
- n(d);
353
+ s(m);
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
+ Ae,
357
361
  {
358
- items: e[s.field] || [],
359
- setItems: (l) => {
360
- const d = {
362
+ items: e[n.field] || [],
363
+ setItems: (r) => {
364
+ const m = {
361
365
  ...e,
362
- [s.field]: l
366
+ [n.field]: r
363
367
  };
364
- n(d);
368
+ s(m);
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 m = {
381
386
  ...e,
382
- [s.field]: l
387
+ [n.field]: r
383
388
  };
384
- n(d);
389
+ s(m);
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,119 +398,119 @@ 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
+ }, Ae = (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: m = !1,
454
+ deletable: d = !0,
455
+ addable: T = !0,
451
456
  itemsType: x,
452
- itemsPlaceholder: _ = "",
453
- itemsOptions: m,
457
+ itemsPlaceholder: g = "",
458
+ itemsOptions: h,
454
459
  hasRangeSelector: O = !1,
455
460
  rangeSelectorOptions: q,
456
- modalOptions: b,
457
- addableOptions: D = {},
461
+ modalOptions: v,
462
+ addableOptions: E = {},
458
463
  limit: C,
459
- autoScrollInterval: S
460
- } = u, [g, j] = h.useState(null), [M, k] = h.useState({
464
+ autoScrollInterval: B
465
+ } = u, [f, y] = p.useState(null), [M, $] = p.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
+ }), [k, N] = p.useState(null), L = p.useRef(null), [R, U] = p.useState(!1), tt = (_, S) => {
469
+ const w = [...s], [X] = w.splice(_, 1);
470
+ w.splice(S, 0, X), i(w);
466
471
  };
467
- h.useEffect(() => {
468
- const p = () => {
469
- j(null), U(!1);
472
+ p.useEffect(() => {
473
+ const _ = () => {
474
+ y(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", _), y(null), U(!1), () => {
477
+ y(null), U(!1), document.body.removeEventListener("click", _);
473
478
  };
474
- }, []), h.useEffect(() => {
475
- if (g) {
476
- const p = [...n].map((T) => T.id === g.id ? g : T);
477
- i(p);
479
+ }, []), p.useEffect(() => {
480
+ if (f) {
481
+ const _ = [...s].map((S) => S.id === f.id ? f : S);
482
+ i(_);
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
+ }, [f]), p.useEffect(() => {
485
+ if (L.current && k) {
486
+ const _ = L.current.getBoundingClientRect().height, S = window.innerHeight;
487
+ let w = k.top;
488
+ w + _ > S + window.scrollY - 200 && (w = S + window.scrollY - _ - 200), w < 0 && (w = 10), $({
484
489
  top: w,
485
- left: y.left
490
+ left: k.left
486
491
  });
487
492
  }
488
- }, [E.current, y]);
489
- const at = (p, T) => {
490
- p.stopPropagation();
491
- const w = p.target.getBoundingClientRect();
493
+ }, [L.current, k]);
494
+ const at = (_, S) => {
495
+ _.stopPropagation();
496
+ const w = _.target.getBoundingClientRect();
492
497
  N({
493
498
  top: w.top + window.scrollY,
494
499
  left: w.left - 30
495
- }), j(T), U(!0);
500
+ }), y(S), U(!0);
496
501
  };
497
- function v(p) {
498
- if ($)
499
- return p ? /* @__PURE__ */ t.jsx(
502
+ function j(_) {
503
+ if (m)
504
+ return _ ? /* @__PURE__ */ t.jsx(
500
505
  "img",
501
506
  {
502
- src: `https://imagedelivery.net/${p[0]}/w=1000`,
507
+ src: `https://imagedelivery.net/${_[0]}/w=1000`,
503
508
  alt: "image",
504
509
  width: 16,
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 A = (_, S) => {
518
523
  var X;
519
524
  const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
520
- d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
521
- f,
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 ? {
534
- ...p,
535
- name: R
536
- } : st);
537
- j({
538
- ...p,
539
- name: R
540
- }), i([...rt]);
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 === _.id ? {
541
+ ...lt,
542
+ name: D
543
+ } : pt);
544
+ y({
545
+ ..._,
546
+ name: D
547
+ }), i([...ot]);
541
548
  },
542
- value: p.name,
543
- options: m.filter((R) => !n.find((Y) => Y.name === R.name)).map((R) => R.name),
544
- leftAddon: v(p.images)
549
+ value: _.name,
550
+ options: h.filter((D) => !s.find((Y) => Y.name === D.name)).map((D) => D.name),
551
+ leftAddon: j(_.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 ? {
552
- ...p,
553
- name: R
554
- } : st);
555
- i([...rt]);
557
+ onChange: (D) => {
558
+ const lt = [...s].map((ot) => ot.id === _.id ? {
559
+ ..._,
560
+ name: D
561
+ } : ot);
562
+ i([...lt]);
556
563
  },
557
- value: p.name,
558
- placeholder: _
564
+ value: _.name,
565
+ placeholder: g
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 ? {
566
- ...p,
567
- images: R
568
- } : st);
569
- i([...rt]);
571
+ onChange: (D) => {
572
+ const lt = [...s].map((ot) => ot.id === _.id ? {
573
+ ..._,
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 === _.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, _)
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 !== _.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
- product: p,
602
- index: T,
603
- moveProduct: et,
608
+ product: _,
609
+ index: S,
610
+ moveProduct: tt,
604
611
  children: w
605
612
  },
606
- p.id
613
+ _.id
607
614
  ) : /* @__PURE__ */ t.jsx(
608
615
  "div",
609
616
  {
610
- className: F.product,
617
+ className: H.product,
611
618
  children: w
612
619
  },
613
- p.id
620
+ _.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,
623
- onChange: (p) => e == null ? void 0 : e(p)
629
+ current: a,
630
+ onChange: (_) => e == null ? void 0 : e(_)
624
631
  }
625
632
  )
626
633
  ] }),
627
- g && l && b && L && /* @__PURE__ */ t.jsx(
628
- Ie,
634
+ f && n && v && R && /* @__PURE__ */ t.jsx(
635
+ Ce,
629
636
  {
630
- ref: E,
631
- activeItem: g,
632
- setActiveItem: j,
637
+ ref: L,
638
+ activeItem: f,
639
+ setActiveItem: y,
633
640
  popupPosition: M,
634
- modalOptions: b,
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
+ O && q && /* @__PURE__ */ t.jsx(It, { ...q }),
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((_, S) => A(_, S)) }) : s.map((_, S) => A(_, S)),
649
+ T && /* @__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]: !!(C && C <= 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: !!(C && C <= 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 _ = [...s];
660
+ let S = null;
661
+ if (h) {
662
+ for (let w = 0; w < h.length; w++)
663
+ if (!s.find((X) => X.id === h[w].id)) {
664
+ S = h[w];
658
665
  break;
659
666
  }
660
667
  }
661
- 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
665
- }) : x === "input" ? p.push({
668
+ x === "select" ? _.push({
669
+ name: S ? S.name : h[0].name,
670
+ id: (S == null ? void 0 : S.id) || h[0].id,
671
+ ...E
672
+ }) : x === "input" ? _.push({
666
673
  name: "",
667
- id: lt(),
668
- ...D
669
- }) : p.push({
670
- name: `Image ${n.length + 1}`,
671
- id: lt(),
672
- ...D
673
- }), i(p);
674
+ id: dt(),
675
+ ...E
676
+ }) : _.push({
677
+ name: `Image ${s.length + 1}`,
678
+ id: dt(),
679
+ ...E
680
+ }), i(_);
681
+ },
682
+ style: {
683
+ width: "fit-content"
674
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
+ B !== 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(B.scrollInterval),
706
+ onChange: (_) => B.setScrollInterval(Number(_)),
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 = {
707
- title: Ae,
708
- 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,
716
+ }, Oe = "_title_1jjcw_1", qe = "_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 = {
717
+ title: Oe,
718
+ subtitle: qe,
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: m = !0,
751
+ itemsOptions: d,
752
+ hasRangeSelector: T = !1,
742
753
  rangeSelectorOptions: x,
743
- limit: _,
744
- autoScrollInterval: m
754
+ limit: g,
755
+ autoScrollInterval: h
745
756
  } = u;
746
- function O(b) {
747
- if (d)
748
- return b ? /* @__PURE__ */ t.jsx(
757
+ function O(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;
777
+ const q = (v) => {
778
+ const E = d.find((B) => B.id === v);
779
+ if (!E) return;
769
780
  const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
770
- l && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
771
- f,
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);
786
- i([...k]);
793
+ onChange: (B) => {
794
+ const f = [...s], y = d.find((k) => k.name === B);
795
+ if (!y) return;
796
+ const M = y.id, $ = f.map((k) => k === v ? M : k);
797
+ i([...$]);
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((B) => !s.find((f) => f === B.id)).map((B) => B.name),
801
+ leftAddon: O(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((B) => B !== v))
802
813
  }
803
814
  ) })
804
815
  ] });
805
816
  return /* @__PURE__ */ t.jsx(
806
817
  "div",
807
818
  {
808
- className: Z.product,
819
+ className: Q.product,
809
820
  children: C
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
+ T && 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) => q(v)),
840
+ m && /* @__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]: !!(g && g <= s.length || s.length === d.length)
835
846
  }),
836
847
  size: "s",
837
- disabled: !!(_ && _ <= n.length || n.length === r.length),
848
+ disabled: !!(g && g <= 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 C = 0; C < d.length; C++)
854
+ if (!s.find((B) => B === d[C].id)) {
855
+ E = d[C];
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 = p.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 m = {
943
961
  ...e,
944
- [s.field]: l
962
+ [n.field]: r
945
963
  };
946
- n(d);
964
+ s(m);
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
971
  At,
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 m = {
958
976
  ...e,
959
- [s.field.type]: l
977
+ [n.field.type]: r
960
978
  };
961
- n(d);
979
+ s(m);
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 m = {
966
984
  ...e,
967
- [s.field.text]: l
985
+ [n.field.text]: r
968
986
  };
969
- n(d);
987
+ s(m);
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 m = {
980
998
  ...e,
981
- [s.field]: l
999
+ [n.field]: r
982
1000
  };
983
- n(d);
1001
+ s(m);
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 m = {
997
1015
  ...e,
998
- [s.field.text]: l
1016
+ [n.field.text]: r
999
1017
  };
1000
- n(d);
1018
+ s(m);
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 m = {
1014
1032
  ...e,
1015
- [s.field.switch]: l
1033
+ [n.field.switch]: r
1016
1034
  };
1017
- n(d);
1035
+ s(m);
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 m = {
1029
1047
  ...e,
1030
- [s.field]: l
1048
+ [n.field]: r
1031
1049
  };
1032
- n(d);
1050
+ s(m);
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: m = !1,
1095
+ deletable: d = !0,
1096
+ addable: T = !0,
1079
1097
  itemsType: x,
1080
- itemsPlaceholder: _ = "",
1081
- itemsOptions: m,
1098
+ itemsPlaceholder: g = "",
1099
+ itemsOptions: h,
1082
1100
  hasRangeSelector: O = !1,
1083
1101
  rangeSelectorOptions: q,
1084
- modalOptions: b,
1085
- addableOptions: D = {}
1086
- } = u, [C, S] = h.useState(null), [g, j] = h.useState({
1102
+ modalOptions: v,
1103
+ addableOptions: E = {}
1104
+ } = u, [C, B] = p.useState(null), [f, y] = p.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
+ }), [M, $] = p.useState(null), k = p.useRef(null), [N, L] = p.useState(!1), R = (j, A) => {
1108
+ const _ = [...s], [S] = _.splice(j, 1);
1109
+ _.splice(A, 0, S), i(_);
1092
1110
  };
1093
- h.useEffect(() => {
1094
- const v = () => {
1095
- S(null), E(!1);
1111
+ p.useEffect(() => {
1112
+ const j = () => {
1113
+ B(null), L(!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), B(null), L(!1), () => {
1116
+ B(null), L(!1), document.body.removeEventListener("click", j);
1099
1117
  };
1100
- }, []), h.useEffect(() => {
1118
+ }, []), p.useEffect(() => {
1101
1119
  if (C) {
1102
- const v = [...n].map((A) => A.id === C.id ? C : A);
1103
- i(v);
1120
+ const j = [...s].map((A) => A.id === C.id ? C : A);
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({
1110
- top: p,
1123
+ }, [C]), p.useEffect(() => {
1124
+ if (k.current && M) {
1125
+ const j = k.current.getBoundingClientRect().height, A = window.innerHeight;
1126
+ let _ = M.top;
1127
+ _ + j > A + window.scrollY - 200 && (_ = A + window.scrollY - j - 200), _ < 0 && (_ = 10), y({
1128
+ top: _,
1111
1129
  left: M.left
1112
1130
  });
1113
1131
  }
1114
- }, [y.current, M]);
1115
- const U = (v, A) => {
1116
- v.stopPropagation();
1117
- const p = v.target.getBoundingClientRect();
1118
- k({
1119
- top: p.top + window.scrollY,
1120
- left: p.left - 30
1121
- }), S(A), E(!0);
1132
+ }, [k.current, M]);
1133
+ const U = (j, A) => {
1134
+ j.stopPropagation();
1135
+ const _ = j.target.getBoundingClientRect();
1136
+ $({
1137
+ top: _.top + window.scrollY,
1138
+ left: _.left - 30
1139
+ }), B(A), L(!0);
1122
1140
  };
1123
- function et(v) {
1124
- if ($)
1125
- return v ? /* @__PURE__ */ t.jsx(
1141
+ function tt(j) {
1142
+ if (m)
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;
1145
- const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1146
- d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1147
- f,
1161
+ const at = (j, A) => {
1162
+ var S;
1163
+ const _ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
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
1176
  onChange: (w) => {
1159
- const R = [...n].map((Y) => Y.id === v.id ? {
1160
- ...v,
1177
+ const D = [...s].map((Y) => Y.id === j.id ? {
1178
+ ...j,
1161
1179
  name: w
1162
1180
  } : Y);
1163
- S({
1164
- ...v,
1181
+ B({
1182
+ ...j,
1165
1183
  name: w
1166
- }), i([...R]);
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((w) => !s.find((X) => X.name === w)),
1188
+ leftAddon: tt(j.images)
1171
1189
  }
1172
1190
  ),
1173
1191
  x === "input" && /* @__PURE__ */ t.jsx(
1174
1192
  W,
1175
1193
  {
1176
1194
  onChange: (w) => {
1177
- const R = [...n].map((Y) => Y.id === v.id ? {
1178
- ...v,
1195
+ const D = [...s].map((Y) => Y.id === j.id ? {
1196
+ ...j,
1179
1197
  name: w
1180
1198
  } : Y);
1181
- i([...R]);
1199
+ i([...D]);
1182
1200
  },
1183
- value: v.name,
1184
- placeholder: _
1201
+ value: j.name,
1202
+ placeholder: g
1185
1203
  }
1186
1204
  ),
1187
1205
  x === "image" && /* @__PURE__ */ t.jsx(
1188
1206
  ht,
1189
1207
  {
1190
1208
  onChange: (w) => {
1191
- const R = [...n].map((Y) => Y.id === v.id ? {
1192
- ...v,
1209
+ const D = [...s].map((Y) => Y.id === j.id ? {
1210
+ ...j,
1193
1211
  images: w
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: (S = s.find((w) => w.id === j.id)) == null ? void 0 : S.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: (w) => U(w, 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((w) => w.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,
1245
+ product: j,
1228
1246
  index: A,
1229
- moveProduct: L,
1230
- children: p
1247
+ moveProduct: R,
1248
+ children: _
1231
1249
  },
1232
- v.id
1250
+ j.id
1233
1251
  ) : /* @__PURE__ */ t.jsx(
1234
1252
  "div",
1235
1253
  {
1236
- className: z.product,
1237
- children: p
1254
+ className: V.product,
1255
+ children: _
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
+ C && n && v && N && /* @__PURE__ */ t.jsx(
1272
+ $s,
1255
1273
  {
1256
- ref: y,
1274
+ ref: k,
1257
1275
  activeItem: C,
1258
- setActiveItem: S,
1259
- popupPosition: g,
1260
- modalOptions: b,
1261
- setIsOpenModal: E
1276
+ setActiveItem: B,
1277
+ popupPosition: f,
1278
+ modalOptions: v,
1279
+ setIsOpenModal: L
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
+ O && q && /* @__PURE__ */ t.jsx(It, { ...q }),
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, A) => at(j, A)) }) : s.map((j, A) => at(j, A)),
1286
+ T && /* @__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];
1293
+ const j = [...s];
1276
1294
  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];
1295
+ if (h) {
1296
+ for (let _ = 0; _ < h.length; _++)
1297
+ if (!s.find((S) => S.name === h[_])) {
1298
+ A = h[_];
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: A || 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", As = "_itemsBlock_oravb_35", Os = "_typeTexts_oravb_41", qs = "_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: As,
1344
+ typeTexts: Os,
1345
+ block: qs,
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 = p.forwardRef((u, a) => {
1358
+ const { activeButton: e, setActiveButton: s, popupPosition: i } = u, [c, l] = p.useState(e.typesText), [o, n] = p.useState(e.destination), [r, m] = p.useState(e.page), [d, T] = p.useState(e.link || ""), [x, g] = p.useState(e.text || ""), [h, O] = p.useState(e.openInNewTab), { pages: q } = qt();
1359
+ return p.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) => m(v),
1412
+ options: q ? Object.values(q).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) => T(v),
1419
+ value: d,
1399
1420
  placeholder: "https://",
1400
1421
  label: "Link"
1401
1422
  }
@@ -1405,99 +1426,100 @@ 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) => O(v)
1409
1430
  }
1410
1431
  ),
1411
1432
  /* @__PURE__ */ t.jsx(
1412
1433
  Ct,
1413
1434
  {
1414
- onChange: (b) => _(b),
1435
+ onChange: (v) => g(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] = p.useState(null), [o, n] = p.useState({
1454
1476
  top: 0,
1455
1477
  left: 0
1456
- }), [d, $] = h.useState(null), r = h.useRef(null);
1457
- h.useEffect(() => {
1478
+ }), [r, m] = p.useState(null), d = p.useRef(null);
1479
+ p.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
+ }, []), p.useEffect(() => {
1487
+ if (c) {
1488
+ const x = [...a].map((g) => g.id === c.id ? c : g);
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]), p.useEffect(() => {
1492
+ if (d.current && r) {
1493
+ const x = d.current.getBoundingClientRect().height, g = window.innerHeight;
1494
+ let h = r.top;
1495
+ h + x > g + window.scrollY - 200 && (h = g + 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 T = (x, g) => {
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
+ m({
1505
+ top: h.top + window.scrollY,
1506
+ left: h.left - 30
1507
+ }), l(g);
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: (g) => {
1520
+ const O = [...a].map((q) => q.id === x.id ? {
1499
1521
  ...x,
1500
- type: _
1522
+ type: g
1501
1523
  } : q);
1502
1524
  e(O);
1503
1525
  },
@@ -1505,27 +1527,27 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
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: (g) => {
1539
+ T(g, 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 g = a.filter((h) => h.id !== x.id);
1550
+ e(g);
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] = p.useState(!1), r = Array.from({ length: (s - e) / i + 1 }), m = (c - e) / (s - e) * 100, d = () => {
1644
+ c < s && l(c + i);
1645
+ }, T = () => {
1646
+ c > e && l(c - i);
1647
+ }, x = (g) => {
1648
+ const h = e + g * 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: `${m}%` }
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((g, h) => {
1664
+ const O = 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]: O,
1671
+ [z.inactive]: !O,
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: (g) => l(Number(g.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: (g) => {
1705
+ const h = Number(g);
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: T,
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", An = "_header_w64fy_12", On = "_text_w64fy_13", qn = "_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: An,
1754
+ text: On,
1755
+ productsBlock: qn,
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,97 +1806,97 @@ 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: m = !1,
1855
+ deletable: d = !0,
1856
+ addable: T = !0,
1831
1857
  itemsType: x,
1832
- itemsOptions: _
1833
- } = u, [m, O] = h.useState(null), [q, b] = h.useState({
1858
+ itemsOptions: g
1859
+ } = u, [h, O] = p.useState(null), [q, v] = p.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, C] = p.useState(!1), B = ($, k) => {
1863
+ const N = [...s], [L] = N.splice($, 1);
1864
+ N.splice(k, 0, L), i(N);
1839
1865
  };
1840
- h.useEffect(() => {
1841
- const k = () => {
1866
+ p.useEffect(() => {
1867
+ const $ = () => {
1842
1868
  O(null), C(!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", $), O(null), C(!1), () => {
1871
+ O(null), C(!1), document.body.removeEventListener("click", $);
1846
1872
  };
1847
- }, []), h.useEffect(() => {
1848
- if (m) {
1849
- const k = [...n].map((y) => y.listingId === m.listingId ? m : y);
1850
- i(k);
1873
+ }, []), p.useEffect(() => {
1874
+ if (h) {
1875
+ const $ = [...s].map((k) => k.listingId === h.listingId ? h : k);
1876
+ i($);
1851
1877
  }
1852
- }, [m]);
1853
- const g = (k, y) => {
1854
- k.stopPropagation();
1855
- const N = k.target.getBoundingClientRect(), E = 100, L = window.innerHeight;
1878
+ }, [h]);
1879
+ const f = ($, k) => {
1880
+ $.stopPropagation();
1881
+ const N = $.target.getBoundingClientRect(), L = 100, R = window.innerHeight;
1856
1882
  let U = N.top + window.scrollY;
1857
- U + E > L && (U = L - E - 20), C(!0), b({
1883
+ U + L > R && (U = R - L - 20), C(!0), v({
1858
1884
  top: U - 80,
1859
1885
  left: N.left - 30
1860
- }), O(y);
1886
+ }), O(k);
1861
1887
  };
1862
- function j(k) {
1863
- if ($)
1864
- return k ? /* @__PURE__ */ t.jsx(
1888
+ function y($) {
1889
+ if (m)
1890
+ return $ ? /* @__PURE__ */ t.jsx(
1865
1891
  "img",
1866
1892
  {
1867
- src: `https://imagedelivery.net/${k}/w=1000`,
1893
+ src: `https://imagedelivery.net/${$}/w=1000`,
1868
1894
  alt: "image",
1869
1895
  width: 16,
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,130 +1905,133 @@ 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);
1908
+ const M = ($, k) => {
1909
+ const N = g.find((R) => $.listingId === R.id);
1884
1910
  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,
1911
+ const L = /* @__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,
1891
1917
  width: 20,
1892
1918
  height: 20
1893
1919
  }
1894
- ) }, y),
1920
+ ) }, k),
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 = g.find((A) => A.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((A) => A.listingId === $.listingId ? at : A);
1931
+ O(at), i([...j]);
1906
1932
  },
1907
1933
  value: N.productData.name,
1908
1934
  options: [
1909
- ..._.filter((L) => !n.find((U) => U.listingId === L.id)).map((L) => L.productData.name)
1935
+ ...g.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: y(
1938
+ $.image || N.productData.images.length > 0 && N.productData.images[0].cfId || ""
1913
1939
  )
1914
1940
  },
1915
- y
1941
+ k
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) => f(R, $)
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 !== $))
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
- product: k,
1945
- index: y,
1946
- moveProduct: S,
1947
- children: E
1970
+ product: $,
1971
+ index: k,
1972
+ moveProduct: B,
1973
+ children: L
1948
1974
  },
1949
- k.listingId
1975
+ $.listingId
1950
1976
  ) : /* @__PURE__ */ t.jsx(
1951
1977
  "div",
1952
1978
  {
1953
1979
  className: G.product,
1954
- children: E
1980
+ children: L
1955
1981
  },
1956
- k.listingId
1982
+ $.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,
1966
- onChange: (k) => e == null ? void 0 : e(k)
1991
+ current: a,
1992
+ onChange: ($) => e == null ? void 0 : e($)
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,
1999
+ activeItem: h,
1974
2000
  setActiveItem: O,
1975
2001
  setIsOpenModal: C,
1976
2002
  popupPosition: q,
1977
- itemsOptions: _
2003
+ itemsOptions: g
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) => M($, k)) }) : s.map(($, k) => M($, k)),
2009
+ T && /* @__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)) {
1993
- k.push({
1994
- listingId: _[y].id,
1995
- image: _[y].productData.images.length > 0 ? _[y].productData.images[0].cfId : ""
2016
+ const $ = [...s];
2017
+ for (let k = 0; k < g.length; k++)
2018
+ if (!s.find((N) => N.listingId === g[k].id)) {
2019
+ $.push({
2020
+ listingId: g[k].id,
2021
+ image: g[k].productData.images.length > 0 ? g[k].productData.images[0].cfId : ""
1996
2022
  });
1997
2023
  break;
1998
2024
  }
1999
- i(k);
2025
+ i($);
2026
+ },
2027
+ disabled: s.length === g.length,
2028
+ style: {
2029
+ width: "fit-content"
2000
2030
  },
2001
- disabled: n.length === _.length,
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,108 +2040,108 @@ 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", I = {
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
2072
  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]);
2073
+ const Xa = (u) => {
2074
+ var C, B;
2075
+ const { variants: a } = u, [e, s] = p.useState(a[0]), [i, c] = p.useState(e.chargeTypes[0]), l = ft(), [o, n] = p.useState(1), [r, m] = p.useState(!1), { reset: d, addProductToCart: T, getProducts: x } = Nt(), [g, h] = p.useState(!1);
2076
+ p.useEffect(() => {
2077
+ h(!0);
2078
+ const f = setTimeout(() => h(!1), 600);
2079
+ return () => clearTimeout(f);
2080
+ }, [o]);
2052
2081
  async function O() {
2053
- await x(), await B({
2082
+ await x(), await T({
2054
2083
  productId: u.id,
2055
2084
  productVariantId: e.id,
2056
- quantity: s
2085
+ quantity: o
2057
2086
  });
2058
2087
  }
2059
2088
  function q() {
2060
- r(), O(), c("/checkout");
2089
+ d(), O(), l("/checkout");
2061
2090
  }
2062
- function b(g) {
2063
- if (g >= 864e5) {
2064
- const N = Math.floor(g / 864e5);
2091
+ function v(f) {
2092
+ if (f >= 864e5) {
2093
+ const N = Math.floor(f / 864e5);
2065
2094
  return `${N} ${N === 1 ? "day" : "days"}`;
2066
- } else if (g >= 36e5) {
2067
- const N = Math.floor(g / 36e5);
2095
+ } else if (f >= 36e5) {
2096
+ const N = Math.floor(f / 36e5);
2068
2097
  return `${N} ${N === 1 ? "hour" : "hours"}`;
2069
- } else if (g >= 6e4) {
2070
- const N = Math.floor(g / 6e4);
2098
+ } else if (f >= 6e4) {
2099
+ const N = Math.floor(f / 6e4);
2071
2100
  return `${N} ${N === 1 ? "minute" : "minutes"}`;
2072
2101
  } else {
2073
- const N = Math.floor(g / 1e3);
2102
+ const N = Math.floor(f / 1e3);
2074
2103
  return `${N} ${N === 1 ? "second" : "seconds"}`;
2075
2104
  }
2076
2105
  }
2077
- function D(g, j) {
2078
- return g.length > j ? g.slice(0, j) + "..." : g;
2106
+ function E(f, y) {
2107
+ return f.length > y ? f.slice(0, y) + "..." : f;
2079
2108
  }
2080
2109
  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
+ e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: I.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
2082
2111
  "div",
2083
2112
  {
2084
- className: V(I.charge, {
2085
- [I.chargeActive]: i === g
2113
+ className: F(I.charge, {
2114
+ [I.chargeActive]: i === f
2086
2115
  }),
2087
- onClick: () => a(g),
2088
- children: Ot[g]
2116
+ onClick: () => c(f),
2117
+ children: Ot[f]
2089
2118
  },
2090
- g
2119
+ f
2091
2120
  )) }),
2092
- /* @__PURE__ */ t.jsx("div", { className: I.variants, children: o.map((g) => {
2093
- var j;
2121
+ /* @__PURE__ */ t.jsx("div", { className: I.variants, children: a.map((f) => {
2122
+ var y;
2094
2123
  return /* @__PURE__ */ t.jsxs(
2095
2124
  "div",
2096
2125
  {
2097
- className: V(I.variant, {
2098
- [I.activeVariant]: e.id === g.id
2126
+ className: F(I.variant, {
2127
+ [I.activeVariant]: e.id === f.id
2099
2128
  }),
2100
- onClick: () => n(g),
2129
+ onClick: () => s(f),
2101
2130
  children: [
2102
2131
  /* @__PURE__ */ t.jsxs("div", { className: I.variantInfo, children: [
2103
- /* @__PURE__ */ t.jsx("span", { className: I.title, children: D(g.name, 15) }),
2132
+ /* @__PURE__ */ t.jsx("span", { className: I.title, children: E(f.name, 15) }),
2104
2133
  /* @__PURE__ */ t.jsxs("span", { children: [
2105
2134
  "$",
2106
- i === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
2135
+ i === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
2107
2136
  ] })
2108
2137
  ] }),
2109
2138
  /* @__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
+ ((y = f.quantity.restrictions) == null ? void 0 : y.max) || f.quantity.available || 0,
2111
2140
  " in stock"
2112
2141
  ] }) })
2113
2142
  ]
2114
2143
  },
2115
- g.id
2144
+ f.id
2116
2145
  );
2117
2146
  }) }),
2118
2147
  i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: I.quantity, children: [
@@ -2120,29 +2149,29 @@ const zo = (u) => {
2120
2149
  "button",
2121
2150
  {
2122
2151
  onClick: () => {
2123
- s > 1 ? l((g) => g - 1) : l(1);
2152
+ o > 1 ? n((f) => f - 1) : n(1);
2124
2153
  },
2125
2154
  className: I.button,
2126
- disabled: e.quantity.restrictions && s <= e.quantity.restrictions.min,
2127
- children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
2155
+ disabled: e.quantity.restrictions && o <= e.quantity.restrictions.min,
2156
+ children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
2128
2157
  }
2129
2158
  ),
2130
2159
  /* @__PURE__ */ t.jsx(
2131
2160
  "label",
2132
2161
  {
2133
- className: V(I.count, {
2134
- [I.focused]: d
2162
+ className: F(I.count, {
2163
+ [I.focused]: r
2135
2164
  }),
2136
- onFocus: () => $(!0),
2137
- onBlur: () => $(!1),
2165
+ onFocus: () => m(!0),
2166
+ onBlur: () => m(!1),
2138
2167
  children: /* @__PURE__ */ t.jsx(
2139
2168
  W,
2140
2169
  {
2141
2170
  type: "number",
2142
- value: String(s),
2143
- onChange: (g) => l(Number(g)),
2171
+ value: String(o),
2172
+ onChange: (f) => n(Number(f)),
2144
2173
  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,
2174
+ min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
2146
2175
  style: {
2147
2176
  backgroundColor: "transparent",
2148
2177
  border: "none",
@@ -2156,11 +2185,11 @@ const zo = (u) => {
2156
2185
  "button",
2157
2186
  {
2158
2187
  onClick: () => {
2159
- l((g) => g + 1);
2188
+ n((f) => f + 1);
2160
2189
  },
2161
2190
  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
+ disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available && o >= e.quantity.available),
2192
+ children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
2164
2193
  }
2165
2194
  )
2166
2195
  ] }),
@@ -2169,7 +2198,7 @@ const zo = (u) => {
2169
2198
  /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
2170
2199
  /* @__PURE__ */ t.jsxs("div", { className: I.infoRight, children: [
2171
2200
  /* @__PURE__ */ t.jsx(
2172
- f,
2201
+ b,
2173
2202
  {
2174
2203
  name: "Lightning",
2175
2204
  fill: "#FF3F19",
@@ -2177,25 +2206,25 @@ const zo = (u) => {
2177
2206
  height: 20
2178
2207
  }
2179
2208
  ),
2180
- /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : b(e.deliveryTime) })
2209
+ /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : v(e.deliveryTime) })
2181
2210
  ] })
2182
2211
  ] }),
2183
2212
  /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
2184
2213
  /* @__PURE__ */ t.jsx("span", { children: "Price" }),
2185
2214
  /* @__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.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
2187
2216
  "$ ",
2188
- (e.price.amount || 0) * s
2217
+ (e.price.amount || 0) * o
2189
2218
  ] }),
2190
2219
  /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
2191
2220
  "$ ",
2192
- (e.compareAtPrice.amount || 0) * s
2221
+ (e.compareAtPrice.amount || 0) * o
2193
2222
  ] })
2194
- ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2223
+ ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
2195
2224
  "$ ",
2196
- (e.price.amount || 0) * s
2225
+ (e.price.amount || 0) * o
2197
2226
  ] }) : 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: [
2227
+ /* @__PURE__ */ t.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
2199
2228
  "$ ",
2200
2229
  e.subscriptionSettings.price.amount || 0
2201
2230
  ] }),
@@ -2203,7 +2232,7 @@ const zo = (u) => {
2203
2232
  "$ ",
2204
2233
  e.subscriptionSettings.compareAtPrice.amount || 0
2205
2234
  ] })
2206
- ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
2235
+ ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
2207
2236
  "$ ",
2208
2237
  e.subscriptionSettings.price.amount || 0
2209
2238
  ] }) })
@@ -2211,7 +2240,7 @@ const zo = (u) => {
2211
2240
  ] }),
2212
2241
  /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
2213
2242
  /* @__PURE__ */ t.jsx(
2214
- ot,
2243
+ it,
2215
2244
  {
2216
2245
  type: "Primary",
2217
2246
  onClick: () => q(),
@@ -2219,7 +2248,7 @@ const zo = (u) => {
2219
2248
  }
2220
2249
  ),
2221
2250
  i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
2222
- ot,
2251
+ it,
2223
2252
  {
2224
2253
  type: "Secondary",
2225
2254
  onClick: () => O(),
@@ -2228,67 +2257,67 @@ const zo = (u) => {
2228
2257
  )
2229
2258
  ] })
2230
2259
  ] });
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();
2260
+ }, ki = "_button_1861a_1", $i = "_login_1861a_14", wi = "_signUp_1861a_18", Ni = "_buttons_1861a_23", Ii = "_modal_1861a_32", Ci = "_info_1861a_60", Bi = "_top_1861a_67", Si = "_title_1861a_78", Pi = "_clear_1861a_84", Ti = "_activeClear_1861a_91", Ai = "_count_1861a_95", Oi = "_cart_1861a_110", qi = "_empty_1861a_118", Di = "_product_1861a_144", Ei = "_products_1861a_153", Li = "_image_1861a_161", Ri = "_productInfo_1861a_167", Mi = "_content_1861a_174", Hi = "_name_1861a_180", zi = "_price_1861a_186", Vi = "_productButtons_1861a_192", Fi = "_productButton_1861a_192", Ui = "_productCount_1861a_212", Yi = "_bottom_1861a_228", Gi = "_subtotal_1861a_236", Wi = "_block_1861a_244", Xi = "_shoppingCount_1861a_251", Ji = "_total_1861a_271", Qi = "_link_1861a_277", Ki = "_userInfo_1861a_284", P = {
2261
+ button: ki,
2262
+ login: $i,
2263
+ signUp: wi,
2264
+ buttons: Ni,
2265
+ modal: Ii,
2266
+ info: Ci,
2267
+ top: Bi,
2268
+ title: Si,
2269
+ clear: Pi,
2270
+ activeClear: Ti,
2271
+ count: Ai,
2272
+ cart: Oi,
2273
+ empty: qi,
2274
+ product: Di,
2275
+ products: Ei,
2276
+ image: Li,
2277
+ productInfo: Ri,
2278
+ content: Mi,
2279
+ name: Hi,
2280
+ price: zi,
2281
+ productButtons: Vi,
2282
+ productButton: Fi,
2283
+ productCount: Ui,
2284
+ bottom: Yi,
2285
+ subtotal: Gi,
2286
+ block: Wi,
2287
+ shoppingCount: Xi,
2288
+ total: Ji,
2289
+ link: Qi,
2290
+ userInfo: Ki
2291
+ }, Zi = "_button_bymeg_1", ta = "_primary_bymeg_19", ea = "_primaryHovered_bymeg_30", sa = "_secondary_bymeg_34", na = "_secondaryHovered_bymeg_44", ia = "_tertiary_bymeg_48", aa = "_tertiaryHovered_bymeg_58", oa = "_content_bymeg_62", et = {
2292
+ button: Zi,
2293
+ primary: ta,
2294
+ primaryHovered: ea,
2295
+ secondary: sa,
2296
+ secondaryHovered: na,
2297
+ tertiary: ia,
2298
+ tertiaryHovered: aa,
2299
+ content: oa
2300
+ }, jt = (u) => {
2301
+ const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = u, { themeSettings: o } = Bt();
2273
2302
  return /* @__PURE__ */ t.jsx(
2274
2303
  "button",
2275
2304
  {
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
2305
+ className: F(et.button, i, {
2306
+ [et.primary]: l === "Primary",
2307
+ [et.secondary]: l === "Secondary",
2308
+ [et.tertiary]: l === "Tertiary",
2309
+ [et.primaryHovered]: l === "Primary" && !c && o.buttons.primary.hover,
2310
+ [et.secondaryHovered]: l === "Secondary" && !c && o.buttons.secondary.hover,
2311
+ [et.tertiaryHovered]: l === "Tertiary" && !c && o.buttons.tertiary.hover
2283
2312
  }),
2284
2313
  onClick: e,
2285
2314
  style: {
2286
- ...n
2315
+ ...s
2287
2316
  },
2288
- disabled: a,
2289
- children: c === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: nt.content, children: [
2317
+ disabled: c,
2318
+ children: l === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: et.content, children: [
2290
2319
  /* @__PURE__ */ t.jsx(
2291
- f,
2320
+ b,
2292
2321
  {
2293
2322
  name: "ArrowRight",
2294
2323
  fill: "#757575",
@@ -2296,69 +2325,69 @@ const zo = (u) => {
2296
2325
  height: 20
2297
2326
  }
2298
2327
  ),
2299
- o
2300
- ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: o })
2328
+ a
2329
+ ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: a })
2301
2330
  }
2302
2331
  );
2303
2332
  };
2304
- class mt extends Error {
2333
+ class _t extends Error {
2305
2334
  }
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;
2335
+ _t.prototype.name = "InvalidTokenError";
2336
+ function ca(u) {
2337
+ return decodeURIComponent(atob(u).replace(/(.)/g, (a, e) => {
2338
+ let s = e.charCodeAt(0).toString(16).toUpperCase();
2339
+ return s.length < 2 && (s = "0" + s), "%" + s;
2311
2340
  }));
2312
2341
  }
2313
- function no(u) {
2314
- let o = u.replace(/-/g, "+").replace(/_/g, "/");
2315
- switch (o.length % 4) {
2342
+ function la(u) {
2343
+ let a = u.replace(/-/g, "+").replace(/_/g, "/");
2344
+ switch (a.length % 4) {
2316
2345
  case 0:
2317
2346
  break;
2318
2347
  case 2:
2319
- o += "==";
2348
+ a += "==";
2320
2349
  break;
2321
2350
  case 3:
2322
- o += "=";
2351
+ a += "=";
2323
2352
  break;
2324
2353
  default:
2325
2354
  throw new Error("base64 string is not of the correct length");
2326
2355
  }
2327
2356
  try {
2328
- return so(o);
2357
+ return ca(a);
2329
2358
  } catch {
2330
- return atob(o);
2359
+ return atob(a);
2331
2360
  }
2332
2361
  }
2333
- function io(u, o) {
2362
+ function ra(u, a) {
2334
2363
  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}`);
2364
+ throw new _t("Invalid token specified: must be a string");
2365
+ a || (a = {});
2366
+ const e = a.header === !0 ? 0 : 1, s = u.split(".")[e];
2367
+ if (typeof s != "string")
2368
+ throw new _t(`Invalid token specified: missing part #${e + 1}`);
2340
2369
  let i;
2341
2370
  try {
2342
- i = no(n);
2343
- } catch (a) {
2344
- throw new mt(`Invalid token specified: invalid base64 for part #${e + 1} (${a.message})`);
2371
+ i = la(s);
2372
+ } catch (c) {
2373
+ throw new _t(`Invalid token specified: invalid base64 for part #${e + 1} (${c.message})`);
2345
2374
  }
2346
2375
  try {
2347
2376
  return JSON.parse(i);
2348
- } catch (a) {
2349
- throw new mt(`Invalid token specified: invalid json for part #${e + 1} (${a.message})`);
2377
+ } catch (c) {
2378
+ throw new _t(`Invalid token specified: invalid json for part #${e + 1} (${c.message})`);
2350
2379
  }
2351
2380
  }
2352
- const Yo = (u) => {
2353
- const { shopping: o, signUp: e } = u, n = gt();
2354
- function i(c) {
2355
- n(c);
2381
+ const Ja = (u) => {
2382
+ const { shopping: a, signUp: e } = u, s = ft();
2383
+ function i(l) {
2384
+ s(l);
2356
2385
  }
2357
- const a = JSON.parse(localStorage.getItem("token") || "{}");
2386
+ const c = JSON.parse(localStorage.getItem("token") || "{}");
2358
2387
  return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
2359
- o && /* @__PURE__ */ t.jsx(oo, {}),
2360
- !a.data && /* @__PURE__ */ t.jsx(
2361
- vt,
2388
+ a && /* @__PURE__ */ t.jsx(da, {}),
2389
+ !c.data && /* @__PURE__ */ t.jsx(
2390
+ jt,
2362
2391
  {
2363
2392
  onClick: () => i("/customer-dash"),
2364
2393
  type: "Secondary",
@@ -2368,8 +2397,8 @@ const Yo = (u) => {
2368
2397
  children: "Login"
2369
2398
  }
2370
2399
  ),
2371
- !a.data && e && /* @__PURE__ */ t.jsx(
2372
- vt,
2400
+ !c.data && e && /* @__PURE__ */ t.jsx(
2401
+ jt,
2373
2402
  {
2374
2403
  onClick: () => i("/customer-dash"),
2375
2404
  type: "Primary",
@@ -2379,99 +2408,99 @@ const Yo = (u) => {
2379
2408
  children: "Sign Up"
2380
2409
  }
2381
2410
  ),
2382
- a.data && /* @__PURE__ */ t.jsx(lo, { token: a.data })
2411
+ c.data && /* @__PURE__ */ t.jsx(_a, { token: c.data })
2383
2412
  ] });
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;
2413
+ }, da = () => {
2414
+ const [u, a] = p.useState(!1), [e, s] = p.useState([]), { cart: i, getProducts: c } = Nt();
2415
+ function l(m) {
2416
+ for (let d = 0; d < i.parts.length; d++)
2417
+ for (let T = 0; T < m.variants.length; T++)
2418
+ if (i.parts[d].productVariantId === m.variants[d].id)
2419
+ return i.parts[d].productVariantId;
2391
2420
  }
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;
2421
+ function o(m) {
2422
+ for (let d = 0; d < i.parts.length; d++)
2423
+ for (let T = 0; T < m.variants.length; T++)
2424
+ if (i.parts[d].productVariantId === m.variants[d].id)
2425
+ return i.parts[d].quantity;
2397
2426
  }
2398
- h.useEffect(() => {
2427
+ p.useEffect(() => {
2399
2428
  (async () => {
2400
- const r = i.parts.map((_) => String(_.productId)), x = (await a([...r])).map((_) => ({
2401
- ..._,
2402
- activeVariantId: c(_),
2403
- quantity: s(_)
2429
+ const d = i.parts.map((g) => String(g.productId)), x = (await c([...d])).map((g) => ({
2430
+ ...g,
2431
+ activeVariantId: l(g),
2432
+ quantity: o(g)
2404
2433
  }));
2405
- n(x);
2434
+ s(x);
2406
2435
  })();
2407
2436
  }, [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
+ function n(m) {
2438
+ var d;
2439
+ return !m || !(m != null && m.variants) ? !1 : (d = m.variants.find((T) => T.id === m.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
2411
2440
  }
2412
- const d = i.parts.length > 0 && e.length > 0 && !l(e[0]);
2441
+ const r = i.parts.length > 0 && e.length > 0 && !n(e[0]);
2413
2442
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2414
2443
  /* @__PURE__ */ t.jsxs(
2415
2444
  "div",
2416
2445
  {
2417
2446
  className: P.button,
2418
- onClick: ($) => {
2419
- $.stopPropagation(), window.location.pathname !== "/admin/builder" && o(!0);
2447
+ onClick: (m) => {
2448
+ m.stopPropagation(), window.location.pathname !== "/admin/builder" && a(!0);
2420
2449
  },
2421
2450
  children: [
2422
2451
  /* @__PURE__ */ t.jsx(
2423
- f,
2452
+ b,
2424
2453
  {
2425
2454
  name: "Handbag",
2426
2455
  fill: "var(--icon-primary)"
2427
2456
  }
2428
2457
  ),
2429
- d && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: i.parts.length })
2458
+ r && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: i.parts.length })
2430
2459
  ]
2431
2460
  }
2432
2461
  ),
2433
- u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(
2434
- ao,
2462
+ u && /* @__PURE__ */ t.jsx(St, { close: a, children: /* @__PURE__ */ t.jsx(
2463
+ ua,
2435
2464
  {
2436
2465
  activeProducts: e,
2437
- isCartNotEmpty: d
2466
+ isCartNotEmpty: r
2438
2467
  }
2439
2468
  ) })
2440
2469
  ] });
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);
2470
+ }, ua = (u) => {
2471
+ const { activeProducts: a, isCartNotEmpty: e } = u, { cart: s, reset: i, getTotalAndDiscount: c, updateQuantityOfProduct: l } = Nt(), o = ft();
2472
+ function n(d) {
2473
+ o(d);
2445
2474
  }
2446
- function d(r) {
2447
- c({
2448
- productId: r.id,
2449
- productVariantId: r.activeVariantId,
2450
- quantity: r.quantity + 1
2475
+ function r(d) {
2476
+ l({
2477
+ productId: d.id,
2478
+ productVariantId: d.activeVariantId,
2479
+ quantity: d.quantity + 1
2451
2480
  });
2452
2481
  }
2453
- function $(r) {
2454
- c({
2455
- productId: r.id,
2456
- productVariantId: r.activeVariantId,
2457
- quantity: r.quantity - 1
2482
+ function m(d) {
2483
+ l({
2484
+ productId: d.id,
2485
+ productVariantId: d.activeVariantId,
2486
+ quantity: d.quantity - 1
2458
2487
  });
2459
2488
  }
2460
2489
  return /* @__PURE__ */ t.jsxs(
2461
2490
  "div",
2462
2491
  {
2463
2492
  className: P.modal,
2464
- onClick: (r) => r.stopPropagation(),
2493
+ onClick: (d) => d.stopPropagation(),
2465
2494
  children: [
2466
2495
  /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
2467
2496
  /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
2468
2497
  /* @__PURE__ */ t.jsx("span", { className: P.title, children: "Cart" }),
2469
- e && /* @__PURE__ */ t.jsx("div", { className: P.count, children: n.parts.length })
2498
+ e && /* @__PURE__ */ t.jsx("div", { className: P.count, children: s.parts.length })
2470
2499
  ] }),
2471
2500
  /* @__PURE__ */ t.jsx(
2472
2501
  "button",
2473
2502
  {
2474
- className: V(P.clear, {
2503
+ className: F(P.clear, {
2475
2504
  [P.activeClear]: e
2476
2505
  }),
2477
2506
  disabled: !e,
@@ -2481,7 +2510,7 @@ const Yo = (u) => {
2481
2510
  )
2482
2511
  ] }),
2483
2512
  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
+ /* @__PURE__ */ t.jsx("div", { className: P.products, children: a.map((d) => /* @__PURE__ */ t.jsxs(
2485
2514
  "div",
2486
2515
  {
2487
2516
  className: P.product,
@@ -2490,7 +2519,7 @@ const Yo = (u) => {
2490
2519
  /* @__PURE__ */ t.jsx(
2491
2520
  "img",
2492
2521
  {
2493
- src: `https://imagedelivery.net/${r.images[0].cfId}/w=500`,
2522
+ src: `https://imagedelivery.net/${d.images[0].cfId}/w=500`,
2494
2523
  alt: "image",
2495
2524
  width: "100%",
2496
2525
  height: "100%",
@@ -2498,10 +2527,10 @@ const Yo = (u) => {
2498
2527
  }
2499
2528
  ),
2500
2529
  /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
2501
- /* @__PURE__ */ t.jsx("div", { className: P.name, children: r.name }),
2530
+ /* @__PURE__ */ t.jsx("div", { className: P.name, children: d.name }),
2502
2531
  /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
2503
2532
  "$",
2504
- r.variants.find((B) => B.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
2533
+ d.variants.find((T) => T.id === d.activeVariantId).price.amount * ((d == null ? void 0 : d.quantity) || 1)
2505
2534
  ] })
2506
2535
  ] })
2507
2536
  ] }),
@@ -2510,11 +2539,11 @@ const Yo = (u) => {
2510
2539
  "div",
2511
2540
  {
2512
2541
  onClick: () => {
2513
- r.quantity !== 1 && $(r);
2542
+ d.quantity !== 1 && m(d);
2514
2543
  },
2515
2544
  className: P.productButton,
2516
2545
  children: /* @__PURE__ */ t.jsx(
2517
- f,
2546
+ b,
2518
2547
  {
2519
2548
  name: "Minus",
2520
2549
  fill: "#757575",
@@ -2524,14 +2553,14 @@ const Yo = (u) => {
2524
2553
  )
2525
2554
  }
2526
2555
  ),
2527
- /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: r.quantity }),
2556
+ /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: d.quantity }),
2528
2557
  /* @__PURE__ */ t.jsx(
2529
2558
  "div",
2530
2559
  {
2531
- onClick: () => d(r),
2560
+ onClick: () => r(d),
2532
2561
  className: P.productButton,
2533
2562
  children: /* @__PURE__ */ t.jsx(
2534
- f,
2563
+ b,
2535
2564
  {
2536
2565
  name: "Plus",
2537
2566
  fill: "#757575",
@@ -2544,14 +2573,14 @@ const Yo = (u) => {
2544
2573
  ] })
2545
2574
  ]
2546
2575
  },
2547
- r.id
2576
+ d.id
2548
2577
  )) }),
2549
2578
  /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
2550
2579
  /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
2551
2580
  /* @__PURE__ */ t.jsxs("div", { className: P.block, children: [
2552
2581
  /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
2553
2582
  /* @__PURE__ */ t.jsx(
2554
- f,
2583
+ b,
2555
2584
  {
2556
2585
  name: "Info",
2557
2586
  width: 20,
@@ -2562,17 +2591,17 @@ const Yo = (u) => {
2562
2591
  ] }),
2563
2592
  /* @__PURE__ */ t.jsxs("div", { className: P.total, children: [
2564
2593
  "$",
2565
- a().total
2594
+ c().total
2566
2595
  ] })
2567
2596
  ] }),
2568
- /* @__PURE__ */ t.jsx(vt, { onClick: () => l("/checkout"), children: "Checkout" })
2597
+ /* @__PURE__ */ t.jsx(jt, { onClick: () => n("/checkout"), children: "Checkout" })
2569
2598
  ] })
2570
- ] }) : /* @__PURE__ */ t.jsx(co, {})
2599
+ ] }) : /* @__PURE__ */ t.jsx(ma, {})
2571
2600
  ]
2572
2601
  }
2573
2602
  );
2574
- }, co = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
2575
- /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(f, { name: "Handbag" }) }),
2603
+ }, ma = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
2604
+ /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(b, { name: "Handbag" }) }),
2576
2605
  /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
2577
2606
  /* @__PURE__ */ t.jsxs("span", { children: [
2578
2607
  "Check out the store's products and add them",
@@ -2586,51 +2615,51 @@ const Yo = (u) => {
2586
2615
  }
2587
2616
  )
2588
2617
  ] })
2589
- ] }), lo = ({ token: u }) => {
2590
- const [o, e] = h.useState("test-email@gmail.com"), n = gt();
2591
- h.useEffect(() => {
2618
+ ] }), _a = ({ token: u }) => {
2619
+ const [a, e] = p.useState("test-email@gmail.com"), s = ft();
2620
+ p.useEffect(() => {
2592
2621
  (async () => {
2593
- const c = io(u);
2594
- e(c.email);
2622
+ const l = ra(u);
2623
+ e(l.email);
2595
2624
  })();
2596
2625
  }, [u]);
2597
- function i(a) {
2598
- n(a);
2626
+ function i(c) {
2627
+ s(c);
2599
2628
  }
2600
2629
  return /* @__PURE__ */ t.jsx(
2601
2630
  "div",
2602
2631
  {
2603
2632
  className: P.userInfo,
2604
2633
  onClick: () => i("/customer-dash"),
2605
- children: /* @__PURE__ */ t.jsx("div", { children: o || "test-email@gmail.com" })
2634
+ children: /* @__PURE__ */ t.jsx("div", { children: a || "test-email@gmail.com" })
2606
2635
  }
2607
2636
  );
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();
2637
+ }, 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 = {
2638
+ share: ha,
2639
+ modal: pa,
2640
+ header: ga,
2641
+ socials: fa,
2642
+ social: xa,
2643
+ copy: ba,
2644
+ title: va,
2645
+ copyWrapper: ja,
2646
+ copyText: ya
2647
+ }, Qa = () => {
2648
+ const { isOpenModal: u, setIsOpenModal: a } = Pt();
2620
2649
  function e() {
2621
- o(!0);
2650
+ a(!0);
2622
2651
  }
2623
2652
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2624
2653
  /* @__PURE__ */ t.jsx(
2625
- ot,
2654
+ it,
2626
2655
  {
2627
- className: Q.share,
2628
- onClick: (n) => {
2629
- n.stopPropagation(), e();
2656
+ className: nt.share,
2657
+ onClick: (s) => {
2658
+ s.stopPropagation(), e();
2630
2659
  },
2631
2660
  type: "Secondary",
2632
2661
  children: /* @__PURE__ */ t.jsx(
2633
- f,
2662
+ b,
2634
2663
  {
2635
2664
  name: "Share",
2636
2665
  fill: "#757575",
@@ -2639,19 +2668,12 @@ const Yo = (u) => {
2639
2668
  )
2640
2669
  }
2641
2670
  ),
2642
- u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(bo, {}) })
2671
+ u && /* @__PURE__ */ t.jsx(St, { close: a, children: /* @__PURE__ */ t.jsx(ka, {}) })
2643
2672
  ] });
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;
2673
+ }, ka = () => {
2674
+ const { setIsOpenModal: u } = Pt(), { notification: a, setNotification: e } = Dt(), s = window.location.href;
2653
2675
  function i() {
2654
- navigator.clipboard.writeText(n), e({
2676
+ navigator.clipboard.writeText(s), e({
2655
2677
  message: "Link copied to clipboard",
2656
2678
  status: "success"
2657
2679
  });
@@ -2659,13 +2681,13 @@ const Yo = (u) => {
2659
2681
  return /* @__PURE__ */ t.jsxs(
2660
2682
  "div",
2661
2683
  {
2662
- className: Q.modal,
2663
- onClick: (a) => a.stopPropagation(),
2684
+ className: nt.modal,
2685
+ onClick: (c) => c.stopPropagation(),
2664
2686
  children: [
2665
- /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
2666
- /* @__PURE__ */ t.jsx("div", { className: Q.title, children: "Share this Post" }),
2687
+ /* @__PURE__ */ t.jsxs("div", { className: nt.header, children: [
2688
+ /* @__PURE__ */ t.jsx("div", { className: nt.title, children: "Share this Post" }),
2667
2689
  /* @__PURE__ */ t.jsx(
2668
- f,
2690
+ b,
2669
2691
  {
2670
2692
  name: "X",
2671
2693
  fill: "#757575",
@@ -2674,123 +2696,122 @@ const Yo = (u) => {
2674
2696
  }
2675
2697
  )
2676
2698
  ] }),
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: [
2699
+ /* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
2679
2700
  /* @__PURE__ */ t.jsx(
2680
2701
  "div",
2681
2702
  {
2682
- className: V(Q.copy, Q.copyText),
2703
+ className: F(nt.copy, nt.copyText),
2683
2704
  onClick: i,
2684
- children: n
2705
+ children: s
2685
2706
  }
2686
2707
  ),
2687
2708
  /* @__PURE__ */ t.jsx(
2688
2709
  "div",
2689
2710
  {
2690
2711
  onClick: i,
2691
- className: Q.copy,
2692
- children: o ? /* @__PURE__ */ t.jsx(f, { name: "Check" }) : /* @__PURE__ */ t.jsx(f, { name: "Copy" })
2712
+ className: nt.copy,
2713
+ children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
2693
2714
  }
2694
2715
  )
2695
2716
  ] })
2696
2717
  ]
2697
2718
  }
2698
2719
  );
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);
2720
+ }, $a = "_accordion_1s1lq_1", wa = "_header_1s1lq_9", Na = "_icon_1s1lq_18", Ia = "_open_1s1lq_21", Ca = "_content_1s1lq_25", mt = {
2721
+ accordion: $a,
2722
+ header: wa,
2723
+ icon: Na,
2724
+ open: Ia,
2725
+ content: Ca
2726
+ }, Ka = ({ title: u, content: a }) => {
2727
+ const [e, s] = p.useState(!1), [i, c] = p.useState(0), l = p.useRef(null), o = () => {
2728
+ s(!e);
2708
2729
  };
2709
- return h.useEffect(() => {
2710
- c.current && a(e ? c.current.scrollHeight : 0);
2711
- }, [e]), /* @__PURE__ */ t.jsxs("div", { className: pt.accordion, children: [
2730
+ return p.useEffect(() => {
2731
+ l.current && c(e ? l.current.scrollHeight : 0);
2732
+ }, [e]), /* @__PURE__ */ t.jsxs("div", { className: mt.accordion, children: [
2712
2733
  /* @__PURE__ */ t.jsxs(
2713
2734
  "div",
2714
2735
  {
2715
- className: pt.header,
2716
- onClick: s,
2736
+ className: mt.header,
2737
+ onClick: o,
2717
2738
  children: [
2718
2739
  /* @__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" }) })
2740
+ /* @__PURE__ */ t.jsx("div", { className: F(mt.icon, { [mt.open]: e }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
2720
2741
  ]
2721
2742
  }
2722
2743
  ),
2723
2744
  /* @__PURE__ */ t.jsx(
2724
2745
  "div",
2725
2746
  {
2726
- ref: c,
2727
- className: pt.content,
2747
+ ref: l,
2748
+ className: mt.content,
2728
2749
  style: { height: `${i}px` },
2729
- children: /* @__PURE__ */ t.jsx("p", { id: "p", children: o })
2750
+ children: /* @__PURE__ */ t.jsx("p", { id: "p", children: a })
2730
2751
  }
2731
2752
  )
2732
2753
  ] });
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) => {
2754
+ }, Ba = "_wrapper_1r14x_1", Sa = "_label_1r14x_9", Pa = "_input_1r14x_18", Ta = "_required_1r14x_35", Aa = "_paddingless_1r14x_39", Oa = "_content_1r14x_43", qa = "_borderless_1r14x_58", Da = "_rightIcon_1r14x_63", st = {
2755
+ wrapper: Ba,
2756
+ label: Sa,
2757
+ input: Pa,
2758
+ required: Ta,
2759
+ paddingless: Aa,
2760
+ content: Oa,
2761
+ borderless: qa,
2762
+ rightIcon: Da
2763
+ }, Za = (u) => {
2743
2764
  const {
2744
- onChange: o,
2765
+ onChange: a,
2745
2766
  style: e,
2746
- label: n,
2767
+ label: s,
2747
2768
  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,
2769
+ type: c,
2770
+ min: l,
2771
+ max: o,
2772
+ placeholder: n,
2773
+ disabled: r = !1,
2774
+ required: m = !1,
2775
+ regex: d,
2776
+ paddingless: T = !1,
2756
2777
  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})`;
2778
+ editable: g = !1,
2779
+ isSearch: h = !1
2780
+ } = u, { themeSettings: O } = Bt(), { inputs: q } = O, [v, E] = p.useState(!1);
2781
+ function C(y, M) {
2782
+ if (y.startsWith("#")) {
2783
+ let N, L, R;
2784
+ return y.length === 7 ? (N = parseInt(y.slice(1, 3), 16), L = parseInt(y.slice(3, 5), 16), R = parseInt(y.slice(5, 7), 16)) : y.length === 4 && (N = parseInt(y[1] + y[1], 16), L = parseInt(y[2] + y[2], 16), R = parseInt(y[3] + y[3], 16)), `rgba(${N}, ${L}, ${R}, ${M})`;
2764
2785
  }
2765
- const y = {
2786
+ const k = {
2766
2787
  black: "#000000",
2767
2788
  white: "#ffffff",
2768
2789
  red: "#ff0000",
2769
2790
  green: "#00ff00",
2770
2791
  blue: "#0000ff"
2771
2792
  // Можно добавить больше цветов
2772
- }[j.toLowerCase()];
2773
- return y ? C(y, M) : j;
2793
+ }[y.toLowerCase()];
2794
+ return k ? C(k, M) : y;
2774
2795
  }
2775
- function S(j) {
2776
- return Number(j) < 0 ? String(c) : j;
2796
+ function B(y) {
2797
+ return Number(y) < 0 ? String(l) : y;
2777
2798
  }
2778
- function g(j) {
2779
- return !$ || !r ? !0 : new RegExp(r).test(j);
2799
+ function f(y) {
2800
+ return !m || !d ? !0 : new RegExp(d).test(y);
2780
2801
  }
2781
- return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
2782
- n && /* @__PURE__ */ t.jsx(
2802
+ return /* @__PURE__ */ t.jsxs("div", { className: st.wrapper, children: [
2803
+ s && /* @__PURE__ */ t.jsx(
2783
2804
  "label",
2784
2805
  {
2785
- className: it.label,
2786
- htmlFor: n,
2787
- children: n
2806
+ className: st.label,
2807
+ htmlFor: s,
2808
+ children: s
2788
2809
  }
2789
2810
  ),
2790
2811
  /* @__PURE__ */ t.jsxs(
2791
2812
  "div",
2792
2813
  {
2793
- className: it.content,
2814
+ className: st.content,
2794
2815
  style: {
2795
2816
  paddingRight: q.general.height + 15,
2796
2817
  ...e,
@@ -2800,31 +2821,31 @@ const Yo = (u) => {
2800
2821
  /* @__PURE__ */ t.jsx(
2801
2822
  "input",
2802
2823
  {
2803
- id: n,
2804
- type: a || "text",
2805
- onChange: (j) => {
2806
- if (a === "text") o(j.target.value);
2824
+ id: s,
2825
+ type: c || "text",
2826
+ onChange: (y) => {
2827
+ if (c === "text") a(y.target.value);
2807
2828
  else {
2808
- const M = S(j.target.value);
2809
- o(M);
2829
+ const M = B(y.target.value);
2830
+ a(M);
2810
2831
  }
2811
2832
  },
2812
2833
  value: i,
2813
2834
  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
2835
+ placeholder: n || "Type something...",
2836
+ className: F(st.input, {
2837
+ [st.required]: v && m && !f(i),
2838
+ [st.paddingless]: T,
2839
+ [st.borderless]: x
2819
2840
  }),
2820
- min: a === "number" ? c : void 0,
2821
- max: a === "number" ? s : void 0,
2822
- disabled: d,
2823
- onFocus: () => D(!0)
2841
+ min: c === "number" ? l : void 0,
2842
+ max: c === "number" ? o : void 0,
2843
+ disabled: r,
2844
+ onFocus: () => E(!0)
2824
2845
  }
2825
2846
  ),
2826
- m && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
2827
- f,
2847
+ h && /* @__PURE__ */ t.jsx("div", { className: st.rightIcon, children: /* @__PURE__ */ t.jsx(
2848
+ b,
2828
2849
  {
2829
2850
  name: "MagnifyingGlass",
2830
2851
  fill: "var(--icon-secondary)",
@@ -2832,8 +2853,8 @@ const Yo = (u) => {
2832
2853
  height: q.general.height
2833
2854
  }
2834
2855
  ) }),
2835
- _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
2836
- f,
2856
+ g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
2857
+ b,
2837
2858
  {
2838
2859
  name: "Sliders",
2839
2860
  width: 20,
@@ -2845,18 +2866,18 @@ const Yo = (u) => {
2845
2866
  }
2846
2867
  )
2847
2868
  ] });
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: [
2869
+ }, Ea = "_wrapper_st58d_1", La = "_label_st58d_10", Ra = "_textarea_st58d_18", Ma = "_length_st58d_33", gt = {
2870
+ wrapper: Ea,
2871
+ label: La,
2872
+ textarea: Ra,
2873
+ length: Ma
2874
+ }, to = (u) => {
2875
+ const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = u, [l, o] = p.useState(s.length);
2876
+ return /* @__PURE__ */ t.jsxs("div", { className: gt.wrapper, children: [
2856
2877
  e && /* @__PURE__ */ t.jsx(
2857
2878
  "label",
2858
2879
  {
2859
- className: _t.label,
2880
+ className: gt.label,
2860
2881
  htmlFor: e,
2861
2882
  children: e
2862
2883
  }
@@ -2865,51 +2886,51 @@ const Yo = (u) => {
2865
2886
  "textarea",
2866
2887
  {
2867
2888
  id: e,
2868
- defaultValue: n,
2869
- onChange: (l) => {
2870
- s(l.target.value.length), o(l.target.value);
2889
+ defaultValue: s,
2890
+ onChange: (n) => {
2891
+ o(n.target.value.length), a(n.target.value);
2871
2892
  },
2872
- placeholder: a,
2873
- className: _t.textarea,
2893
+ placeholder: c,
2894
+ className: gt.textarea,
2874
2895
  maxLength: i
2875
2896
  }
2876
2897
  ),
2877
- i && /* @__PURE__ */ t.jsxs("div", { className: _t.length, children: [
2878
- c,
2898
+ i && /* @__PURE__ */ t.jsxs("div", { className: gt.length, children: [
2899
+ l,
2879
2900
  "/",
2880
2901
  i
2881
2902
  ] })
2882
2903
  ] });
2883
2904
  };
2884
2905
  export {
2885
- Wo as Accordion,
2886
- vt as Button,
2887
- pn as ButtonTypeSettings,
2888
- Vo as ButtonsSettings,
2889
- Ho as CategorySettings,
2906
+ Ka as Accordion,
2907
+ jt as Button,
2908
+ gn as ButtonTypeSettings,
2909
+ Ga as ButtonsSettings,
2910
+ Ua as CategorySettings,
2890
2911
  ht as ChooseImage,
2891
- Zo as ChooseImageModal,
2892
- co as EmptyCart,
2893
- Fo as FormSettings,
2894
- Yo as HeaderButtons,
2895
- f as Icon,
2912
+ no as ChooseImageModal,
2913
+ ma as EmptyCart,
2914
+ Ya as FormSettings,
2915
+ Ja as HeaderButtons,
2916
+ b as Icon,
2896
2917
  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,
2918
+ Za as InputUI,
2919
+ Ae as ItemsSettings,
2920
+ Fa as LayoutSettings,
2921
+ Wa as ListingSelector,
2922
+ io as Loader,
2923
+ St as Modal,
2924
+ Xa as ProductOptions,
2925
+ It as RangeSelector,
2926
+ Z as Select,
2927
+ Qa as ShareLink,
2928
+ da as ShoppingButton,
2929
+ ua as ShoppingModalCart,
2909
2930
  K as Switch,
2910
2931
  At as TextSettings,
2911
2932
  Ct as TextareaSettings,
2912
- Jo as TextareaUI,
2913
- Bt as TypesText,
2914
- lo as UserInfo
2933
+ to as TextareaUI,
2934
+ Tt as TypesText,
2935
+ _a as UserInfo
2915
2936
  };