@billgangcom/theme-lib 1.66.0 → 1.66.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/builder/ui/SelectInfiniteList/index.d.ts +20 -0
  2. package/dist/builder/ui/SelectInfiniteList/utils/index.d.ts +2 -0
  3. package/dist/builder/ui/index.d.ts +1 -0
  4. package/dist/builder.cjs.js +5 -5
  5. package/dist/builder.es.js +311 -305
  6. package/dist/{index-BRxqOOpM.js → index-B-Mm1sSt.js} +11172 -10918
  7. package/dist/{index-XMyw1hN0.cjs → index-yNJDaEUC.cjs} +42 -42
  8. package/dist/index.cjs.js +1 -1
  9. package/dist/index.es.js +1 -1
  10. package/dist/lib/createTicket.d.ts +1 -1
  11. package/dist/ui/ItemsSettings/index.d.ts +6 -1
  12. package/dist/ui/ItemsSettings/popup.d.ts +12 -1
  13. package/dist/ui/LayoutSettings/index.d.ts +2 -0
  14. package/dist/ui/ProductOptions/index.d.ts +3 -1
  15. package/dist/ui.cjs.js +1 -1
  16. package/dist/ui.es.js +1373 -1384
  17. package/package.json +1 -1
package/dist/ui.es.js CHANGED
@@ -1,20 +1,20 @@
1
- import { j as t, I as b, c as F, d as It, u as mt, e as ht, P as pt, S as ct, R as St, D as _t, f as gt, v as ft, B as rt, g as it, h as $t, a as wt, O as ut, i as st, k as xt, C as vt, l as Y, m as Mt, n as At, o as lt, p as Ot, r as bt, t as Q, L as Et, w as jt, x as dt, s as Nt, y as L, z as Rt, M as kt, A as qt, E as Dt, F as Bt, G as Pt, H as Lt, J as zt } from "./index-BRxqOOpM.js";
2
- import { V as ta, N as ea, U as na, K as sa, T as ia, Q as aa } from "./index-BRxqOOpM.js";
1
+ import { j as t, I as j, c as U, d as bt, u as dt, e as ut, P as ht, S as ot, R as kt, D as mt, f as pt, v as _t, B as ct, g as st, h as Ct, a as St, O as lt, i as et, k as gt, C as ft, l as H, m as Pt, n as Tt, o as it, p as Mt, r as jt, t as G, L as At, w as xt, x as rt, s as yt, y as F, z as Ot, M as Nt, A as $t, E as Et, F as wt, G as qt, H as Rt, J as Dt } from "./index-B-Mm1sSt.js";
2
+ import { W as Ki, N as Zi, U as ta, V as ea, K as sa, T as na, Q as ia } from "./index-B-Mm1sSt.js";
3
3
  import f from "react";
4
- const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmyb_15", Ht = "_subtitle_1vmyb_22", Yt = "_alignmentContent_1vmyb_29", Wt = "_alignments_1vmyb_37", Gt = "_alignment_1vmyb_8", Qt = "_circle_1vmyb_60", Xt = "_paddings_1vmyb_67", Jt = "_padding_1vmyb_67", Kt = "_active_1vmyb_91", Zt = "_input_1vmyb_98", K = {
5
- wrapper: Ft,
6
- alignmentBlock: Vt,
7
- title: Ut,
8
- subtitle: Ht,
9
- alignmentContent: Yt,
10
- alignments: Wt,
11
- alignment: Gt,
12
- circle: Qt,
13
- paddings: Xt,
14
- padding: Jt,
15
- active: Kt,
16
- input: Zt
17
- }, te = [
4
+ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt = "_subtitle_kh9z8_23", Ut = "_alignmentContent_kh9z8_30", Ht = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Gt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", Jt = "_input_kh9z8_104", W = {
5
+ wrapper: zt,
6
+ block: Lt,
7
+ title: Ft,
8
+ subtitle: Vt,
9
+ alignmentContent: Ut,
10
+ alignments: Ht,
11
+ alignment: Yt,
12
+ circle: Wt,
13
+ paddings: Gt,
14
+ padding: Qt,
15
+ active: Xt,
16
+ input: Jt
17
+ }, Kt = [
18
18
  "topLeft",
19
19
  "top",
20
20
  "topRight",
@@ -24,10 +24,17 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
24
24
  "bottomLeft",
25
25
  "bottom",
26
26
  "bottomRight"
27
- ], ee = ["left", "top", "right", "bottom"], Ei = (o) => {
28
- const { alignment: s, padding: e, setPadding: n, setAlignment: a } = o;
29
- function c(h) {
30
- switch (h) {
27
+ ], Zt = ["left", "top", "right", "bottom"], Ai = (c) => {
28
+ const {
29
+ alignment: i,
30
+ padding: a,
31
+ setPadding: s,
32
+ setAlignment: e,
33
+ isAlignment: r = !0,
34
+ isPadding: d = !0
35
+ } = c;
36
+ function m(p) {
37
+ switch (p) {
31
38
  case "left":
32
39
  case "topLeft":
33
40
  case "bottomLeft":
@@ -44,8 +51,8 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
44
51
  return "TextAlignCenter";
45
52
  }
46
53
  }
47
- function u(h) {
48
- switch (h) {
54
+ function _(p) {
55
+ switch (p) {
49
56
  case "left":
50
57
  return "AlignLeft";
51
58
  case "right":
@@ -56,40 +63,40 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
56
63
  return "AlignBottom";
57
64
  }
58
65
  }
59
- const [r, m] = f.useState(null), [_, B] = f.useState(null);
60
- return /* @__PURE__ */ t.jsxs("div", { className: K.layout, children: [
61
- /* @__PURE__ */ t.jsx("h3", { className: K.title, children: "Layout (for Desktop version)" }),
62
- /* @__PURE__ */ t.jsxs("div", { className: K.alignmentBlock, children: [
63
- /* @__PURE__ */ t.jsx("h5", { className: K.subtitle, children: "Alignment" }),
64
- /* @__PURE__ */ t.jsxs("div", { className: K.alignmentContent, children: [
65
- /* @__PURE__ */ t.jsx("div", { className: K.alignments, children: te.map((h) => /* @__PURE__ */ t.jsxs(
66
+ const [u, w] = f.useState(null), [y, n] = f.useState(null);
67
+ return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
68
+ /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout (for Desktop version)" }),
69
+ /* @__PURE__ */ t.jsxs("div", { className: W.alignmentContent, children: [
70
+ r && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
71
+ /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Alignment" }),
72
+ /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: Kt.map((p) => /* @__PURE__ */ t.jsxs(
66
73
  "div",
67
74
  {
68
75
  onClick: () => {
69
- a(h);
76
+ e(p);
70
77
  },
71
- className: K.alignment,
78
+ className: W.alignment,
72
79
  onMouseEnter: () => {
73
- m(h);
80
+ w(p);
74
81
  },
75
82
  onMouseLeave: () => {
76
- m(null);
83
+ w(null);
77
84
  },
78
85
  children: [
79
- h !== s && r !== h && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
80
- h !== s && r === h && /* @__PURE__ */ t.jsx(
81
- b,
86
+ p !== i && u !== p && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
87
+ p !== i && u === p && /* @__PURE__ */ t.jsx(
88
+ j,
82
89
  {
83
- name: c(r),
90
+ name: m(u),
84
91
  fill: "#c2c2c2",
85
92
  width: 22,
86
93
  height: 22
87
94
  }
88
95
  ),
89
- h === s && /* @__PURE__ */ t.jsx(
90
- b,
96
+ p === i && /* @__PURE__ */ t.jsx(
97
+ j,
91
98
  {
92
- name: c(s),
99
+ name: m(i),
93
100
  fill: "#FF3F19",
94
101
  width: 22,
95
102
  height: 22
@@ -97,37 +104,40 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
97
104
  )
98
105
  ]
99
106
  },
100
- h
101
- )) }),
102
- /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ee.map((h) => /* @__PURE__ */ t.jsxs(
107
+ p
108
+ )) })
109
+ ] }),
110
+ d && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
111
+ /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Paddings" }),
112
+ /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Zt.map((p) => /* @__PURE__ */ t.jsxs(
103
113
  "label",
104
114
  {
105
- className: F(K.padding, {
106
- [K.active]: _ === h
115
+ className: U(W.padding, {
116
+ [W.active]: y === p
107
117
  }),
108
118
  onFocus: () => {
109
- B(h);
119
+ n(p);
110
120
  },
111
121
  onBlur: () => {
112
- B(null);
122
+ n(null);
113
123
  },
114
124
  children: [
115
125
  /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
116
- b,
126
+ j,
117
127
  {
118
- name: u(h),
128
+ name: _(p),
119
129
  width: 20,
120
130
  height: 20
121
131
  }
122
132
  ) }),
123
133
  /* @__PURE__ */ t.jsx(
124
- It,
134
+ bt,
125
135
  {
126
136
  type: "number",
127
- value: String(e[h]),
128
- onChange: (i) => n({
129
- ...e,
130
- [h]: Math.min(Number(i), 999)
137
+ value: String(a[p]),
138
+ onChange: (o) => s({
139
+ ...a,
140
+ [p]: Math.min(Number(o), 999)
131
141
  }),
132
142
  max: 999,
133
143
  paddingless: !0,
@@ -136,111 +146,111 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
136
146
  )
137
147
  ]
138
148
  },
139
- h
149
+ p
140
150
  )) })
141
151
  ] })
142
152
  ] })
143
153
  ] });
144
- }, ne = "_title_82zux_1", se = "_subtitle_82zux_5", ie = "_header_82zux_12", ae = "_text_82zux_13", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_itemsBlock_82zux_35", le = "_typeTexts_82zux_41", de = "_block_82zux_48", ue = "_active_82zux_61", me = "_products_82zux_14", he = "_product_82zux_14", pe = "_button_82zux_80", _e = "_disabled_82zux_91", ge = "_image_82zux_95", fe = "_info_82zux_102", xe = "_name_82zux_114", ve = "_buttons_82zux_118", je = "_modal_82zux_125", be = "_link_82zux_145", ye = "_modalOptions_82zux_151", Ie = "_addButton_82zux_157", Ne = "_deleteButton_82zux_179", X = {
145
- title: ne,
146
- subtitle: se,
147
- header: ie,
148
- text: ae,
149
- productsBlock: oe,
150
- top: ce,
151
- itemsBlock: re,
152
- typeTexts: le,
153
- block: de,
154
- active: ue,
155
- products: me,
156
- product: he,
157
- button: pe,
158
- disabled: _e,
159
- image: ge,
160
- info: fe,
161
- name: xe,
162
- buttons: ve,
163
- modal: je,
164
- link: be,
165
- modalOptions: ye,
166
- addButton: Ie,
167
- deleteButton: Ne
154
+ }, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_header_82zux_12", ne = "_text_82zux_13", ie = "_productsBlock_82zux_14", ae = "_top_82zux_26", oe = "_itemsBlock_82zux_35", ce = "_typeTexts_82zux_41", re = "_block_82zux_48", le = "_active_82zux_61", de = "_products_82zux_14", ue = "_product_82zux_14", he = "_button_82zux_80", me = "_disabled_82zux_91", pe = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", je = "_link_82zux_145", ve = "_modalOptions_82zux_151", be = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", Q = {
155
+ title: te,
156
+ subtitle: ee,
157
+ header: se,
158
+ text: ne,
159
+ productsBlock: ie,
160
+ top: ae,
161
+ itemsBlock: oe,
162
+ typeTexts: ce,
163
+ block: re,
164
+ active: le,
165
+ products: de,
166
+ product: ue,
167
+ button: he,
168
+ disabled: me,
169
+ image: pe,
170
+ info: _e,
171
+ name: ge,
172
+ buttons: fe,
173
+ modal: xe,
174
+ link: je,
175
+ modalOptions: ve,
176
+ addButton: be,
177
+ deleteButton: ye
168
178
  };
169
- function ke({ id: o, children: s }) {
179
+ function Ne({ id: c, children: i }) {
170
180
  const {
171
- attributes: e,
172
- listeners: n,
173
- setNodeRef: a,
174
- transform: c,
175
- transition: u,
176
- isDragging: r
177
- } = xt({
178
- id: o
179
- }), m = {
180
- transform: vt.Transform.toString(c),
181
- transition: u
181
+ attributes: a,
182
+ listeners: s,
183
+ setNodeRef: e,
184
+ transform: r,
185
+ transition: d,
186
+ isDragging: m
187
+ } = gt({
188
+ id: c
189
+ }), _ = {
190
+ transform: ft.Transform.toString(r),
191
+ transition: d
182
192
  };
183
193
  return /* @__PURE__ */ t.jsx(
184
194
  "div",
185
195
  {
186
- ref: a,
187
- style: m,
188
- className: `${X.product} ${r ? X.dragging : ""}`,
189
- ...e,
190
- ...n,
191
- children: s
196
+ ref: e,
197
+ style: _,
198
+ className: `${Q.product} ${m ? Q.dragging : ""}`,
199
+ ...a,
200
+ ...s,
201
+ children: i
192
202
  }
193
203
  );
194
204
  }
195
- const Ri = (o) => {
205
+ const Oi = (c) => {
196
206
  const {
197
- isActiveItems: s,
198
- setIsActiveItems: e,
199
- items: n,
200
- setItems: a,
201
- other: c,
202
- tags: u,
203
- title: r,
204
- subtitle: m,
205
- draggable: _ = !1,
206
- withImage: B = !1,
207
- addable: h = !0,
208
- itemsOptions: i,
209
- hasRangeSelector: y = !1,
210
- rangeSelectorOptions: d,
211
- limit: C,
212
- autoScrollInterval: v,
213
- deletable: N,
214
- aspectRatio: I,
215
- setAspectRatio: A
216
- } = o, x = mt(
217
- ht(pt, {
207
+ isActiveItems: i,
208
+ setIsActiveItems: a,
209
+ items: s,
210
+ setItems: e,
211
+ other: r,
212
+ tags: d,
213
+ title: m,
214
+ subtitle: _,
215
+ draggable: u = !1,
216
+ withImage: w = !1,
217
+ addable: y = !0,
218
+ itemsOptions: n,
219
+ hasRangeSelector: p = !1,
220
+ rangeSelectorOptions: o,
221
+ limit: T,
222
+ autoScrollInterval: g,
223
+ deletable: I,
224
+ aspectRatio: k,
225
+ setAspectRatio: O
226
+ } = c, z = dt(
227
+ ut(ht, {
218
228
  activationConstraint: {
219
229
  distance: 5
220
230
  }
221
231
  })
222
- ), D = (p) => {
223
- const { active: g, over: w } = p;
224
- if (w && g.id !== w.id) {
225
- const S = n.findIndex((q) => q === g.id), P = n.findIndex((q) => q === w.id);
226
- if (S !== -1 && P !== -1) {
227
- const q = [...n], [j] = q.splice(S, 1);
228
- q.splice(P, 0, j), a(q);
232
+ ), R = (h) => {
233
+ const { active: C, over: S } = h;
234
+ if (S && C.id !== S.id) {
235
+ const b = s.findIndex((M) => M === C.id), q = s.findIndex((M) => M === S.id);
236
+ if (b !== -1 && q !== -1) {
237
+ const M = [...s], [x] = M.splice(b, 1);
238
+ M.splice(q, 0, x), e(M);
229
239
  }
230
240
  }
231
241
  };
232
- function z(p) {
233
- if (B)
234
- return p ? /* @__PURE__ */ t.jsx(
242
+ function v(h) {
243
+ if (w)
244
+ return h ? /* @__PURE__ */ t.jsx(
235
245
  "img",
236
246
  {
237
- src: `https://imagedelivery.net/${p[0]}/w=1000`,
247
+ src: `https://imagedelivery.net/${h[0]}/w=1000`,
238
248
  alt: "image",
239
249
  width: 16,
240
250
  height: 16
241
251
  }
242
252
  ) : /* @__PURE__ */ t.jsx(
243
- b,
253
+ j,
244
254
  {
245
255
  name: "Image",
246
256
  width: 16,
@@ -249,12 +259,12 @@ const Ri = (o) => {
249
259
  }
250
260
  );
251
261
  }
252
- const H = (p, g = !1) => {
253
- const w = i.find((P) => P.id === p);
254
- if (!w) return;
255
- const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
256
- _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
257
- b,
262
+ const L = (h, C = !1) => {
263
+ const S = n.find((q) => q.id === h);
264
+ if (!S) return;
265
+ const b = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
266
+ u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
267
+ j,
258
268
  {
259
269
  name: "DotsSixVertical",
260
270
  hoverable: !0,
@@ -263,80 +273,80 @@ const Ri = (o) => {
263
273
  }
264
274
  ) }),
265
275
  /* @__PURE__ */ t.jsx(
266
- it,
276
+ st,
267
277
  {
268
- onChange: (P) => {
269
- const q = [...n], j = i.find((T) => T.name === P);
270
- if (!j) return;
271
- const M = j.id, V = q.map((T) => T === p ? M : T);
272
- a([...V]);
278
+ onChange: (q) => {
279
+ const M = [...s], x = n.find((l) => l.name === q);
280
+ if (!x) return;
281
+ const A = x.id, V = M.map((l) => l === h ? A : l);
282
+ e([...V]);
273
283
  },
274
- value: w.name,
275
- options: i.filter((P) => !n.find((q) => q === P.id)).map((P) => P.name),
276
- leftAddonOptions: i.map((P) => ({
277
- value: P.name,
278
- addon: z(P.images)
284
+ value: S.name,
285
+ options: n.filter((q) => !s.find((M) => M === q.id)).map((q) => q.name),
286
+ leftAddonOptions: n.map((q) => ({
287
+ value: q.name,
288
+ addon: v(q.images)
279
289
  }))
280
290
  }
281
291
  ),
282
- g && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
283
- b,
292
+ C && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
293
+ j,
284
294
  {
285
295
  name: "Trash",
286
296
  hoverable: !0,
287
297
  width: 20,
288
298
  height: 20,
289
299
  fill: "#C12A2A",
290
- onClick: () => a(n.filter((P) => P !== p))
300
+ onClick: () => e(s.filter((q) => q !== h))
291
301
  }
292
302
  ) }) })
293
303
  ] });
294
- return _ ? /* @__PURE__ */ t.jsx(
295
- ke,
304
+ return u ? /* @__PURE__ */ t.jsx(
305
+ Ne,
296
306
  {
297
- id: p,
298
- children: S
307
+ id: h,
308
+ children: b
299
309
  },
300
- st()
310
+ et()
301
311
  ) : /* @__PURE__ */ t.jsx(
302
312
  "div",
303
313
  {
304
- className: X.product,
305
- children: S
314
+ className: Q.product,
315
+ children: b
306
316
  },
307
- st()
317
+ et()
308
318
  );
309
319
  };
310
- return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
311
- (r || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
312
- r && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: r }),
313
- s !== void 0 && /* @__PURE__ */ t.jsx(
314
- ct,
320
+ return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
321
+ (m || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
322
+ m && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: m }),
323
+ i !== void 0 && /* @__PURE__ */ t.jsx(
324
+ ot,
315
325
  {
316
- current: s,
317
- onChange: (p) => e == null ? void 0 : e(p)
326
+ current: i,
327
+ onChange: (h) => a == null ? void 0 : a(h)
318
328
  }
319
329
  )
320
330
  ] }),
321
- y && d && /* @__PURE__ */ t.jsx(St, { ...d }),
322
- /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
323
- m && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: m }),
324
- _ ? /* @__PURE__ */ t.jsx(
325
- _t,
331
+ p && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
332
+ /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
333
+ _ && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: _ }),
334
+ u ? /* @__PURE__ */ t.jsx(
335
+ mt,
326
336
  {
327
- sensors: x,
328
- onDragEnd: D,
337
+ sensors: z,
338
+ onDragEnd: R,
329
339
  children: /* @__PURE__ */ t.jsx(
330
- gt,
340
+ pt,
331
341
  {
332
- items: n,
333
- strategy: ft,
334
- children: n.map((p) => H(p, N))
342
+ items: s,
343
+ strategy: _t,
344
+ children: s.map((h) => L(h, I))
335
345
  }
336
346
  )
337
347
  }
338
- ) : n.map((p) => H(p, N)),
339
- h && /* @__PURE__ */ t.jsx(
348
+ ) : s.map((h) => L(h, I)),
349
+ y && /* @__PURE__ */ t.jsx(
340
350
  "div",
341
351
  {
342
352
  style: {
@@ -346,33 +356,33 @@ const Ri = (o) => {
346
356
  gap: 5
347
357
  },
348
358
  children: /* @__PURE__ */ t.jsx(
349
- rt,
359
+ ct,
350
360
  {
351
361
  withoutHover: !0,
352
- className: F(X.button, {
353
- [X.disabled]: !!(C && C <= n.length || n.length === i.length)
362
+ className: U(Q.button, {
363
+ [Q.disabled]: !!(T && T <= s.length || s.length === n.length)
354
364
  }),
355
365
  size: "s",
356
- disabled: !!(C && C <= n.length || n.length === i.length),
366
+ disabled: !!(T && T <= s.length || s.length === n.length),
357
367
  onClick: () => {
358
- const p = [...n];
359
- let g = null;
360
- if (i) {
361
- for (let w = 0; w < i.length; w++)
362
- if (!n.find((S) => S === i[w].id)) {
363
- g = i[w];
368
+ const h = [...s];
369
+ let C = null;
370
+ if (n) {
371
+ for (let S = 0; S < n.length; S++)
372
+ if (!s.find((b) => b === n[S].id)) {
373
+ C = n[S];
364
374
  break;
365
375
  }
366
376
  }
367
- p.push((g == null ? void 0 : g.id) || i[0].id), a(p);
377
+ h.push((C == null ? void 0 : C.id) || n[0].id), e(h);
368
378
  },
369
379
  style: {
370
380
  width: "fit-content"
371
381
  },
372
- children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
382
+ children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
373
383
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
374
384
  /* @__PURE__ */ t.jsx(
375
- b,
385
+ j,
376
386
  {
377
387
  name: "Plus",
378
388
  width: 16,
@@ -385,37 +395,37 @@ const Ri = (o) => {
385
395
  }
386
396
  )
387
397
  ] }),
388
- I && A && /* @__PURE__ */ t.jsx(
389
- it,
398
+ k && O && /* @__PURE__ */ t.jsx(
399
+ st,
390
400
  {
391
- value: I,
401
+ value: k,
392
402
  label: "Aspect Ratio",
393
- options: Object.keys($t),
394
- onChange: (p) => A(p),
395
- leftAddonOptions: wt
403
+ options: Object.keys(Ct),
404
+ onChange: (h) => O(h),
405
+ leftAddonOptions: St
396
406
  }
397
407
  ),
398
- u !== void 0 && /* @__PURE__ */ t.jsx(
399
- ut,
408
+ d !== void 0 && /* @__PURE__ */ t.jsx(
409
+ lt,
400
410
  {
401
411
  tagsTitle: "Tags",
402
- items: u
412
+ items: d
403
413
  }
404
414
  ),
405
- c !== void 0 && /* @__PURE__ */ t.jsx(
406
- ut,
415
+ r !== void 0 && /* @__PURE__ */ t.jsx(
416
+ lt,
407
417
  {
408
418
  otherTitle: "Other",
409
- items: c
419
+ items: r
410
420
  }
411
421
  ),
412
- v !== void 0 && /* @__PURE__ */ t.jsx(
413
- It,
422
+ g !== void 0 && /* @__PURE__ */ t.jsx(
423
+ bt,
414
424
  {
415
425
  label: "Auto scroll interval",
416
426
  type: "number",
417
- value: String(v.scrollInterval),
418
- onChange: (p) => v.setScrollInterval(Number(p)),
427
+ value: String(g.scrollInterval),
428
+ onChange: (h) => g.setScrollInterval(Number(h)),
419
429
  min: 0.1,
420
430
  max: 100,
421
431
  style: {
@@ -425,109 +435,109 @@ const Ri = (o) => {
425
435
  }
426
436
  )
427
437
  ] });
428
- }, Ce = "_title_roi3a_1", Se = "_subtitle_roi3a_5", $e = "_header_roi3a_12", we = "_text_roi3a_13", qe = "_productsBlock_roi3a_14", Be = "_top_roi3a_26", Pe = "_itemsBlock_roi3a_35", Te = "_typeTexts_roi3a_41", Me = "_block_roi3a_48", Ae = "_active_roi3a_61", Oe = "_products_roi3a_14", Ee = "_product_roi3a_14", Re = "_button_roi3a_80", De = "_disabled_roi3a_91", Le = "_image_roi3a_95", ze = "_info_roi3a_102", Fe = "_name_roi3a_114", Ve = "_buttons_roi3a_118", Ue = "_modal_roi3a_125", He = "_link_roi3a_145", Ye = "_modalOptions_roi3a_151", We = "_addButton_roi3a_164", Ge = "_deleteButton_roi3a_179", Qe = "_closeIcon_roi3a_191", W = {
429
- title: Ce,
430
- subtitle: Se,
431
- header: $e,
432
- text: we,
433
- productsBlock: qe,
434
- top: Be,
435
- itemsBlock: Pe,
436
- typeTexts: Te,
437
- block: Me,
438
- active: Ae,
439
- products: Oe,
440
- product: Ee,
441
- button: Re,
442
- disabled: De,
443
- image: Le,
444
- info: ze,
445
- name: Fe,
446
- buttons: Ve,
447
- modal: Ue,
448
- link: He,
449
- modalOptions: Ye,
450
- addButton: We,
451
- deleteButton: Ge,
452
- closeIcon: Qe
438
+ }, Ie = "_title_roi3a_1", ke = "_subtitle_roi3a_5", Ce = "_header_roi3a_12", Se = "_text_roi3a_13", $e = "_productsBlock_roi3a_14", we = "_top_roi3a_26", qe = "_itemsBlock_roi3a_35", Be = "_typeTexts_roi3a_41", Pe = "_block_roi3a_48", Te = "_active_roi3a_61", Me = "_products_roi3a_14", Ae = "_product_roi3a_14", Oe = "_button_roi3a_80", Ee = "_disabled_roi3a_91", Re = "_image_roi3a_95", De = "_info_roi3a_102", ze = "_name_roi3a_114", Le = "_buttons_roi3a_118", Fe = "_modal_roi3a_125", Ve = "_link_roi3a_145", Ue = "_modalOptions_roi3a_151", He = "_addButton_roi3a_164", Ye = "_deleteButton_roi3a_179", We = "_closeIcon_roi3a_191", Y = {
439
+ title: Ie,
440
+ subtitle: ke,
441
+ header: Ce,
442
+ text: Se,
443
+ productsBlock: $e,
444
+ top: we,
445
+ itemsBlock: qe,
446
+ typeTexts: Be,
447
+ block: Pe,
448
+ active: Te,
449
+ products: Me,
450
+ product: Ae,
451
+ button: Oe,
452
+ disabled: Ee,
453
+ image: Re,
454
+ info: De,
455
+ name: ze,
456
+ buttons: Le,
457
+ modal: Fe,
458
+ link: Ve,
459
+ modalOptions: Ue,
460
+ addButton: He,
461
+ deleteButton: Ye,
462
+ closeIcon: We
453
463
  };
454
- function Xe({ product: o, children: s }) {
464
+ function Ge({ product: c, children: i }) {
455
465
  const {
456
- attributes: e,
457
- listeners: n,
458
- setNodeRef: a,
459
- transform: c,
460
- transition: u,
461
- isDragging: r
462
- } = xt({
463
- id: o.id
464
- }), m = {
465
- transform: vt.Transform.toString(c),
466
- transition: u
466
+ attributes: a,
467
+ listeners: s,
468
+ setNodeRef: e,
469
+ transform: r,
470
+ transition: d,
471
+ isDragging: m
472
+ } = gt({
473
+ id: c.id
474
+ }), _ = {
475
+ transform: ft.Transform.toString(r),
476
+ transition: d
467
477
  };
468
478
  return /* @__PURE__ */ t.jsx(
469
479
  "div",
470
480
  {
471
- ref: a,
472
- style: m,
473
- className: `${W.product} ${r ? W.dragging : ""}`,
474
- ...e,
475
- ...n,
476
- children: s
481
+ ref: e,
482
+ style: _,
483
+ className: `${Y.product} ${m ? Y.dragging : ""}`,
484
+ ...a,
485
+ ...s,
486
+ children: i
477
487
  }
478
488
  );
479
489
  }
480
- const Di = (o) => {
490
+ const Ei = (c) => {
481
491
  const {
482
- isActiveItems: s,
483
- setIsActiveItems: e,
484
- items: n,
485
- setItems: a,
486
- title: c,
487
- subtitle: u,
488
- editable: r = !0,
489
- draggable: m = !1,
490
- deletable: _ = !0,
491
- addable: B = !0,
492
- itemsType: h,
493
- itemsOptions: i,
494
- addableOptions: y = {},
495
- limit: d
496
- } = o, [C, v] = f.useState(null), [N, I] = f.useState(null), A = f.useRef(null), x = mt(
497
- ht(pt, {
492
+ isActiveItems: i,
493
+ setIsActiveItems: a,
494
+ items: s,
495
+ setItems: e,
496
+ title: r,
497
+ subtitle: d,
498
+ editable: m = !0,
499
+ draggable: _ = !1,
500
+ deletable: u = !0,
501
+ addable: w = !0,
502
+ itemsType: y,
503
+ itemsOptions: n,
504
+ addableOptions: p = {},
505
+ limit: o
506
+ } = c, [T, g] = f.useState(null), [I, k] = f.useState(null), O = f.useRef(null), z = dt(
507
+ ut(ht, {
498
508
  activationConstraint: {
499
509
  distance: 5
500
510
  }
501
511
  })
502
512
  );
503
513
  f.useEffect(() => {
504
- if (C) {
505
- const p = [...n].map((g) => g.id === C.id ? C : g);
506
- a(p);
514
+ if (T) {
515
+ const h = [...s].map((C) => C.id === T.id ? T : C);
516
+ e(h);
507
517
  }
508
- }, [C]), f.useEffect(() => {
509
- A.current && N && (A.current.getBoundingClientRect().height, N.top);
510
- }, [A.current, N]);
511
- const D = (p, g) => {
512
- p.stopPropagation();
513
- const w = p.target.getBoundingClientRect();
514
- I({
515
- top: w.top + window.scrollY,
516
- left: w.left - 30
517
- }), v(g);
518
- }, z = (p) => {
519
- const { active: g, over: w } = p;
520
- if (w && g.id !== w.id) {
521
- const S = n.findIndex((q) => q.id === g.id), P = n.findIndex((q) => q.id === w.id);
522
- if (S !== -1 && P !== -1) {
523
- const q = [...n], [j] = q.splice(S, 1);
524
- q.splice(P, 0, j), a(q);
518
+ }, [T]), f.useEffect(() => {
519
+ O.current && I && (O.current.getBoundingClientRect().height, I.top);
520
+ }, [O.current, I]);
521
+ const R = (h, C) => {
522
+ h.stopPropagation();
523
+ const S = h.target.getBoundingClientRect();
524
+ k({
525
+ top: S.top + window.scrollY,
526
+ left: S.left - 30
527
+ }), g(C);
528
+ }, v = (h) => {
529
+ const { active: C, over: S } = h;
530
+ if (S && C.id !== S.id) {
531
+ const b = s.findIndex((M) => M.id === C.id), q = s.findIndex((M) => M.id === S.id);
532
+ if (b !== -1 && q !== -1) {
533
+ const M = [...s], [x] = M.splice(b, 1);
534
+ M.splice(q, 0, x), e(M);
525
535
  }
526
536
  }
527
- }, H = (p, g) => {
528
- const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
529
- m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
530
- b,
537
+ }, L = (h, C) => {
538
+ const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
539
+ _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
540
+ j,
531
541
  {
532
542
  name: "DotsSixVertical",
533
543
  hoverable: !0,
@@ -535,99 +545,99 @@ const Di = (o) => {
535
545
  height: 20
536
546
  }
537
547
  ) }),
538
- h === "select" && i && /* @__PURE__ */ t.jsx(
539
- it,
548
+ y === "select" && n && /* @__PURE__ */ t.jsx(
549
+ st,
540
550
  {
541
- onChange: (S) => {
542
- const P = [...n], q = i.find((M) => M.name === S);
543
- if (!q) return;
544
- const j = P.map((M) => M.id === p.id ? {
545
- ...q,
551
+ onChange: (b) => {
552
+ const q = [...s], M = n.find((A) => A.name === b);
553
+ if (!M) return;
554
+ const x = q.map((A) => A.id === h.id ? {
555
+ ...M,
546
556
  name: {
547
- "en-US": S
557
+ "en-US": b
548
558
  }
549
- } : M);
550
- v({
551
- ...p,
559
+ } : A);
560
+ g({
561
+ ...h,
552
562
  name: {
553
- "en-US": S
563
+ "en-US": b
554
564
  }
555
- }), a([...j]);
565
+ }), e([...x]);
556
566
  },
557
- value: p.name,
558
- options: i.filter((S) => !n.find((P) => P.name === S.name)).map((S) => S.name)
567
+ value: h.name,
568
+ options: n.filter((b) => !s.find((q) => q.name === b.name)).map((b) => b.name)
559
569
  }
560
570
  ),
561
- /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
562
- r && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
563
- b,
571
+ /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
572
+ m && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
573
+ j,
564
574
  {
565
575
  name: "Sliders",
566
576
  hoverable: !0,
567
577
  width: 20,
568
578
  height: 20,
569
- onClick: (S) => D(S, p)
579
+ onClick: (b) => R(b, h)
570
580
  }
571
581
  ) }),
572
- _ && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
573
- b,
582
+ u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
583
+ j,
574
584
  {
575
585
  name: "Trash",
576
586
  hoverable: !0,
577
587
  width: 20,
578
588
  height: 20,
579
589
  fill: "#C12A2A",
580
- onClick: () => a(n.filter((S) => S.id !== p.id))
590
+ onClick: () => e(s.filter((b) => b.id !== h.id))
581
591
  }
582
592
  ) })
583
593
  ] })
584
594
  ] });
585
- return m ? /* @__PURE__ */ t.jsx(
586
- Xe,
595
+ return _ ? /* @__PURE__ */ t.jsx(
596
+ Ge,
587
597
  {
588
- product: p,
589
- index: g,
590
- children: w
598
+ product: h,
599
+ index: C,
600
+ children: S
591
601
  },
592
- p.id
602
+ h.id
593
603
  ) : /* @__PURE__ */ t.jsx(
594
604
  "div",
595
605
  {
596
- className: W.product,
597
- children: w
606
+ className: Y.product,
607
+ children: S
598
608
  },
599
- p.id
609
+ h.id
600
610
  );
601
611
  };
602
- return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
603
- (c || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
604
- c && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: c }),
605
- s !== void 0 && /* @__PURE__ */ t.jsx(
606
- ct,
612
+ return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
613
+ (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
614
+ r && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: r }),
615
+ i !== void 0 && /* @__PURE__ */ t.jsx(
616
+ ot,
607
617
  {
608
- current: s,
609
- onChange: (p) => e == null ? void 0 : e(p)
618
+ current: i,
619
+ onChange: (h) => a == null ? void 0 : a(h)
610
620
  }
611
621
  )
612
622
  ] }),
613
- /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
614
- u && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: u }),
615
- m ? /* @__PURE__ */ t.jsx(
616
- _t,
623
+ /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
624
+ d && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: d }),
625
+ _ ? /* @__PURE__ */ t.jsx(
626
+ mt,
617
627
  {
618
- sensors: x,
619
- onDragEnd: z,
628
+ sensors: z,
629
+ onDragEnd: v,
620
630
  children: /* @__PURE__ */ t.jsx(
621
- gt,
631
+ pt,
622
632
  {
623
- items: n.map((p) => p.id),
624
- strategy: ft,
625
- children: n.map((p, g) => H(p, g))
633
+ items: s.map((h) => h.id),
634
+ strategy: _t,
635
+ children: s.map((h, C) => L(h, C))
626
636
  }
627
637
  )
628
638
  }
629
- ) : n.map((p, g) => H(p, g)),
630
- B && /* @__PURE__ */ t.jsx(
639
+ ) : s.map((h, C) => L(h, C)),
640
+ w && /* @__PURE__ */ t.jsx(
631
641
  "div",
632
642
  {
633
643
  style: {
@@ -636,37 +646,37 @@ const Di = (o) => {
636
646
  justifyContent: "center"
637
647
  },
638
648
  children: /* @__PURE__ */ t.jsx(
639
- rt,
649
+ ct,
640
650
  {
641
651
  withoutHover: !0,
642
- className: F(W.button, {
643
- [W.disabled]: !!(d && d <= n.length || n.length === (i == null ? void 0 : i.length))
652
+ className: U(Y.button, {
653
+ [Y.disabled]: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length))
644
654
  }),
645
655
  size: "s",
646
- disabled: !!(d && d <= n.length || n.length === (i == null ? void 0 : i.length)),
656
+ disabled: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length)),
647
657
  onClick: () => {
648
- const p = [...n];
649
- let g = null;
650
- if (i) {
651
- for (let w = 0; w < i.length; w++)
652
- if (!n.find((S) => S.id === i[w].id)) {
653
- g = i[w];
658
+ const h = [...s];
659
+ let C = null;
660
+ if (n) {
661
+ for (let S = 0; S < n.length; S++)
662
+ if (!s.find((b) => b.id === n[S].id)) {
663
+ C = n[S];
654
664
  break;
655
665
  }
656
666
  }
657
- h === "select" && i && p.push({
658
- name: g ? g.name : i[0].name,
659
- id: (g == null ? void 0 : g.id) || i[0].id,
660
- ...y
661
- }), a(p);
667
+ y === "select" && n && h.push({
668
+ name: C ? C.name : n[0].name,
669
+ id: (C == null ? void 0 : C.id) || n[0].id,
670
+ ...p
671
+ }), e(h);
662
672
  },
663
673
  style: {
664
674
  width: "fit-content"
665
675
  },
666
- children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
676
+ children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
667
677
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
668
678
  /* @__PURE__ */ t.jsx(
669
- b,
679
+ j,
670
680
  {
671
681
  name: "Plus",
672
682
  width: 16,
@@ -681,52 +691,51 @@ const Di = (o) => {
681
691
  ] })
682
692
  ] });
683
693
  };
684
- function Je(o) {
685
- const { product: s, children: e } = o, { attributes: n, listeners: a, setNodeRef: c, transform: u, transition: r, isDragging: m } = xt({
686
- id: s.id
687
- }), _ = {
688
- transform: vt.Transform.toString(u),
689
- transition: r
694
+ function Qe(c) {
695
+ const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: r, transform: d, transition: m, isDragging: _ } = gt({
696
+ id: i.id
697
+ }), u = {
698
+ transform: ft.Transform.toString(d),
699
+ transition: m
690
700
  };
691
701
  return /* @__PURE__ */ t.jsx(
692
702
  "div",
693
703
  {
694
- ref: c,
695
- style: _,
696
- className: `${Y.product} ${m ? Y.dragging : ""}`,
697
- ...n,
698
- ...a,
699
- children: e
704
+ ref: r,
705
+ style: u,
706
+ className: `${H.product} ${_ ? H.dragging : ""}`,
707
+ ...s,
708
+ ...e,
709
+ children: a
700
710
  }
701
711
  );
702
712
  }
703
- const Li = (o) => {
713
+ const Ri = (c) => {
704
714
  const {
705
- isActiveItems: s,
706
- setIsActiveItems: e,
707
- items: n,
708
- setItems: a,
709
- other: c,
710
- title: u,
711
- subtitle: r,
712
- editable: m = !0,
713
- draggable: _ = !1,
714
- withImage: B = !1,
715
- deletable: h = !0,
716
- addable: i = !0,
717
- itemsType: y,
718
- itemsPlaceholder: d = "",
719
- itemsOptions: C,
720
- hasRangeSelector: v = !1,
721
- rangeSelectorOptions: N,
715
+ isActiveItems: i,
716
+ setIsActiveItems: a,
717
+ items: s,
718
+ setItems: e,
719
+ other: r,
720
+ title: d,
721
+ subtitle: m,
722
+ editable: _ = !0,
723
+ draggable: u = !1,
724
+ deletable: w = !0,
725
+ addable: y = !0,
726
+ itemsType: n,
727
+ itemsPlaceholder: p = "",
728
+ itemsOptions: o,
729
+ hasRangeSelector: T = !1,
730
+ rangeSelectorOptions: g,
722
731
  modalOptions: I,
723
- addableOptions: A = {},
724
- limit: x
725
- } = o, [D, z] = f.useState(null), [H, p] = f.useState({
732
+ addableOptions: k = {},
733
+ limit: O
734
+ } = c, [z, R] = f.useState(null), [v, L] = f.useState({
726
735
  top: 0,
727
736
  left: 0
728
- }), [g, w] = f.useState(null), S = f.useRef(null), [P, q] = f.useState(!1), j = mt(
729
- ht(pt, {
737
+ }), [h, C] = f.useState(null), S = f.useRef(null), [b, q] = f.useState(!1), M = dt(
738
+ ut(ht, {
730
739
  activationConstraint: {
731
740
  distance: 5
732
741
  }
@@ -734,68 +743,47 @@ const Li = (o) => {
734
743
  );
735
744
  f.useEffect(() => {
736
745
  const l = () => {
737
- z(null), q(!1);
746
+ R(null), q(!1);
738
747
  };
739
- return document.body.addEventListener("click", l), z(null), q(!1), () => {
740
- z(null), q(!1), document.body.removeEventListener("click", l);
748
+ return document.body.addEventListener("click", l), R(null), q(!1), () => {
749
+ R(null), q(!1), document.body.removeEventListener("click", l);
741
750
  };
742
751
  }, []), f.useEffect(() => {
743
- if (D) {
744
- const l = [...n].map((E) => E.id === D.id ? D : E);
745
- a(l);
752
+ if (z) {
753
+ const l = [...s].map((P) => P.id === z.id ? z : P);
754
+ e(l);
746
755
  }
747
- }, [D]), f.useEffect(() => {
748
- if (S.current && g) {
749
- const l = S.current.getBoundingClientRect().height, E = window.innerHeight;
750
- let R = g.top;
751
- R + l > E + window.scrollY - 200 && (R = E + window.scrollY - l - 200), R < 0 && (R = 10), p({
752
- top: R,
753
- left: g.left
756
+ }, [z]), f.useEffect(() => {
757
+ if (S.current && h) {
758
+ const l = S.current.getBoundingClientRect().height, P = window.innerHeight;
759
+ let N = h.top;
760
+ N + l > P + window.scrollY - 200 && (N = P + window.scrollY - l - 200), N < 0 && (N = 10), L({
761
+ top: N,
762
+ left: h.left
754
763
  });
755
764
  }
756
- }, [S.current, g]);
757
- const M = (l, E) => {
765
+ }, [S.current, h]);
766
+ const x = (l, P) => {
758
767
  l.stopPropagation();
759
- const R = l.target.getBoundingClientRect();
760
- w({
761
- top: R.top + window.scrollY,
762
- left: R.left - 30
763
- }), z(E), q(!0);
764
- };
765
- function V(l) {
766
- if (B)
767
- return l ? /* @__PURE__ */ t.jsx(
768
- "img",
769
- {
770
- src: `https://imagedelivery.net/${l[0]}/w=1000`,
771
- alt: "image",
772
- width: 16,
773
- height: 16
774
- }
775
- ) : /* @__PURE__ */ t.jsx(
776
- b,
777
- {
778
- name: "Image",
779
- width: 16,
780
- height: 16,
781
- fill: "#757575"
782
- }
783
- );
784
- }
785
- const T = (l) => {
786
- const { active: E, over: R } = l;
787
- if (R && E.id !== R.id) {
788
- const O = n.findIndex((G) => G.id === E.id), nt = n.findIndex((G) => G.id === R.id);
789
- if (O !== -1 && nt !== -1) {
790
- const G = [...n], [Z] = G.splice(O, 1);
791
- G.splice(nt, 0, Z), a(G);
768
+ const N = l.target.getBoundingClientRect();
769
+ C({
770
+ top: N.top + window.scrollY,
771
+ left: N.left - 30
772
+ }), R(P), q(!0);
773
+ }, A = (l) => {
774
+ const { active: P, over: N } = l;
775
+ if (N && P.id !== N.id) {
776
+ const E = s.findIndex((D) => D.id === P.id), K = s.findIndex((D) => D.id === N.id);
777
+ if (E !== -1 && K !== -1) {
778
+ const D = [...s], [J] = D.splice(E, 1);
779
+ D.splice(K, 0, J), e(D);
792
780
  }
793
781
  }
794
- }, U = (l) => {
795
- var R;
796
- const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
797
- _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
798
- b,
782
+ }, V = (l) => {
783
+ var N;
784
+ const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
785
+ u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
786
+ j,
799
787
  {
800
788
  name: "DotsSixVertical",
801
789
  hoverable: !0,
@@ -803,145 +791,139 @@ const Li = (o) => {
803
791
  height: 20
804
792
  }
805
793
  ) }),
806
- y === "select" && C && /* @__PURE__ */ t.jsx(
807
- it,
794
+ n === "select" && o && /* @__PURE__ */ t.jsx(
795
+ st,
808
796
  {
809
- onChange: (O) => {
810
- const G = [...n].map((Z) => Z.id === l.id ? {
797
+ onChange: (E) => {
798
+ const D = [...s].map((J) => J.id === l.id ? {
811
799
  ...l,
812
800
  name: {
813
- "en-US": O
801
+ "en-US": E
814
802
  }
815
- } : Z);
816
- z({
803
+ } : J);
804
+ R({
817
805
  ...l,
818
806
  name: {
819
- "en-US": O
807
+ "en-US": E
820
808
  }
821
- }), a([...G]);
809
+ }), e([...D]);
822
810
  },
823
811
  value: l.name["en-US"],
824
- options: C.filter(
825
- (O) => !n.find((nt) => nt.name["en-US"] === O)
826
- ),
827
- leftAddonOptions: [
828
- {
829
- value: l.name["en-US"],
830
- addon: V(l.images)
831
- }
832
- ]
812
+ options: o.filter(
813
+ (E) => !s.find((K) => K.name["en-US"] === E)
814
+ )
833
815
  }
834
816
  ),
835
- y === "input" && /* @__PURE__ */ t.jsx(
836
- It,
817
+ n === "input" && /* @__PURE__ */ t.jsx(
818
+ bt,
837
819
  {
838
- onChange: (O) => {
839
- const G = [...n].map((Z) => Z.id === l.id ? {
820
+ onChange: (E) => {
821
+ const D = [...s].map((J) => J.id === l.id ? {
840
822
  ...l,
841
823
  name: {
842
- "en-US": O
824
+ "en-US": E
843
825
  }
844
- } : Z);
845
- a([...G]);
826
+ } : J);
827
+ e([...D]);
846
828
  },
847
829
  value: l.name["en-US"],
848
- placeholder: d
830
+ placeholder: p
849
831
  }
850
832
  ),
851
- y === "image" && /* @__PURE__ */ t.jsx(
852
- At,
833
+ n === "image" && /* @__PURE__ */ t.jsx(
834
+ Tt,
853
835
  {
854
- onChange: (O) => {
855
- const G = [...n].map((Z) => Z.id === l.id ? {
836
+ onChange: (E) => {
837
+ const D = [...s].map((J) => J.id === l.id ? {
856
838
  ...l,
857
- images: O
858
- } : Z);
859
- a([...G]);
839
+ images: E
840
+ } : J);
841
+ e([...D]);
860
842
  },
861
- activeImage: (R = n.find((O) => O.id === l.id)) == null ? void 0 : R.images[0]
843
+ activeImage: (N = s.find((E) => E.id === l.id)) == null ? void 0 : N.images[0]
862
844
  }
863
845
  ),
864
- /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
865
- m && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
866
- b,
846
+ /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
847
+ _ && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
848
+ j,
867
849
  {
868
850
  name: "Sliders",
869
851
  hoverable: !0,
870
852
  width: 20,
871
853
  height: 20,
872
- onClick: (O) => M(O, l)
854
+ onClick: (E) => x(E, l)
873
855
  }
874
856
  ) }),
875
- h && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
876
- b,
857
+ w && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
858
+ j,
877
859
  {
878
860
  name: "Trash",
879
861
  hoverable: !0,
880
862
  width: 20,
881
863
  height: 20,
882
864
  fill: "#C12A2A",
883
- onClick: () => a(n.filter((O) => O.id !== l.id))
865
+ onClick: () => e(s.filter((E) => E.id !== l.id))
884
866
  }
885
867
  ) })
886
868
  ] })
887
869
  ] });
888
- return _ ? /* @__PURE__ */ t.jsx(
889
- Je,
870
+ return u ? /* @__PURE__ */ t.jsx(
871
+ Qe,
890
872
  {
891
873
  product: l,
892
- children: E
874
+ children: P
893
875
  },
894
876
  l.id
895
877
  ) : /* @__PURE__ */ t.jsx(
896
878
  "div",
897
879
  {
898
- className: Y.product,
899
- children: E
880
+ className: H.product,
881
+ children: P
900
882
  },
901
883
  l.id
902
884
  );
903
885
  };
904
- return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
905
- (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
906
- u && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: u }),
907
- s !== void 0 && /* @__PURE__ */ t.jsx(
908
- ct,
886
+ return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
887
+ (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
888
+ d && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: d }),
889
+ i !== void 0 && /* @__PURE__ */ t.jsx(
890
+ ot,
909
891
  {
910
- current: s,
911
- onChange: (l) => e == null ? void 0 : e(l)
892
+ current: i,
893
+ onChange: (l) => a == null ? void 0 : a(l)
912
894
  }
913
895
  )
914
896
  ] }),
915
- D && m && I && P && /* @__PURE__ */ t.jsx(
916
- Mt,
897
+ z && _ && I && b && /* @__PURE__ */ t.jsx(
898
+ Pt,
917
899
  {
918
900
  ref: S,
919
- activeItem: D,
920
- setActiveItem: z,
921
- popupPosition: H,
901
+ activeItem: z,
902
+ setActiveItem: R,
903
+ popupPosition: v,
922
904
  modalOptions: I,
923
905
  setIsOpenModal: q
924
906
  }
925
907
  ),
926
- v && N && /* @__PURE__ */ t.jsx(St, { ...N }),
927
- /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
928
- r && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: r }),
929
- _ ? /* @__PURE__ */ t.jsx(
930
- _t,
908
+ T && g && /* @__PURE__ */ t.jsx(kt, { ...g }),
909
+ /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
910
+ m && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: m }),
911
+ u ? /* @__PURE__ */ t.jsx(
912
+ mt,
931
913
  {
932
- sensors: j,
933
- onDragEnd: T,
914
+ sensors: M,
915
+ onDragEnd: A,
934
916
  children: /* @__PURE__ */ t.jsx(
935
- gt,
917
+ pt,
936
918
  {
937
- items: n.map((l) => l.id),
938
- strategy: ft,
939
- children: n.map((l) => U(l))
919
+ items: s.map((l) => l.id),
920
+ strategy: _t,
921
+ children: s.map((l) => V(l))
940
922
  }
941
923
  )
942
924
  }
943
- ) : n.map((l) => U(l)),
944
- i && /* @__PURE__ */ t.jsx(
925
+ ) : s.map((l) => V(l)),
926
+ y && /* @__PURE__ */ t.jsx(
945
927
  "div",
946
928
  {
947
929
  style: {
@@ -950,55 +932,55 @@ const Li = (o) => {
950
932
  justifyContent: "center"
951
933
  },
952
934
  children: /* @__PURE__ */ t.jsx(
953
- rt,
935
+ ct,
954
936
  {
955
937
  withoutHover: !0,
956
- className: F(Y.button, {
957
- [Y.disabled]: !!(x && x <= n.length)
938
+ className: U(H.button, {
939
+ [H.disabled]: !!(O && O <= s.length)
958
940
  }),
959
941
  size: "s",
960
- disabled: !!(x && x <= n.length),
942
+ disabled: !!(O && O <= s.length),
961
943
  onClick: () => {
962
- const l = [...n];
963
- let E = null;
964
- if (C) {
965
- for (let R = 0; R < C.length; R++)
966
- if (!n.find((O) => O.name["en-US"] === C[R])) {
967
- E = C[R];
944
+ const l = [...s];
945
+ let P = null;
946
+ if (o) {
947
+ for (let N = 0; N < o.length; N++)
948
+ if (!s.find((E) => E.name["en-US"] === o[N])) {
949
+ P = o[N];
968
950
  break;
969
951
  }
970
952
  }
971
- y === "select" && C ? l.push({
953
+ n === "select" && o ? l.push({
972
954
  name: {
973
- "en-US": E || C[0]
955
+ "en-US": P || o[0]
974
956
  },
975
- id: st(),
976
- ...A,
957
+ id: et(),
958
+ ...k,
977
959
  maxSymbols: 100
978
960
  // пример значения
979
- }) : y === "input" ? l.push({
961
+ }) : n === "input" ? l.push({
980
962
  name: {
981
963
  "en-US": ""
982
964
  },
983
- id: st(),
984
- ...A,
965
+ id: et(),
966
+ ...k,
985
967
  maxSymbols: 100
986
968
  }) : l.push({
987
969
  name: {
988
- "en-US": `Image ${n.length + 1}`
970
+ "en-US": `Image ${s.length + 1}`
989
971
  },
990
- id: st(),
991
- ...A,
972
+ id: et(),
973
+ ...k,
992
974
  maxSymbols: 100
993
- }), a(l);
975
+ }), e(l);
994
976
  },
995
977
  style: {
996
978
  width: "fit-content"
997
979
  },
998
- children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
980
+ children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
999
981
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
1000
982
  /* @__PURE__ */ t.jsx(
1001
- b,
983
+ j,
1002
984
  {
1003
985
  name: "Plus",
1004
986
  width: 16,
@@ -1011,126 +993,126 @@ const Li = (o) => {
1011
993
  }
1012
994
  )
1013
995
  ] }),
1014
- c !== void 0 && /* @__PURE__ */ t.jsx(
1015
- ut,
996
+ r !== void 0 && /* @__PURE__ */ t.jsx(
997
+ lt,
1016
998
  {
1017
999
  otherTitle: "Other",
1018
- items: c
1000
+ items: r
1019
1001
  }
1020
1002
  )
1021
1003
  ] });
1022
- }, Ke = "_subtitle_jql1y_1", Ze = "_header_jql1y_8", tn = "_text_jql1y_9", en = "_productsBlock_jql1y_10", nn = "_buttonsBlock_jql1y_11", sn = "_top_jql1y_23", an = "_itemsBlock_jql1y_32", on = "_typeTexts_jql1y_38", cn = "_block_jql1y_45", rn = "_active_jql1y_58", ln = "_products_jql1y_10", dn = "_product_jql1y_10", un = "_button_jql1y_11", mn = "_image_jql1y_88", hn = "_info_jql1y_95", pn = "_name_jql1y_107", _n = "_buttons_jql1y_11", gn = "_modal_jql1y_118", fn = "_other_jql1y_138", xn = "_options_jql1y_144", vn = "_addButton_jql1y_150", jn = "_deleteButton_jql1y_165", tt = {
1023
- subtitle: Ke,
1024
- header: Ze,
1025
- text: tn,
1026
- productsBlock: en,
1027
- buttonsBlock: nn,
1028
- top: sn,
1029
- itemsBlock: an,
1030
- typeTexts: on,
1031
- block: cn,
1032
- active: rn,
1033
- products: ln,
1034
- product: dn,
1035
- button: un,
1036
- image: mn,
1037
- info: hn,
1038
- name: pn,
1039
- buttons: _n,
1040
- modal: gn,
1041
- other: fn,
1042
- options: xn,
1043
- addButton: vn,
1044
- deleteButton: jn
1045
- }, bn = (o) => {
1046
- const { buttons: s, setButtons: e, deletable: n = !0, addable: a = !0, editableLink: c = !0 } = o, { pages: u } = lt(), [r, m] = f.useState(null), [_, B] = f.useState({
1004
+ }, Xe = "_subtitle_jql1y_1", Je = "_header_jql1y_8", Ke = "_text_jql1y_9", Ze = "_productsBlock_jql1y_10", ts = "_buttonsBlock_jql1y_11", es = "_top_jql1y_23", ss = "_itemsBlock_jql1y_32", ns = "_typeTexts_jql1y_38", is = "_block_jql1y_45", as = "_active_jql1y_58", os = "_products_jql1y_10", cs = "_product_jql1y_10", rs = "_button_jql1y_11", ls = "_image_jql1y_88", ds = "_info_jql1y_95", us = "_name_jql1y_107", hs = "_buttons_jql1y_11", ms = "_modal_jql1y_118", ps = "_other_jql1y_138", _s = "_options_jql1y_144", gs = "_addButton_jql1y_150", fs = "_deleteButton_jql1y_165", Z = {
1005
+ subtitle: Xe,
1006
+ header: Je,
1007
+ text: Ke,
1008
+ productsBlock: Ze,
1009
+ buttonsBlock: ts,
1010
+ top: es,
1011
+ itemsBlock: ss,
1012
+ typeTexts: ns,
1013
+ block: is,
1014
+ active: as,
1015
+ products: os,
1016
+ product: cs,
1017
+ button: rs,
1018
+ image: ls,
1019
+ info: ds,
1020
+ name: us,
1021
+ buttons: hs,
1022
+ modal: ms,
1023
+ other: ps,
1024
+ options: _s,
1025
+ addButton: gs,
1026
+ deleteButton: fs
1027
+ }, xs = (c) => {
1028
+ const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: r = !0 } = c, { pages: d } = it(), [m, _] = f.useState(null), [u, w] = f.useState({
1047
1029
  top: 0,
1048
1030
  left: 0
1049
- }), [h, i] = f.useState(null), y = f.useRef(null);
1031
+ }), [y, n] = f.useState(null), p = f.useRef(null);
1050
1032
  f.useEffect(() => {
1051
- if (r) {
1052
- const v = [...s].map((N) => N.id === r.id ? r : N);
1053
- e(v);
1033
+ if (m) {
1034
+ const g = [...i].map((I) => I.id === m.id ? m : I);
1035
+ a(g);
1054
1036
  }
1055
- }, [r]), f.useEffect(() => {
1056
- if (y.current && h) {
1057
- const v = y.current.getBoundingClientRect().height, N = window.innerHeight;
1058
- let I = h.top;
1059
- I + v > N + window.scrollY - 200 && (I = N + window.scrollY - v - 200), I < 0 && (I = 10), B({
1060
- top: I,
1061
- left: h.left
1037
+ }, [m]), f.useEffect(() => {
1038
+ if (p.current && y) {
1039
+ const g = p.current.getBoundingClientRect().height, I = window.innerHeight;
1040
+ let k = y.top;
1041
+ k + g > I + window.scrollY - 200 && (k = I + window.scrollY - g - 200), k < 0 && (k = 10), w({
1042
+ top: k,
1043
+ left: y.left
1062
1044
  });
1063
1045
  }
1064
- }, [y.current, h]);
1065
- const d = (v, N) => {
1066
- v.stopPropagation();
1067
- const I = v.target.getBoundingClientRect();
1068
- i({
1069
- top: I.top + window.scrollY - 70,
1070
- left: I.left - (a ? 30 : 65)
1071
- }), m(N);
1072
- }, C = (v, N) => {
1073
- const I = [...s], A = {
1074
- ...v,
1046
+ }, [p.current, y]);
1047
+ const o = (g, I) => {
1048
+ g.stopPropagation();
1049
+ const k = g.target.getBoundingClientRect();
1050
+ n({
1051
+ top: k.top + window.scrollY - 70,
1052
+ left: k.left - (e ? 30 : 65)
1053
+ }), _(I);
1054
+ }, T = (g, I) => {
1055
+ const k = [...i], O = {
1056
+ ...g,
1075
1057
  id: Math.random().toString(36).substr(2, 9)
1076
1058
  // Генерируем новый уникальный ID
1077
1059
  };
1078
- I.splice(N + 1, 0, A), e(I);
1060
+ k.splice(I + 1, 0, O), a(k);
1079
1061
  };
1080
- return /* @__PURE__ */ t.jsxs("div", { className: tt.products, children: [
1081
- /* @__PURE__ */ t.jsx("h5", { className: tt.subtitle, children: "Button Type" }),
1082
- s.map((v, N) => /* @__PURE__ */ t.jsxs(
1062
+ return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
1063
+ /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
1064
+ i.map((g, I) => /* @__PURE__ */ t.jsxs(
1083
1065
  "div",
1084
1066
  {
1085
- className: tt.product,
1067
+ className: Z.product,
1086
1068
  children: [
1087
1069
  /* @__PURE__ */ t.jsx(
1088
- it,
1070
+ st,
1089
1071
  {
1090
- onChange: (I) => {
1091
- const x = [...s].map((D) => D.id === v.id ? {
1092
- ...v,
1093
- type: I
1094
- } : D);
1095
- e(x);
1072
+ onChange: (k) => {
1073
+ const z = [...i].map((R) => R.id === g.id ? {
1074
+ ...g,
1075
+ type: k
1076
+ } : R);
1077
+ a(z);
1096
1078
  },
1097
- value: v.type,
1079
+ value: g.type,
1098
1080
  options: ["Primary", "Secondary", "Tertiary"]
1099
1081
  }
1100
1082
  ),
1101
- /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
1102
- /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
1103
- b,
1083
+ /* @__PURE__ */ t.jsxs("div", { className: Z.buttons, children: [
1084
+ /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
1085
+ j,
1104
1086
  {
1105
1087
  name: "Copy",
1106
1088
  hoverable: !0,
1107
1089
  width: 20,
1108
1090
  height: 20,
1109
1091
  onClick: () => {
1110
- C(v, N);
1092
+ T(g, I);
1111
1093
  }
1112
1094
  }
1113
1095
  ) }),
1114
- /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
1115
- b,
1096
+ /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
1097
+ j,
1116
1098
  {
1117
1099
  name: "Sliders",
1118
1100
  hoverable: !0,
1119
1101
  width: 20,
1120
1102
  height: 20,
1121
- onClick: (I) => {
1122
- d(I, v);
1103
+ onClick: (k) => {
1104
+ o(k, g);
1123
1105
  }
1124
1106
  }
1125
1107
  ) }),
1126
- n && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
1127
- b,
1108
+ s && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
1109
+ j,
1128
1110
  {
1129
1111
  name: "Trash",
1130
1112
  hoverable: !0,
1131
1113
  onClick: () => {
1132
- const I = s.filter((A) => A.id !== v.id);
1133
- e(I);
1114
+ const k = i.filter((O) => O.id !== g.id);
1115
+ a(k);
1134
1116
  },
1135
1117
  width: 20,
1136
1118
  height: 20,
@@ -1140,19 +1122,19 @@ const Li = (o) => {
1140
1122
  ] })
1141
1123
  ]
1142
1124
  },
1143
- v.id
1125
+ g.id
1144
1126
  )),
1145
- r && /* @__PURE__ */ t.jsx(
1146
- Ot,
1127
+ m && /* @__PURE__ */ t.jsx(
1128
+ Mt,
1147
1129
  {
1148
- ref: y,
1149
- activeButton: r,
1150
- setActiveButton: m,
1151
- popupPosition: _,
1152
- editableLink: c
1130
+ ref: p,
1131
+ activeButton: m,
1132
+ setActiveButton: _,
1133
+ popupPosition: u,
1134
+ editableLink: r
1153
1135
  }
1154
1136
  ),
1155
- a && /* @__PURE__ */ t.jsx(
1137
+ e && /* @__PURE__ */ t.jsx(
1156
1138
  "div",
1157
1139
  {
1158
1140
  style: {
@@ -1161,42 +1143,42 @@ const Li = (o) => {
1161
1143
  justifyContent: "center"
1162
1144
  },
1163
1145
  children: /* @__PURE__ */ t.jsx(
1164
- rt,
1146
+ ct,
1165
1147
  {
1166
1148
  withoutHover: !0,
1167
- className: tt.button,
1149
+ className: Z.button,
1168
1150
  size: "s",
1169
1151
  onClick: () => {
1170
- const v = [...s];
1171
- c ? v.push({
1152
+ const g = [...i];
1153
+ r ? g.push({
1172
1154
  type: "Primary",
1173
- id: st(),
1155
+ id: et(),
1174
1156
  typesText: [],
1175
1157
  text: {
1176
1158
  "en-US": "Button Name"
1177
1159
  },
1178
1160
  destination: "Go to Page",
1179
- page: u ? Object.values(u)[0].path : "/",
1161
+ page: d ? Object.values(d)[0].path : "/",
1180
1162
  openInNewTab: !1
1181
- }) : v.push({
1163
+ }) : g.push({
1182
1164
  type: "Primary",
1183
- id: st(),
1165
+ id: et(),
1184
1166
  typesText: [],
1185
1167
  text: {
1186
1168
  "en-US": "Create Ticket"
1187
1169
  },
1188
1170
  destination: "Go to Page",
1189
- page: u ? Object.values(u)[0].path : "/",
1171
+ page: d ? Object.values(d)[0].path : "/",
1190
1172
  openInNewTab: !1
1191
- }), e(v);
1173
+ }), a(g);
1192
1174
  },
1193
1175
  style: {
1194
1176
  width: "fit-content"
1195
1177
  },
1196
- children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
1178
+ children: /* @__PURE__ */ t.jsxs("div", { className: Z.addButton, children: [
1197
1179
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
1198
1180
  /* @__PURE__ */ t.jsx(
1199
- b,
1181
+ j,
1200
1182
  {
1201
1183
  name: "Plus",
1202
1184
  width: 16,
@@ -1209,123 +1191,123 @@ const Li = (o) => {
1209
1191
  }
1210
1192
  )
1211
1193
  ] });
1212
- }, zi = (o) => {
1194
+ }, Di = (c) => {
1213
1195
  const {
1214
- isActiveButtons: s,
1215
- setIsActiveButtons: e,
1216
- buttons: n,
1217
- setButtons: a,
1218
- editableLink: c = !0,
1219
- addable: u = !0,
1220
- deletable: r = !0
1221
- } = o;
1222
- return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: bt.buttonsBlock, children: [
1223
- /* @__PURE__ */ t.jsxs("div", { className: bt.top, children: [
1224
- /* @__PURE__ */ t.jsx("h3", { className: bt.title, children: "Buttons" }),
1196
+ isActiveButtons: i,
1197
+ setIsActiveButtons: a,
1198
+ buttons: s,
1199
+ setButtons: e,
1200
+ editableLink: r = !0,
1201
+ addable: d = !0,
1202
+ deletable: m = !0
1203
+ } = c;
1204
+ return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: jt.buttonsBlock, children: [
1205
+ /* @__PURE__ */ t.jsxs("div", { className: jt.top, children: [
1206
+ /* @__PURE__ */ t.jsx("h3", { className: jt.title, children: "Buttons" }),
1225
1207
  /* @__PURE__ */ t.jsx(
1226
- ct,
1208
+ ot,
1227
1209
  {
1228
- current: s,
1229
- onChange: (m) => e(m)
1210
+ current: i,
1211
+ onChange: (_) => a(_)
1230
1212
  }
1231
1213
  )
1232
1214
  ] }),
1233
- s && /* @__PURE__ */ t.jsx(
1234
- bn,
1215
+ i && /* @__PURE__ */ t.jsx(
1216
+ xs,
1235
1217
  {
1236
- buttons: n,
1237
- setButtons: a,
1238
- editableLink: c,
1239
- addable: u,
1240
- deletable: r
1218
+ buttons: s,
1219
+ setButtons: e,
1220
+ editableLink: r,
1221
+ addable: d,
1222
+ deletable: m
1241
1223
  }
1242
1224
  )
1243
1225
  ] }) });
1244
1226
  };
1245
- function yn(o) {
1246
- const { product: s, children: e } = o, { attributes: n, listeners: a, setNodeRef: c, transform: u, transition: r, isDragging: m } = xt({
1247
- id: String(s.listingId)
1248
- }), _ = {
1249
- transform: vt.Transform.toString(u),
1250
- transition: r
1227
+ function js(c) {
1228
+ const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: r, transform: d, transition: m, isDragging: _ } = gt({
1229
+ id: String(i.listingId)
1230
+ }), u = {
1231
+ transform: ft.Transform.toString(d),
1232
+ transition: m
1251
1233
  };
1252
1234
  return /* @__PURE__ */ t.jsx(
1253
1235
  "div",
1254
1236
  {
1255
- ref: c,
1256
- style: _,
1257
- className: `${Q.product} ${m ? Q.dragging : ""}`,
1258
- ...n,
1259
- ...a,
1260
- children: e
1237
+ ref: r,
1238
+ style: u,
1239
+ className: `${G.product} ${_ ? G.dragging : ""}`,
1240
+ ...s,
1241
+ ...e,
1242
+ children: a
1261
1243
  }
1262
1244
  );
1263
1245
  }
1264
- const Fi = (o) => {
1246
+ const zi = (c) => {
1265
1247
  const {
1266
- isActiveItems: s,
1267
- setIsActiveItems: e,
1268
- items: n,
1269
- setItems: a,
1270
- other: c,
1271
- title: u,
1272
- subtitle: r,
1273
- editable: m = !0,
1274
- draggable: _ = !1,
1275
- withImage: B = !1,
1276
- deletable: h = !0,
1277
- addable: i = !0,
1278
- itemsType: y,
1279
- itemsOptions: d,
1280
- limit: C,
1281
- aspectRatio: v,
1282
- setAspectRatio: N
1283
- } = o, [I, A] = f.useState(
1248
+ isActiveItems: i,
1249
+ setIsActiveItems: a,
1250
+ items: s,
1251
+ setItems: e,
1252
+ other: r,
1253
+ title: d,
1254
+ subtitle: m,
1255
+ editable: _ = !0,
1256
+ draggable: u = !1,
1257
+ withImage: w = !1,
1258
+ deletable: y = !0,
1259
+ addable: n = !0,
1260
+ itemsType: p,
1261
+ itemsOptions: o,
1262
+ limit: T,
1263
+ aspectRatio: g,
1264
+ setAspectRatio: I
1265
+ } = c, [k, O] = f.useState(
1284
1266
  null
1285
- ), [x, D] = f.useState({
1267
+ ), [z, R] = f.useState({
1286
1268
  top: 0,
1287
1269
  left: 0
1288
- }), [z, H] = f.useState(!1), p = mt(
1289
- ht(pt, {
1270
+ }), [v, L] = f.useState(!1), h = dt(
1271
+ ut(ht, {
1290
1272
  activationConstraint: {
1291
1273
  distance: 5
1292
1274
  }
1293
1275
  })
1294
1276
  );
1295
1277
  f.useEffect(() => {
1296
- const j = () => {
1297
- A(null), H(!1);
1278
+ const x = () => {
1279
+ O(null), L(!1);
1298
1280
  };
1299
- return document.body.addEventListener("click", j), A(null), H(!1), () => {
1300
- A(null), H(!1), document.body.removeEventListener("click", j);
1281
+ return document.body.addEventListener("click", x), O(null), L(!1), () => {
1282
+ O(null), L(!1), document.body.removeEventListener("click", x);
1301
1283
  };
1302
1284
  }, []), f.useEffect(() => {
1303
- if (I) {
1304
- const j = [...n].map((M) => M.listingId === I.listingId ? I : M);
1305
- a(j);
1285
+ if (k) {
1286
+ const x = [...s].map((A) => A.listingId === k.listingId ? k : A);
1287
+ e(x);
1306
1288
  }
1307
- }, [I]);
1308
- const g = (j, M) => {
1309
- j.stopPropagation();
1310
- const V = j.target.getBoundingClientRect(), T = 100, U = window.innerHeight;
1311
- let l = V.top + window.scrollY;
1312
- l + T > U && (l = U - T - 20), H(!0), D({
1313
- top: l - 80,
1289
+ }, [k]);
1290
+ const C = (x, A) => {
1291
+ x.stopPropagation();
1292
+ const V = x.target.getBoundingClientRect(), l = 100, P = window.innerHeight;
1293
+ let N = V.top + window.scrollY;
1294
+ N + l > P && (N = P - l - 20), L(!0), R({
1295
+ top: N - 80,
1314
1296
  left: V.left - 30
1315
- }), A(M);
1297
+ }), O(A);
1316
1298
  };
1317
- function w(j) {
1318
- if (B)
1319
- return j ? /* @__PURE__ */ t.jsx(
1299
+ function S(x) {
1300
+ if (w)
1301
+ return x ? /* @__PURE__ */ t.jsx(
1320
1302
  "img",
1321
1303
  {
1322
- src: `https://imagedelivery.net/${j}/w=1000`,
1304
+ src: `https://imagedelivery.net/${x}/w=1000`,
1323
1305
  alt: "image",
1324
1306
  width: 16,
1325
1307
  height: 16
1326
1308
  }
1327
1309
  ) : /* @__PURE__ */ t.jsx(
1328
- b,
1310
+ j,
1329
1311
  {
1330
1312
  name: "Image",
1331
1313
  width: 16,
@@ -1334,21 +1316,21 @@ const Fi = (o) => {
1334
1316
  }
1335
1317
  );
1336
1318
  }
1337
- const S = (j) => {
1338
- const { active: M, over: V } = j;
1339
- if (V && M.id !== V.id) {
1340
- const T = n.findIndex((l) => String(l.listingId) === M.id), U = n.findIndex((l) => String(l.listingId) === V.id);
1341
- if (T !== -1 && U !== -1) {
1342
- const l = [...n], [E] = l.splice(T, 1);
1343
- l.splice(U, 0, E), a(l);
1319
+ const b = (x) => {
1320
+ const { active: A, over: V } = x;
1321
+ if (V && A.id !== V.id) {
1322
+ const l = s.findIndex((N) => String(N.listingId) === A.id), P = s.findIndex((N) => String(N.listingId) === V.id);
1323
+ if (l !== -1 && P !== -1) {
1324
+ const N = [...s], [E] = N.splice(l, 1);
1325
+ N.splice(P, 0, E), e(N);
1344
1326
  }
1345
1327
  }
1346
- }, P = (j) => {
1347
- const M = d.find((T) => j.listingId === T.id);
1348
- if (!M) return null;
1328
+ }, q = (x) => {
1329
+ const A = o.find((l) => x.listingId === l.id);
1330
+ if (!A) return null;
1349
1331
  const V = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1350
- _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1351
- b,
1332
+ u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1333
+ j,
1352
1334
  {
1353
1335
  name: "DotsSixVertical",
1354
1336
  hoverable: !0,
@@ -1356,111 +1338,111 @@ const Fi = (o) => {
1356
1338
  height: 20
1357
1339
  }
1358
1340
  ) }),
1359
- y === "select" && /* @__PURE__ */ t.jsx(
1360
- it,
1341
+ p === "select" && /* @__PURE__ */ t.jsx(
1342
+ st,
1361
1343
  {
1362
- onChange: (T) => {
1363
- const U = [...n], l = d.find((O) => O.productData.name === T);
1364
- if (!l) return;
1344
+ onChange: (l) => {
1345
+ const P = [...s], N = o.find((D) => D.productData.name === l);
1346
+ if (!N) return;
1365
1347
  const E = {
1366
- listingId: l.id,
1367
- image: l.productData.images.length > 0 ? l.productData.images[0].cfId : ""
1368
- }, R = U.map((O) => O.listingId === j.listingId ? E : O);
1369
- A(E), a([...R]);
1348
+ listingId: N.id,
1349
+ image: N.productData.images.length > 0 ? N.productData.images[0].cfId : ""
1350
+ }, K = P.map((D) => D.listingId === x.listingId ? E : D);
1351
+ O(E), e([...K]);
1370
1352
  },
1371
- value: M.productData.name,
1353
+ value: A.productData.name,
1372
1354
  options: [
1373
- ...d.filter((T) => !n.find((U) => U.listingId === T.id)).map((T) => T.productData.name)
1355
+ ...o.filter((l) => !s.find((P) => P.listingId === l.id)).map((l) => l.productData.name)
1374
1356
  ],
1375
- leftAddonOptions: d.map((T) => {
1376
- var U;
1357
+ leftAddonOptions: o.map((l) => {
1358
+ var P;
1377
1359
  return {
1378
- value: T.productData.name,
1379
- addon: w(((U = T.productData.images[0]) == null ? void 0 : U.cfId) || "")
1360
+ value: l.productData.name,
1361
+ addon: S(((P = l.productData.images[0]) == null ? void 0 : P.cfId) || "")
1380
1362
  };
1381
1363
  })
1382
1364
  }
1383
1365
  ),
1384
- /* @__PURE__ */ t.jsxs("div", { className: Q.buttons, children: [
1385
- m && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
1386
- b,
1366
+ /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
1367
+ _ && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
1368
+ j,
1387
1369
  {
1388
1370
  name: "Sliders",
1389
1371
  hoverable: !0,
1390
1372
  width: 20,
1391
1373
  height: 20,
1392
- onClick: (T) => g(T, j)
1374
+ onClick: (l) => C(l, x)
1393
1375
  }
1394
1376
  ) }),
1395
- h && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
1396
- b,
1377
+ y && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
1378
+ j,
1397
1379
  {
1398
1380
  name: "Trash",
1399
1381
  hoverable: !0,
1400
1382
  width: 20,
1401
1383
  height: 20,
1402
1384
  fill: "#C12A2A",
1403
- onClick: () => a(n.filter((T) => T !== j))
1385
+ onClick: () => e(s.filter((l) => l !== x))
1404
1386
  }
1405
1387
  ) })
1406
1388
  ] })
1407
1389
  ] });
1408
- return _ ? /* @__PURE__ */ t.jsx(
1409
- yn,
1390
+ return u ? /* @__PURE__ */ t.jsx(
1391
+ js,
1410
1392
  {
1411
- product: j,
1393
+ product: x,
1412
1394
  children: V
1413
1395
  },
1414
- j.listingId
1396
+ x.listingId
1415
1397
  ) : /* @__PURE__ */ t.jsx(
1416
1398
  "div",
1417
1399
  {
1418
- className: Q.product,
1400
+ className: G.product,
1419
1401
  children: V
1420
1402
  },
1421
- j.listingId
1403
+ x.listingId
1422
1404
  );
1423
- }, q = f.useRef(null);
1424
- return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
1425
- (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
1426
- u && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: u }),
1427
- s !== void 0 && /* @__PURE__ */ t.jsx(
1428
- ct,
1405
+ }, M = f.useRef(null);
1406
+ return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
1407
+ (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
1408
+ d && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: d }),
1409
+ i !== void 0 && /* @__PURE__ */ t.jsx(
1410
+ ot,
1429
1411
  {
1430
- current: s,
1431
- onChange: (j) => e == null ? void 0 : e(j)
1412
+ current: i,
1413
+ onChange: (x) => a == null ? void 0 : a(x)
1432
1414
  }
1433
1415
  )
1434
1416
  ] }),
1435
- z && I && /* @__PURE__ */ t.jsx(
1436
- Et,
1417
+ v && k && /* @__PURE__ */ t.jsx(
1418
+ At,
1437
1419
  {
1438
- ref: q,
1439
- activeItem: I,
1440
- setActiveItem: A,
1441
- setIsOpenModal: H,
1442
- popupPosition: x,
1443
- itemsOptions: d
1420
+ ref: M,
1421
+ activeItem: k,
1422
+ setActiveItem: O,
1423
+ setIsOpenModal: L,
1424
+ popupPosition: z,
1425
+ itemsOptions: o
1444
1426
  }
1445
1427
  ),
1446
- s && /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
1447
- r && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: r }),
1448
- _ ? /* @__PURE__ */ t.jsx(
1449
- _t,
1428
+ i && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
1429
+ m && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: m }),
1430
+ u ? /* @__PURE__ */ t.jsx(
1431
+ mt,
1450
1432
  {
1451
- sensors: p,
1452
- onDragEnd: S,
1433
+ sensors: h,
1434
+ onDragEnd: b,
1453
1435
  children: /* @__PURE__ */ t.jsx(
1454
- gt,
1436
+ pt,
1455
1437
  {
1456
- items: n.map((j) => String(j.listingId)),
1457
- strategy: ft,
1458
- children: n.map((j) => P(j))
1438
+ items: s.map((x) => String(x.listingId)),
1439
+ strategy: _t,
1440
+ children: s.map((x) => q(x))
1459
1441
  }
1460
1442
  )
1461
1443
  }
1462
- ) : n.map((j) => P(j)),
1463
- i && /* @__PURE__ */ t.jsx(
1444
+ ) : s.map((x) => q(x)),
1445
+ n && /* @__PURE__ */ t.jsx(
1464
1446
  "div",
1465
1447
  {
1466
1448
  style: {
@@ -1469,31 +1451,31 @@ const Fi = (o) => {
1469
1451
  justifyContent: "center"
1470
1452
  },
1471
1453
  children: /* @__PURE__ */ t.jsx(
1472
- rt,
1454
+ ct,
1473
1455
  {
1474
1456
  withoutHover: !0,
1475
- className: Q.button,
1457
+ className: G.button,
1476
1458
  size: "s",
1477
1459
  onClick: () => {
1478
- const j = [...n];
1479
- for (let M = 0; M < d.length; M++)
1480
- if (!n.find((V) => V.listingId === d[M].id)) {
1481
- j.push({
1482
- listingId: d[M].id,
1483
- image: d[M].productData.images.length > 0 ? d[M].productData.images[0].cfId : ""
1460
+ const x = [...s];
1461
+ for (let A = 0; A < o.length; A++)
1462
+ if (!s.find((V) => V.listingId === o[A].id)) {
1463
+ x.push({
1464
+ listingId: o[A].id,
1465
+ image: o[A].productData.images.length > 0 ? o[A].productData.images[0].cfId : ""
1484
1466
  });
1485
1467
  break;
1486
1468
  }
1487
- a(j);
1469
+ e(x);
1488
1470
  },
1489
- disabled: n.length === (C || d.length),
1471
+ disabled: s.length === (T || o.length),
1490
1472
  style: {
1491
1473
  width: "fit-content"
1492
1474
  },
1493
- children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
1475
+ children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
1494
1476
  /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
1495
1477
  /* @__PURE__ */ t.jsx(
1496
- b,
1478
+ j,
1497
1479
  {
1498
1480
  name: "Plus",
1499
1481
  width: 16,
@@ -1506,169 +1488,169 @@ const Fi = (o) => {
1506
1488
  }
1507
1489
  )
1508
1490
  ] }),
1509
- v && N && /* @__PURE__ */ t.jsx(
1510
- it,
1491
+ g && I && /* @__PURE__ */ t.jsx(
1492
+ st,
1511
1493
  {
1512
- value: v,
1513
- options: Object.keys($t),
1514
- onChange: (j) => N(j),
1515
- leftAddonOptions: wt
1494
+ value: g,
1495
+ options: Object.keys(Ct),
1496
+ onChange: (x) => I(x),
1497
+ leftAddonOptions: St
1516
1498
  }
1517
1499
  ),
1518
- s && c !== void 0 && /* @__PURE__ */ t.jsx(
1519
- ut,
1500
+ i && r !== void 0 && /* @__PURE__ */ t.jsx(
1501
+ lt,
1520
1502
  {
1521
1503
  otherTitle: "Other",
1522
- items: c
1504
+ items: r
1523
1505
  }
1524
1506
  )
1525
1507
  ] });
1526
- }, In = "_options_1vlf9_1", Nn = "_price_1vlf9_13", kn = "_oldPrice_1vlf9_20", Cn = "_newPrice_1vlf9_28", Sn = "_animate_1vlf9_35", $n = "_appearAndBounce_1vlf9_1", wn = "_meta_1vlf9_53", qn = "_info_1vlf9_59", Bn = "_infoRight_1vlf9_67", Pn = "_buttons_1vlf9_74", Tn = "_variants_1vlf9_81", Mn = "_variant_1vlf9_81", An = "_stock_1vlf9_99", On = "_variantInfo_1vlf9_106", En = "_quantity_1vlf9_112", Rn = "_count_1vlf9_119", Dn = "_focused_1vlf9_136", Ln = "_button_1vlf9_74", zn = "_activeVariant_1vlf9_162", Fn = "_chargeTypes_1vlf9_166", Vn = "_charge_1vlf9_166", Un = "_chargeActive_1vlf9_191", Hn = "_title_1vlf9_199", $ = {
1527
- options: In,
1528
- price: Nn,
1529
- oldPrice: kn,
1530
- newPrice: Cn,
1531
- animate: Sn,
1532
- appearAndBounce: $n,
1533
- meta: wn,
1534
- info: qn,
1535
- infoRight: Bn,
1536
- buttons: Pn,
1537
- variants: Tn,
1538
- variant: Mn,
1539
- stock: An,
1540
- variantInfo: On,
1541
- quantity: En,
1542
- count: Rn,
1543
- focused: Dn,
1544
- button: Ln,
1545
- activeVariant: zn,
1546
- chargeTypes: Fn,
1547
- charge: Vn,
1548
- chargeActive: Un,
1549
- title: Hn
1508
+ }, vs = "_options_1vlf9_1", bs = "_price_1vlf9_13", ys = "_oldPrice_1vlf9_20", Ns = "_newPrice_1vlf9_28", Is = "_animate_1vlf9_35", ks = "_appearAndBounce_1vlf9_1", Cs = "_meta_1vlf9_53", Ss = "_info_1vlf9_59", $s = "_infoRight_1vlf9_67", ws = "_buttons_1vlf9_74", qs = "_variants_1vlf9_81", Bs = "_variant_1vlf9_81", Ps = "_stock_1vlf9_99", Ts = "_variantInfo_1vlf9_106", Ms = "_quantity_1vlf9_112", As = "_count_1vlf9_119", Os = "_focused_1vlf9_136", Es = "_button_1vlf9_74", Rs = "_activeVariant_1vlf9_162", Ds = "_chargeTypes_1vlf9_166", zs = "_charge_1vlf9_166", Ls = "_chargeActive_1vlf9_191", Fs = "_title_1vlf9_199", B = {
1509
+ options: vs,
1510
+ price: bs,
1511
+ oldPrice: ys,
1512
+ newPrice: Ns,
1513
+ animate: Is,
1514
+ appearAndBounce: ks,
1515
+ meta: Cs,
1516
+ info: Ss,
1517
+ infoRight: $s,
1518
+ buttons: ws,
1519
+ variants: qs,
1520
+ variant: Bs,
1521
+ stock: Ps,
1522
+ variantInfo: Ts,
1523
+ quantity: Ms,
1524
+ count: As,
1525
+ focused: Os,
1526
+ button: Es,
1527
+ activeVariant: Rs,
1528
+ chargeTypes: Ds,
1529
+ charge: zs,
1530
+ chargeActive: Ls,
1531
+ title: Fs
1550
1532
  };
1551
- var Ct = /* @__PURE__ */ ((o) => (o.ONE_TIME = "One-Time", o.RECURRING = "Subscribe & Save", o))(Ct || {});
1552
- const Yn = (o) => {
1553
- var I, A;
1554
- const { variants: s } = o, [e, n] = f.useState(s[0]), [a, c] = f.useState(
1533
+ var It = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(It || {});
1534
+ const Vs = (c) => {
1535
+ var z, R;
1536
+ const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, r] = f.useState(s[0]), [d, m] = f.useState(
1555
1537
  e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
1556
- ), u = jt(), [r, m] = f.useState(1), { products: _, cart: B, reset: h, addProductToCart: i } = dt(), [y, d] = f.useState(!1);
1557
- console.log(B), f.useEffect(() => {
1558
- d(!0);
1559
- const x = setTimeout(() => d(!1), 600);
1560
- return () => clearTimeout(x);
1561
- }, [r]);
1562
- async function C() {
1563
- console.log("Products P", _), await i({
1564
- productId: o.id,
1538
+ ), _ = xt(), [u, w] = f.useState(1), { reset: y, addProductToCart: n, addProducts: p } = rt(), [o, T] = f.useState(!1), { pageContext: g } = it();
1539
+ f.useEffect(() => {
1540
+ T(!0);
1541
+ const v = setTimeout(() => T(!1), 600);
1542
+ return () => clearTimeout(v);
1543
+ }, [u]);
1544
+ async function I() {
1545
+ await p((g == null ? void 0 : g.products) || []), await n({
1546
+ productId: i.id,
1565
1547
  productVariantId: e.id,
1566
- quantity: r
1567
- });
1548
+ quantity: u
1549
+ }), a == null || a(!1);
1568
1550
  }
1569
- function v() {
1570
- h(), C(), u("/checkout");
1551
+ function k() {
1552
+ y(), I(), _("/checkout");
1571
1553
  }
1572
- function N(x) {
1573
- if (x >= 864e5) {
1574
- const g = Math.floor(x / 864e5);
1575
- return `${g} ${g === 1 ? "day" : "days"}`;
1576
- } else if (x >= 36e5) {
1577
- const g = Math.floor(x / 36e5);
1578
- return `${g} ${g === 1 ? "hour" : "hours"}`;
1579
- } else if (x >= 6e4) {
1580
- const g = Math.floor(x / 6e4);
1581
- return `${g} ${g === 1 ? "minute" : "minutes"}`;
1554
+ function O(v) {
1555
+ if (v >= 864e5) {
1556
+ const b = Math.floor(v / 864e5);
1557
+ return `${b} ${b === 1 ? "day" : "days"}`;
1558
+ } else if (v >= 36e5) {
1559
+ const b = Math.floor(v / 36e5);
1560
+ return `${b} ${b === 1 ? "hour" : "hours"}`;
1561
+ } else if (v >= 6e4) {
1562
+ const b = Math.floor(v / 6e4);
1563
+ return `${b} ${b === 1 ? "minute" : "minutes"}`;
1582
1564
  } else {
1583
- const g = Math.floor(x / 1e3);
1584
- return `${g} ${g === 1 ? "second" : "seconds"}`;
1565
+ const b = Math.floor(v / 1e3);
1566
+ return `${b} ${b === 1 ? "second" : "seconds"}`;
1585
1567
  }
1586
1568
  }
1587
1569
  return f.useEffect(() => {
1588
- e.quantity && e.quantity.available === 0 && m(0);
1589
- }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: $.options, children: [
1590
- e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: $.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
1570
+ e.quantity && e.quantity.available === 0 && w(0);
1571
+ }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
1572
+ e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((v) => /* @__PURE__ */ t.jsx(
1591
1573
  "div",
1592
1574
  {
1593
- className: F($.charge, {
1594
- [$.chargeActive]: a === x
1575
+ className: U(B.charge, {
1576
+ [B.chargeActive]: d === v
1595
1577
  }),
1596
- onClick: () => c(x),
1597
- children: Ct[x]
1578
+ onClick: () => m(v),
1579
+ children: It[v]
1598
1580
  },
1599
- x
1581
+ v
1600
1582
  )) }),
1601
- /* @__PURE__ */ t.jsx("div", { className: $.variants, children: s.map((x) => {
1602
- var D, z;
1583
+ /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((v) => {
1584
+ var L, h;
1603
1585
  return /* @__PURE__ */ t.jsxs(
1604
1586
  "div",
1605
1587
  {
1606
- className: F($.variant, {
1607
- [$.activeVariant]: e.id === x.id
1588
+ className: U(B.variant, {
1589
+ [B.activeVariant]: e.id === v.id
1608
1590
  }),
1609
- onClick: () => n(x),
1591
+ onClick: () => r(v),
1610
1592
  children: [
1611
- /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
1612
- /* @__PURE__ */ t.jsx("span", { className: $.title, children: Nt(x.name) }),
1593
+ /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
1594
+ /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(v.name) }),
1613
1595
  /* @__PURE__ */ t.jsxs("span", { children: [
1614
1596
  "$",
1615
- a === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
1597
+ d === "ONE_TIME" ? v.price.amount : v.subscriptionSettings ? v.subscriptionSettings.price.amount : "Price Not Found"
1616
1598
  ] })
1617
1599
  ] }),
1618
- /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: $.stock, children: [
1619
- (D = x.quantity.restrictions) != null && D.max || x.quantity.available !== void 0 ? ((z = x.quantity.restrictions) == null ? void 0 : z.max) || x.quantity.available : "∞",
1600
+ /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
1601
+ (L = v.quantity.restrictions) != null && L.max || v.quantity.available !== void 0 ? ((h = v.quantity.restrictions) == null ? void 0 : h.max) || v.quantity.available : "∞",
1620
1602
  " ",
1621
1603
  "in stock"
1622
1604
  ] }) })
1623
1605
  ]
1624
1606
  },
1625
- x.id
1607
+ v.id
1626
1608
  );
1627
1609
  }) }),
1628
- a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
1610
+ d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
1629
1611
  /* @__PURE__ */ t.jsx(
1630
- L,
1612
+ F,
1631
1613
  {
1632
1614
  type: "Secondary",
1633
1615
  onClick: () => {
1634
- r > 1 ? m((x) => x - 1) : m(1);
1616
+ u > 1 ? w((v) => v - 1) : w(1);
1635
1617
  },
1636
- className: $.button,
1637
- disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
1638
- children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
1618
+ className: B.button,
1619
+ disabled: e.quantity.available && e.quantity.restrictions && u <= e.quantity.restrictions.min || e.quantity.available === 0,
1620
+ children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
1639
1621
  }
1640
1622
  ),
1641
1623
  /* @__PURE__ */ t.jsx(
1642
- Rt,
1624
+ Ot,
1643
1625
  {
1644
1626
  type: "number",
1645
- value: String(r),
1646
- onChange: (x) => m(Number(x)),
1647
- max: ((I = e.quantity.restrictions) == null ? void 0 : I.max) || e.quantity.available || Number.POSITIVE_INFINITY,
1648
- min: ((A = e.quantity.restrictions) == null ? void 0 : A.min) || 0,
1627
+ value: String(u),
1628
+ onChange: (v) => w(Number(v)),
1629
+ max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
1630
+ min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
1649
1631
  centered: !0,
1650
- disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
1632
+ disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && u >= e.quantity.restrictions.max
1651
1633
  }
1652
1634
  ),
1653
1635
  /* @__PURE__ */ t.jsx(
1654
- L,
1636
+ F,
1655
1637
  {
1656
1638
  type: "Secondary",
1657
1639
  onClick: () => {
1658
- m((x) => x + 1);
1640
+ w((v) => v + 1);
1659
1641
  },
1660
- className: $.button,
1661
- disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0),
1662
- children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
1642
+ className: B.button,
1643
+ disabled: !!(e.quantity.available && e.quantity.restrictions && u >= e.quantity.restrictions.max || e.quantity.available === 0),
1644
+ children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
1663
1645
  }
1664
1646
  )
1665
1647
  ] }),
1666
- /* @__PURE__ */ t.jsxs("div", { className: $.meta, children: [
1667
- /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
1648
+ /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
1649
+ /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
1668
1650
  /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
1669
- /* @__PURE__ */ t.jsxs("div", { className: $.infoRight, children: [
1651
+ /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
1670
1652
  /* @__PURE__ */ t.jsx(
1671
- b,
1653
+ j,
1672
1654
  {
1673
1655
  name: "Lightning",
1674
1656
  fill: "#FF3F19",
@@ -1676,269 +1658,269 @@ const Yn = (o) => {
1676
1658
  height: 20
1677
1659
  }
1678
1660
  ),
1679
- /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : N(e.deliveryTime) })
1661
+ /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : O(e.deliveryTime) })
1680
1662
  ] })
1681
1663
  ] }),
1682
- /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
1664
+ /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
1683
1665
  /* @__PURE__ */ t.jsx("span", { children: "Price" }),
1684
- /* @__PURE__ */ t.jsx("div", { className: $.infoRight, children: a === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
1685
- /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
1666
+ /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
1667
+ /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
1686
1668
  "$ ",
1687
- (e.price.amount || 0) * r
1669
+ (e.price.amount || 0) * u
1688
1670
  ] }),
1689
- /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
1671
+ /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
1690
1672
  "$ ",
1691
- (e.compareAtPrice.amount || 0) * r
1673
+ (e.compareAtPrice.amount || 0) * u
1692
1674
  ] })
1693
- ] }) : /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
1675
+ ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
1694
1676
  "$ ",
1695
- (e.price.amount || 0) * r
1696
- ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
1697
- /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
1677
+ (e.price.amount || 0) * u
1678
+ ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
1679
+ /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
1698
1680
  "$ ",
1699
1681
  e.subscriptionSettings.price.amount || 0
1700
1682
  ] }),
1701
- /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
1683
+ /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
1702
1684
  "$ ",
1703
1685
  e.subscriptionSettings.compareAtPrice.amount || 0
1704
1686
  ] })
1705
- ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
1687
+ ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
1706
1688
  "$ ",
1707
1689
  e.subscriptionSettings.price.amount || 0
1708
1690
  ] }) })
1709
1691
  ] })
1710
1692
  ] }),
1711
- /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
1693
+ /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
1712
1694
  /* @__PURE__ */ t.jsx(
1713
- L,
1695
+ F,
1714
1696
  {
1715
1697
  type: "Primary",
1716
- onClick: () => v(),
1698
+ onClick: () => k(),
1717
1699
  disabled: e.quantity && e.quantity.available === 0,
1718
- children: a === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
1700
+ children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
1719
1701
  }
1720
1702
  ),
1721
- a === "ONE_TIME" && /* @__PURE__ */ t.jsx(
1722
- L,
1703
+ d === "ONE_TIME" && /* @__PURE__ */ t.jsx(
1704
+ F,
1723
1705
  {
1724
1706
  type: "Secondary",
1725
- onClick: () => C(),
1707
+ onClick: () => I(),
1726
1708
  disabled: e.quantity && e.quantity.available === 0,
1727
1709
  children: "Add to Cart"
1728
1710
  }
1729
1711
  )
1730
1712
  ] })
1731
1713
  ] });
1732
- }, Wn = "_button_14q75_1", Gn = "_login_14q75_14", Qn = "_signUp_14q75_18", Xn = "_buttons_14q75_23", Jn = "_modal_14q75_32", Kn = "_closing_14q75_64", Zn = "_info_14q75_113", ts = "_top_14q75_120", es = "_title_14q75_131", ns = "_clear_14q75_138", ss = "_activeClear_14q75_145", is = "_count_14q75_149", as = "_cart_14q75_164", os = "_empty_14q75_172", cs = "_product_14q75_198", rs = "_products_14q75_207", ls = "_image_14q75_215", ds = "_productInfo_14q75_230", us = "_content_14q75_237", ms = "_name_14q75_243", hs = "_price_14q75_249", ps = "_productButtons_14q75_255", _s = "_productButton_14q75_255", gs = "_productCount_14q75_272", fs = "_bottom_14q75_289", xs = "_subtotal_14q75_297", vs = "_block_14q75_305", js = "_shoppingCount_14q75_312", bs = "_total_14q75_332", ys = "_link_14q75_338", Is = "_userInfo_14q75_345", Ns = "_pagesMobileModal_14q75_356", ks = "_pagesMobileModalContent_14q75_370", Cs = "_pagesMobileModalHeader_14q75_376", Ss = "_pagesMobileModalFooter_14q75_386", k = {
1733
- button: Wn,
1734
- login: Gn,
1735
- signUp: Qn,
1736
- buttons: Xn,
1737
- modal: Jn,
1714
+ }, Us = "_button_14q75_1", Hs = "_login_14q75_14", Ys = "_signUp_14q75_18", Ws = "_buttons_14q75_23", Gs = "_modal_14q75_32", Qs = "_closing_14q75_64", Xs = "_info_14q75_113", Js = "_top_14q75_120", Ks = "_title_14q75_131", Zs = "_clear_14q75_138", tn = "_activeClear_14q75_145", en = "_count_14q75_149", sn = "_cart_14q75_164", nn = "_empty_14q75_172", an = "_product_14q75_198", on = "_products_14q75_207", cn = "_image_14q75_215", rn = "_productInfo_14q75_230", ln = "_content_14q75_237", dn = "_name_14q75_243", un = "_price_14q75_249", hn = "_productButtons_14q75_255", mn = "_productButton_14q75_255", pn = "_productCount_14q75_272", _n = "_bottom_14q75_289", gn = "_subtotal_14q75_297", fn = "_block_14q75_305", xn = "_shoppingCount_14q75_312", jn = "_total_14q75_332", vn = "_link_14q75_338", bn = "_userInfo_14q75_345", yn = "_pagesMobileModal_14q75_356", Nn = "_pagesMobileModalContent_14q75_370", In = "_pagesMobileModalHeader_14q75_376", kn = "_pagesMobileModalFooter_14q75_386", $ = {
1715
+ button: Us,
1716
+ login: Hs,
1717
+ signUp: Ys,
1718
+ buttons: Ws,
1719
+ modal: Gs,
1738
1720
  "slide-in-fade": "_slide-in-fade_14q75_1",
1739
1721
  "mobile-slide-in-fade": "_mobile-slide-in-fade_14q75_1",
1740
- closing: Kn,
1722
+ closing: Qs,
1741
1723
  "mobile-slide-out-fade": "_mobile-slide-out-fade_14q75_1",
1742
1724
  "slide-out-fade": "_slide-out-fade_14q75_1",
1743
- info: Zn,
1744
- top: ts,
1745
- title: es,
1746
- clear: ns,
1747
- activeClear: ss,
1748
- count: is,
1749
- cart: as,
1750
- empty: os,
1751
- product: cs,
1752
- products: rs,
1753
- image: ls,
1754
- productInfo: ds,
1755
- content: us,
1756
- name: ms,
1757
- price: hs,
1758
- productButtons: ps,
1759
- productButton: _s,
1760
- productCount: gs,
1761
- bottom: fs,
1762
- subtotal: xs,
1763
- block: vs,
1764
- shoppingCount: js,
1765
- total: bs,
1766
- link: ys,
1767
- userInfo: Is,
1768
- pagesMobileModal: Ns,
1769
- pagesMobileModalContent: ks,
1770
- pagesMobileModalHeader: Cs,
1771
- pagesMobileModalFooter: Ss
1772
- }, Vi = (o) => {
1773
- const { shopping: s, signUp: e, isShowUserInfo: n = !0 } = o;
1774
- return /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
1775
- s && /* @__PURE__ */ t.jsx($s, {}),
1776
- n && /* @__PURE__ */ t.jsx(Tt, { signUp: e })
1725
+ info: Xs,
1726
+ top: Js,
1727
+ title: Ks,
1728
+ clear: Zs,
1729
+ activeClear: tn,
1730
+ count: en,
1731
+ cart: sn,
1732
+ empty: nn,
1733
+ product: an,
1734
+ products: on,
1735
+ image: cn,
1736
+ productInfo: rn,
1737
+ content: ln,
1738
+ name: dn,
1739
+ price: un,
1740
+ productButtons: hn,
1741
+ productButton: mn,
1742
+ productCount: pn,
1743
+ bottom: _n,
1744
+ subtotal: gn,
1745
+ block: fn,
1746
+ shoppingCount: xn,
1747
+ total: jn,
1748
+ link: vn,
1749
+ userInfo: bn,
1750
+ pagesMobileModal: yn,
1751
+ pagesMobileModalContent: Nn,
1752
+ pagesMobileModalHeader: In,
1753
+ pagesMobileModalFooter: kn
1754
+ }, Li = (c) => {
1755
+ const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = c;
1756
+ return /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
1757
+ i && /* @__PURE__ */ t.jsx(Cn, {}),
1758
+ s && /* @__PURE__ */ t.jsx(Bt, { signUp: a })
1777
1759
  ] });
1778
- }, $s = () => {
1779
- const [o, s] = f.useState(!1), [e, n] = f.useState([]), { cart: a } = dt(), { pageContext: c } = lt();
1780
- function u(i) {
1781
- if (i.variants.length > 0) {
1782
- for (let y = 0; y < a.parts.length; y++)
1783
- for (let d = 0; d < i.variants.length; d++)
1784
- if (i.variants[d] && a.parts[y].productVariantId === i.variants[d].id)
1785
- return a.parts[y].productVariantId;
1760
+ }, Cn = () => {
1761
+ const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e } = rt(), { pageContext: r } = it();
1762
+ function d(n) {
1763
+ if (n.variants.length > 0) {
1764
+ for (let p = 0; p < e.parts.length; p++)
1765
+ for (let o = 0; o < n.variants.length; o++)
1766
+ if (n.variants[o] && e.parts[p].productVariantId === n.variants[o].id)
1767
+ return e.parts[p].productVariantId;
1786
1768
  }
1787
- return i.variants[0].id;
1769
+ return n.variants[0].id;
1788
1770
  }
1789
- function r(i) {
1790
- for (let y = 0; y < a.parts.length; y++)
1791
- for (let d = 0; d < i.variants.length; d++)
1792
- if (i.variants[d] && a.parts[y].productVariantId === i.variants[d].id)
1793
- return a.parts[y].quantity;
1771
+ function m(n) {
1772
+ for (let p = 0; p < e.parts.length; p++)
1773
+ for (let o = 0; o < n.variants.length; o++)
1774
+ if (n.variants[o] && e.parts[p].productVariantId === n.variants[o].id)
1775
+ return e.parts[p].quantity;
1794
1776
  }
1795
1777
  f.useEffect(() => {
1796
1778
  (async () => {
1797
- var v;
1798
- const y = a.parts.map((N) => String(N.productId)), C = (((v = c == null ? void 0 : c.products) == null ? void 0 : v.filter((N) => y.includes(String(N.id)))) || []).map((N) => ({
1799
- ...N,
1800
- activeVariantId: u(N),
1801
- quantity: r(N)
1779
+ var g;
1780
+ const p = e.parts.map((I) => String(I.productId)), T = (((g = r == null ? void 0 : r.products) == null ? void 0 : g.filter((I) => p.includes(String(I.id)))) || []).map((I) => ({
1781
+ ...I,
1782
+ activeVariantId: d(I),
1783
+ quantity: m(I)
1802
1784
  }));
1803
- n(C);
1785
+ s(T);
1804
1786
  })();
1805
- }, [a.parts]);
1806
- function m(i) {
1807
- var y;
1808
- return !i || !(i != null && i.variants) ? !1 : (y = i.variants.find((d) => d.id === i.activeVariantId)) == null ? void 0 : y.subscriptionSettings;
1787
+ }, [e.parts]);
1788
+ function _(n) {
1789
+ var p;
1790
+ return !n || !(n != null && n.variants) ? !1 : (p = n.variants.find((o) => o.id === n.activeVariantId)) == null ? void 0 : p.subscriptionSettings;
1809
1791
  }
1810
- const _ = a.parts.length > 0 && e.length > 0 && !m(e[0]), [B, h] = f.useState(!1);
1792
+ const u = e.parts.length > 0 && a.length > 0 && !_(a[0]), [w, y] = f.useState(!1);
1811
1793
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1812
1794
  /* @__PURE__ */ t.jsxs(
1813
- L,
1795
+ F,
1814
1796
  {
1815
1797
  type: "Secondary",
1816
1798
  style: {
1817
1799
  padding: 10,
1818
1800
  position: "relative"
1819
1801
  },
1820
- onClick: (i) => {
1821
- i.stopPropagation(), window.location.pathname.includes("/admin/builder") || (s(!0), h(!0));
1802
+ onClick: (n) => {
1803
+ n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), y(!0));
1822
1804
  },
1823
1805
  children: [
1824
1806
  /* @__PURE__ */ t.jsx(
1825
- b,
1807
+ j,
1826
1808
  {
1827
1809
  name: "Handbag",
1828
1810
  fill: "var(--text-primary)"
1829
1811
  }
1830
1812
  ),
1831
- _ && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: a.parts.length })
1813
+ u && /* @__PURE__ */ t.jsx("div", { className: $.shoppingCount, children: e.parts.length })
1832
1814
  ]
1833
1815
  }
1834
1816
  ),
1835
- o && /* @__PURE__ */ t.jsx(
1836
- kt,
1817
+ c && /* @__PURE__ */ t.jsx(
1818
+ Nt,
1837
1819
  {
1838
1820
  close: () => {
1839
- h(!1), setTimeout(() => {
1840
- s(!1);
1821
+ y(!1), setTimeout(() => {
1822
+ i(!1);
1841
1823
  }, 300);
1842
1824
  },
1843
1825
  withAnimation: !1,
1844
1826
  children: /* @__PURE__ */ t.jsx(
1845
- ws,
1827
+ Sn,
1846
1828
  {
1847
- activeProducts: e,
1848
- isCartNotEmpty: _,
1849
- isOpen: B
1829
+ activeProducts: a,
1830
+ isCartNotEmpty: u,
1831
+ isOpen: w
1850
1832
  }
1851
1833
  )
1852
1834
  }
1853
1835
  )
1854
1836
  ] });
1855
- }, ws = (o) => {
1856
- const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = o, { cart: a, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: r } = dt(), m = jt();
1857
- function _(i) {
1858
- m(i);
1837
+ }, Sn = (c) => {
1838
+ const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: r, getTotalAndDiscount: d, updateQuantityOfProduct: m } = rt(), _ = xt();
1839
+ function u(n) {
1840
+ _(n);
1859
1841
  }
1860
- function B(i) {
1861
- i.quantity && r({
1862
- productId: i.id,
1863
- productVariantId: i.activeVariantId,
1864
- quantity: i.quantity + 1
1842
+ function w(n) {
1843
+ n.quantity && m({
1844
+ productId: n.id,
1845
+ productVariantId: n.activeVariantId,
1846
+ quantity: n.quantity + 1
1865
1847
  });
1866
1848
  }
1867
- function h(i) {
1868
- i.quantity && r({
1869
- productId: i.id,
1870
- productVariantId: i.activeVariantId,
1871
- quantity: i.quantity - 1
1849
+ function y(n) {
1850
+ n.quantity && m({
1851
+ productId: n.id,
1852
+ productVariantId: n.activeVariantId,
1853
+ quantity: n.quantity - 1
1872
1854
  });
1873
1855
  }
1874
1856
  return /* @__PURE__ */ t.jsxs(
1875
1857
  "div",
1876
1858
  {
1877
- className: F(k.modal, {
1878
- [k.closing]: !n
1859
+ className: U($.modal, {
1860
+ [$.closing]: !s
1879
1861
  }),
1880
- onClick: (i) => i.stopPropagation(),
1862
+ onClick: (n) => n.stopPropagation(),
1881
1863
  children: [
1882
- /* @__PURE__ */ t.jsxs("div", { className: k.top, children: [
1883
- /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
1884
- /* @__PURE__ */ t.jsx("span", { className: k.title, children: "Cart" }),
1885
- e && /* @__PURE__ */ t.jsx("div", { className: k.count, children: a.parts.length })
1864
+ /* @__PURE__ */ t.jsxs("div", { className: $.top, children: [
1865
+ /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
1866
+ /* @__PURE__ */ t.jsx("span", { className: $.title, children: "Cart" }),
1867
+ a && /* @__PURE__ */ t.jsx("div", { className: $.count, children: e.parts.length })
1886
1868
  ] }),
1887
1869
  /* @__PURE__ */ t.jsx(
1888
1870
  "button",
1889
1871
  {
1890
- className: F(k.clear, {
1891
- [k.activeClear]: e
1872
+ className: U($.clear, {
1873
+ [$.activeClear]: a
1892
1874
  }),
1893
- disabled: !e,
1894
- onClick: c,
1875
+ disabled: !a,
1876
+ onClick: r,
1895
1877
  children: "Clear all"
1896
1878
  }
1897
1879
  )
1898
1880
  ] }),
1899
- e ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
1900
- /* @__PURE__ */ t.jsx("div", { className: k.products, children: s.map((i) => /* @__PURE__ */ t.jsxs(
1881
+ a ? /* @__PURE__ */ t.jsxs("div", { className: $.cart, children: [
1882
+ /* @__PURE__ */ t.jsx("div", { className: $.products, children: i.map((n) => /* @__PURE__ */ t.jsxs(
1901
1883
  "div",
1902
1884
  {
1903
- className: k.product,
1885
+ className: $.product,
1904
1886
  children: [
1905
- /* @__PURE__ */ t.jsxs("div", { className: k.productInfo, children: [
1906
- i.images.length > 0 ? /* @__PURE__ */ t.jsx(
1887
+ /* @__PURE__ */ t.jsxs("div", { className: $.productInfo, children: [
1888
+ n.images.length > 0 ? /* @__PURE__ */ t.jsx(
1907
1889
  "img",
1908
1890
  {
1909
- src: `https://imagedelivery.net/${i.images[0].cfId}/w=500`,
1891
+ src: `https://imagedelivery.net/${n.images[0].cfId}/w=500`,
1910
1892
  alt: "image",
1911
1893
  width: "100%",
1912
1894
  height: "100%",
1913
- className: k.image
1895
+ className: $.image
1914
1896
  }
1915
- ) : /* @__PURE__ */ t.jsx("div", { className: k.image, children: /* @__PURE__ */ t.jsx(
1916
- b,
1897
+ ) : /* @__PURE__ */ t.jsx("div", { className: $.image, children: /* @__PURE__ */ t.jsx(
1898
+ j,
1917
1899
  {
1918
1900
  name: "Image",
1919
1901
  fill: "var(--text-secondary)"
1920
1902
  }
1921
1903
  ) }),
1922
- /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
1923
- /* @__PURE__ */ t.jsx("div", { className: k.name, children: Nt(i.name) }),
1924
- /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
1904
+ /* @__PURE__ */ t.jsxs("div", { className: $.content, children: [
1905
+ /* @__PURE__ */ t.jsx("div", { className: $.name, children: yt(n.name) }),
1906
+ /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
1925
1907
  "$",
1926
- i.variants.find((y) => y.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
1908
+ n.variants.find((p) => p.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
1927
1909
  ] })
1928
1910
  ] })
1929
1911
  ] }),
1930
- /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
1912
+ /* @__PURE__ */ t.jsxs("div", { className: $.productButtons, children: [
1931
1913
  /* @__PURE__ */ t.jsx(
1932
- L,
1914
+ F,
1933
1915
  {
1934
1916
  type: "Secondary",
1935
1917
  onClick: () => {
1936
- i.quantity !== 1 && h(i);
1918
+ n.quantity !== 1 && y(n);
1937
1919
  },
1938
- className: k.productButton,
1939
- disabled: i.quantity === 1,
1920
+ className: $.productButton,
1921
+ disabled: n.quantity === 1,
1940
1922
  children: /* @__PURE__ */ t.jsx(
1941
- b,
1923
+ j,
1942
1924
  {
1943
1925
  name: "Minus",
1944
1926
  fill: "#757575",
@@ -1948,16 +1930,16 @@ const Yn = (o) => {
1948
1930
  )
1949
1931
  }
1950
1932
  ),
1951
- /* @__PURE__ */ t.jsx("div", { className: k.productCount, children: i.quantity }),
1933
+ /* @__PURE__ */ t.jsx("div", { className: $.productCount, children: n.quantity }),
1952
1934
  /* @__PURE__ */ t.jsx(
1953
- L,
1935
+ F,
1954
1936
  {
1955
1937
  type: "Secondary",
1956
- onClick: () => B(i),
1957
- className: k.productButton,
1958
- disabled: i.quantity === i.variants.find((y) => y.id === i.activeVariantId).quantity.available,
1938
+ onClick: () => w(n),
1939
+ className: $.productButton,
1940
+ disabled: n.quantity === n.variants.find((p) => p.id === n.activeVariantId).quantity.available,
1959
1941
  children: /* @__PURE__ */ t.jsx(
1960
- b,
1942
+ j,
1961
1943
  {
1962
1944
  name: "Plus",
1963
1945
  fill: "#757575",
@@ -1970,14 +1952,14 @@ const Yn = (o) => {
1970
1952
  ] })
1971
1953
  ]
1972
1954
  },
1973
- i.id
1955
+ n.id
1974
1956
  )) }),
1975
- /* @__PURE__ */ t.jsxs("div", { className: k.bottom, children: [
1976
- /* @__PURE__ */ t.jsxs("div", { className: k.subtotal, children: [
1977
- /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
1957
+ /* @__PURE__ */ t.jsxs("div", { className: $.bottom, children: [
1958
+ /* @__PURE__ */ t.jsxs("div", { className: $.subtotal, children: [
1959
+ /* @__PURE__ */ t.jsxs("div", { className: $.block, children: [
1978
1960
  /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
1979
1961
  /* @__PURE__ */ t.jsx(
1980
- b,
1962
+ j,
1981
1963
  {
1982
1964
  name: "Info",
1983
1965
  width: 20,
@@ -1986,20 +1968,20 @@ const Yn = (o) => {
1986
1968
  }
1987
1969
  )
1988
1970
  ] }),
1989
- /* @__PURE__ */ t.jsxs("div", { className: k.total, children: [
1971
+ /* @__PURE__ */ t.jsxs("div", { className: $.total, children: [
1990
1972
  "$",
1991
- u().total
1973
+ d().total
1992
1974
  ] })
1993
1975
  ] }),
1994
- /* @__PURE__ */ t.jsx(L, { onClick: () => _("/checkout"), children: "Checkout" })
1976
+ /* @__PURE__ */ t.jsx(F, { onClick: () => u("/checkout"), children: "Checkout" })
1995
1977
  ] })
1996
- ] }) : /* @__PURE__ */ t.jsx(qs, {})
1978
+ ] }) : /* @__PURE__ */ t.jsx($n, {})
1997
1979
  ]
1998
1980
  }
1999
1981
  );
2000
- }, qs = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
1982
+ }, $n = () => /* @__PURE__ */ t.jsxs("div", { className: $.empty, children: [
2001
1983
  /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
2002
- b,
1984
+ j,
2003
1985
  {
2004
1986
  name: "Handbag",
2005
1987
  fill: "var(--text-secondary)"
@@ -2013,23 +1995,23 @@ const Yn = (o) => {
2013
1995
  "a",
2014
1996
  {
2015
1997
  href: "/products",
2016
- className: k.link,
1998
+ className: $.link,
2017
1999
  children: "view products"
2018
2000
  }
2019
2001
  )
2020
2002
  ] })
2021
- ] }), Tt = ({ signUp: o, close: s }) => {
2022
- const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: n } = e, a = jt();
2023
- function c(m) {
2024
- window.location.pathname.includes("/admin/builder") || a(m);
2003
+ ] }), Bt = ({ signUp: c, close: i }) => {
2004
+ const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = a, e = xt();
2005
+ function r(_) {
2006
+ window.location.pathname.includes("/admin/builder") || e(_);
2025
2007
  }
2026
- if (!n)
2008
+ if (!s)
2027
2009
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2028
2010
  /* @__PURE__ */ t.jsx(
2029
- L,
2011
+ F,
2030
2012
  {
2031
2013
  onClick: () => {
2032
- c("/customer-dash"), s == null || s();
2014
+ r("/customer-dash"), i == null || i();
2033
2015
  },
2034
2016
  type: "Secondary",
2035
2017
  style: {
@@ -2038,11 +2020,11 @@ const Yn = (o) => {
2038
2020
  children: "Login"
2039
2021
  }
2040
2022
  ),
2041
- o && /* @__PURE__ */ t.jsx(
2042
- L,
2023
+ c && /* @__PURE__ */ t.jsx(
2024
+ F,
2043
2025
  {
2044
2026
  onClick: () => {
2045
- c("/customer-dash"), s == null || s();
2027
+ r("/customer-dash"), i == null || i();
2046
2028
  },
2047
2029
  type: "Primary",
2048
2030
  style: {
@@ -2053,48 +2035,48 @@ const Yn = (o) => {
2053
2035
  }
2054
2036
  )
2055
2037
  ] });
2056
- const [u, r] = f.useState("test-email@gmail.com");
2038
+ const [d, m] = f.useState("test-email@gmail.com");
2057
2039
  return f.useEffect(() => {
2058
2040
  (async () => {
2059
- const _ = Dt(n);
2060
- r(_.email);
2041
+ const u = Et(s);
2042
+ m(u.email);
2061
2043
  })();
2062
- }, [n]), /* @__PURE__ */ t.jsx(
2044
+ }, [s]), /* @__PURE__ */ t.jsx(
2063
2045
  "div",
2064
2046
  {
2065
- className: k.userInfo,
2047
+ className: $.userInfo,
2066
2048
  onClick: () => {
2067
- c("/customer-dash"), s == null || s();
2049
+ r("/customer-dash"), i == null || i();
2068
2050
  },
2069
- children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
2051
+ children: /* @__PURE__ */ t.jsx("div", { children: d || "test-email@gmail.com" })
2070
2052
  }
2071
2053
  );
2072
- }, Bs = ({
2073
- children: o,
2074
- logo: s,
2075
- setIsOpen: e,
2076
- signUp: n
2054
+ }, wn = ({
2055
+ children: c,
2056
+ logo: i,
2057
+ setIsOpen: a,
2058
+ signUp: s
2077
2059
  }) => {
2078
- const { setIsOpen: a } = qt(), c = () => {
2079
- a(!1), setTimeout(() => {
2080
- e(!1), a(!0);
2060
+ const { setIsOpen: e } = $t(), r = () => {
2061
+ e(!1), setTimeout(() => {
2062
+ a(!1), e(!0);
2081
2063
  }, 300);
2082
2064
  };
2083
2065
  return /* @__PURE__ */ t.jsxs(
2084
2066
  "div",
2085
2067
  {
2086
- className: k.pagesMobileModal,
2087
- onClick: (u) => u.stopPropagation(),
2068
+ className: $.pagesMobileModal,
2069
+ onClick: (d) => d.stopPropagation(),
2088
2070
  children: [
2089
- /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
2090
- /* @__PURE__ */ t.jsx("div", { children: s }),
2071
+ /* @__PURE__ */ t.jsxs("div", { className: $.pagesMobileModalHeader, children: [
2072
+ /* @__PURE__ */ t.jsx("div", { children: i }),
2091
2073
  /* @__PURE__ */ t.jsx(
2092
- L,
2074
+ F,
2093
2075
  {
2094
2076
  type: "Secondary",
2095
- onClick: c,
2077
+ onClick: r,
2096
2078
  children: /* @__PURE__ */ t.jsx(
2097
- b,
2079
+ j,
2098
2080
  {
2099
2081
  name: "X",
2100
2082
  fill: "var(--text-primary)"
@@ -2103,49 +2085,49 @@ const Yn = (o) => {
2103
2085
  }
2104
2086
  )
2105
2087
  ] }),
2106
- /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: o }),
2107
- /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
2108
- Tt,
2088
+ /* @__PURE__ */ t.jsx("div", { className: $.pagesMobileModalContent, children: c }),
2089
+ /* @__PURE__ */ t.jsx("div", { className: $.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
2090
+ Bt,
2109
2091
  {
2110
- signUp: n,
2111
- close: c
2092
+ signUp: s,
2093
+ close: r
2112
2094
  }
2113
2095
  ) })
2114
2096
  ]
2115
2097
  }
2116
2098
  );
2117
- }, Ui = ({
2118
- children: o,
2119
- logo: s,
2120
- signUp: e
2099
+ }, Fi = ({
2100
+ children: c,
2101
+ logo: i,
2102
+ signUp: a
2121
2103
  }) => {
2122
- const [n, a] = f.useState(!1);
2104
+ const [s, e] = f.useState(!1);
2123
2105
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2124
- /* @__PURE__ */ t.jsx(Ps, { setIsOpenModal: a }),
2125
- n && /* @__PURE__ */ t.jsx(kt, { close: () => a(!1), children: /* @__PURE__ */ t.jsx(
2126
- Bs,
2106
+ /* @__PURE__ */ t.jsx(qn, { setIsOpenModal: e }),
2107
+ s && /* @__PURE__ */ t.jsx(Nt, { close: () => e(!1), children: /* @__PURE__ */ t.jsx(
2108
+ wn,
2127
2109
  {
2128
- logo: s,
2129
- setIsOpen: a,
2130
- signUp: e,
2131
- children: o
2110
+ logo: i,
2111
+ setIsOpen: e,
2112
+ signUp: a,
2113
+ children: c
2132
2114
  }
2133
2115
  ) })
2134
2116
  ] });
2135
- }, Ps = (o) => {
2136
- const { setIsOpenModal: s } = o;
2117
+ }, qn = (c) => {
2118
+ const { setIsOpenModal: i } = c;
2137
2119
  return /* @__PURE__ */ t.jsx(
2138
- L,
2120
+ F,
2139
2121
  {
2140
2122
  type: "Secondary",
2141
2123
  style: {
2142
2124
  padding: 10
2143
2125
  },
2144
- onClick: (e) => {
2145
- e.stopPropagation(), window.location.pathname.includes("/admin/builder") || s(!0);
2126
+ onClick: (a) => {
2127
+ a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
2146
2128
  },
2147
2129
  children: /* @__PURE__ */ t.jsx(
2148
- b,
2130
+ j,
2149
2131
  {
2150
2132
  name: "List",
2151
2133
  fill: "var(--text-primary)"
@@ -2153,34 +2135,34 @@ const Yn = (o) => {
2153
2135
  )
2154
2136
  }
2155
2137
  );
2156
- }, Ts = "_share_10urc_1", Ms = "_modal_10urc_9", As = "_header_10urc_21", Os = "_socials_10urc_31", Es = "_social_10urc_31", Rs = "_copy_10urc_41", Ds = "_title_10urc_48", Ls = "_copyWrapper_10urc_54", zs = "_copyText_10urc_63", Fs = "_copyTextMobile_10urc_76", Vs = "_copyTextMiniMobile_10urc_95", et = {
2157
- share: Ts,
2158
- modal: Ms,
2159
- header: As,
2160
- socials: Os,
2161
- social: Es,
2162
- copy: Rs,
2163
- title: Ds,
2164
- copyWrapper: Ls,
2165
- copyText: zs,
2166
- copyTextMobile: Fs,
2167
- copyTextMiniMobile: Vs
2168
- }, Hi = ({ title: o = "Copy Product Link" }) => {
2169
- const { isOpenModal: s, setIsOpenModal: e } = Bt();
2170
- function n() {
2171
- e(!0);
2138
+ }, Bn = "_share_10urc_1", Pn = "_modal_10urc_9", Tn = "_header_10urc_21", Mn = "_socials_10urc_31", An = "_social_10urc_31", On = "_copy_10urc_41", En = "_title_10urc_48", Rn = "_copyWrapper_10urc_54", Dn = "_copyText_10urc_63", zn = "_copyTextMobile_10urc_76", Ln = "_copyTextMiniMobile_10urc_95", tt = {
2139
+ share: Bn,
2140
+ modal: Pn,
2141
+ header: Tn,
2142
+ socials: Mn,
2143
+ social: An,
2144
+ copy: On,
2145
+ title: En,
2146
+ copyWrapper: Rn,
2147
+ copyText: Dn,
2148
+ copyTextMobile: zn,
2149
+ copyTextMiniMobile: Ln
2150
+ }, Vi = ({ title: c = "Copy Product Link" }) => {
2151
+ const { isOpenModal: i, setIsOpenModal: a } = wt();
2152
+ function s() {
2153
+ a(!0);
2172
2154
  }
2173
2155
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
2174
2156
  /* @__PURE__ */ t.jsx(
2175
- L,
2157
+ F,
2176
2158
  {
2177
- className: et.share,
2178
- onClick: (a) => {
2179
- a.stopPropagation(), n();
2159
+ className: tt.share,
2160
+ onClick: (e) => {
2161
+ e.stopPropagation(), s();
2180
2162
  },
2181
2163
  type: "Secondary",
2182
2164
  children: /* @__PURE__ */ t.jsx(
2183
- b,
2165
+ j,
2184
2166
  {
2185
2167
  name: "Share",
2186
2168
  fill: "#757575",
@@ -2189,169 +2171,169 @@ const Yn = (o) => {
2189
2171
  )
2190
2172
  }
2191
2173
  ),
2192
- s && /* @__PURE__ */ t.jsx(kt, { close: e, children: /* @__PURE__ */ t.jsx(Us, { title: o }) })
2174
+ i && /* @__PURE__ */ t.jsx(Nt, { close: a, children: /* @__PURE__ */ t.jsx(Fn, { title: c }) })
2193
2175
  ] });
2194
- }, Us = ({ title: o = "Copy Product Link" }) => {
2195
- const { setIsOpenModal: s } = Bt(), { notification: e, setNotification: n } = Pt(), { setIsOpen: a } = qt(), c = window.location.href;
2196
- function u() {
2197
- navigator.clipboard.writeText(c), n({
2176
+ }, Fn = ({ title: c = "Copy Product Link" }) => {
2177
+ const { setIsOpenModal: i } = wt(), { notification: a, setNotification: s } = qt(), { setIsOpen: e } = $t(), r = window.location.href;
2178
+ function d() {
2179
+ navigator.clipboard.writeText(r), s({
2198
2180
  message: "Link copied to clipboard",
2199
2181
  status: "success"
2200
2182
  });
2201
2183
  }
2202
- function r() {
2203
- a(!1), setTimeout(() => {
2204
- s(!1), a(!0);
2184
+ function m() {
2185
+ e(!1), setTimeout(() => {
2186
+ i(!1), e(!0);
2205
2187
  }, 300);
2206
2188
  }
2207
- function m(_, B) {
2208
- return _.length > B ? _.slice(0, B) + "..." : _;
2189
+ function _(u, w) {
2190
+ return u.length > w ? u.slice(0, w) + "..." : u;
2209
2191
  }
2210
2192
  return /* @__PURE__ */ t.jsxs(
2211
2193
  "div",
2212
2194
  {
2213
- className: et.modal,
2214
- onClick: (_) => _.stopPropagation(),
2195
+ className: tt.modal,
2196
+ onClick: (u) => u.stopPropagation(),
2215
2197
  children: [
2216
- /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
2217
- /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
2198
+ /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
2199
+ /* @__PURE__ */ t.jsx("div", { className: tt.title, children: c }),
2218
2200
  /* @__PURE__ */ t.jsx(
2219
- b,
2201
+ j,
2220
2202
  {
2221
2203
  name: "X",
2222
2204
  fill: "#757575",
2223
- onClick: r,
2205
+ onClick: m,
2224
2206
  hoverable: !0
2225
2207
  }
2226
2208
  )
2227
2209
  ] }),
2228
- /* @__PURE__ */ t.jsxs("div", { className: et.copyWrapper, children: [
2210
+ /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
2229
2211
  /* @__PURE__ */ t.jsxs(
2230
- L,
2212
+ F,
2231
2213
  {
2232
2214
  type: "Secondary",
2233
- onClick: u,
2215
+ onClick: d,
2234
2216
  style: {
2235
2217
  flex: 1
2236
2218
  },
2237
2219
  children: [
2238
- /* @__PURE__ */ t.jsx("div", { className: et.copyText, children: m(c, 100) }),
2239
- /* @__PURE__ */ t.jsx("div", { className: et.copyTextMobile, children: m(c, 40) }),
2240
- /* @__PURE__ */ t.jsx("div", { className: et.copyTextMiniMobile, children: m(c, 20) })
2220
+ /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(r, 100) }),
2221
+ /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(r, 40) }),
2222
+ /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(r, 20) })
2241
2223
  ]
2242
2224
  }
2243
2225
  ),
2244
2226
  /* @__PURE__ */ t.jsx(
2245
- L,
2227
+ F,
2246
2228
  {
2247
2229
  type: "Secondary",
2248
- onClick: u,
2249
- children: e ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
2230
+ onClick: d,
2231
+ children: a ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
2250
2232
  }
2251
2233
  )
2252
2234
  ] })
2253
2235
  ]
2254
2236
  }
2255
2237
  );
2256
- }, Hs = "_accordion_1s1lq_1", Ys = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Gs = "_open_1s1lq_21", Qs = "_content_1s1lq_25", ot = {
2257
- accordion: Hs,
2258
- header: Ys,
2259
- icon: Ws,
2260
- open: Gs,
2261
- content: Qs
2262
- }, Yi = ({ title: o, content: s, defaultOpen: e = !1 }) => {
2263
- const [n, a] = f.useState(e), [c, u] = f.useState(0), r = f.useRef(null), m = () => {
2264
- a(!n);
2238
+ }, Vn = "_accordion_1s1lq_1", Un = "_header_1s1lq_9", Hn = "_icon_1s1lq_18", Yn = "_open_1s1lq_21", Wn = "_content_1s1lq_25", at = {
2239
+ accordion: Vn,
2240
+ header: Un,
2241
+ icon: Hn,
2242
+ open: Yn,
2243
+ content: Wn
2244
+ }, Ui = ({ title: c, content: i, defaultOpen: a = !1 }) => {
2245
+ const [s, e] = f.useState(a), [r, d] = f.useState(0), m = f.useRef(null), _ = () => {
2246
+ e(!s);
2265
2247
  };
2266
2248
  return f.useEffect(() => {
2267
- r.current && u(n ? r.current.scrollHeight : 0);
2268
- }, [n]), /* @__PURE__ */ t.jsxs("div", { className: ot.accordion, children: [
2249
+ m.current && d(s ? m.current.scrollHeight : 0);
2250
+ }, [s]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
2269
2251
  /* @__PURE__ */ t.jsxs(
2270
2252
  "div",
2271
2253
  {
2272
- className: ot.header,
2273
- onClick: m,
2254
+ className: at.header,
2255
+ onClick: _,
2274
2256
  children: [
2275
- /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
2276
- /* @__PURE__ */ t.jsx("div", { className: F(ot.icon, { [ot.open]: n }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
2257
+ /* @__PURE__ */ t.jsx("h5", { id: "h5", children: c }),
2258
+ /* @__PURE__ */ t.jsx("div", { className: U(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
2277
2259
  ]
2278
2260
  }
2279
2261
  ),
2280
2262
  /* @__PURE__ */ t.jsx(
2281
2263
  "div",
2282
2264
  {
2283
- ref: r,
2284
- className: ot.content,
2285
- style: { height: `${c}px` },
2286
- children: /* @__PURE__ */ t.jsx("p", { id: "p", children: s })
2265
+ ref: m,
2266
+ className: at.content,
2267
+ style: { height: `${r}px` },
2268
+ children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
2287
2269
  }
2288
2270
  )
2289
2271
  ] });
2290
- }, Wi = ({ children: o, path: s, className: e, target: n = "_self", id: a }) => {
2272
+ }, Hi = ({ children: c, path: i, className: a, target: s = "_self", id: e }) => {
2291
2273
  if (window.location.pathname.includes("/admin/builder"))
2292
2274
  return /* @__PURE__ */ t.jsx(
2293
2275
  "div",
2294
2276
  {
2295
- className: e,
2277
+ className: a,
2296
2278
  role: "link",
2297
2279
  style: { cursor: "pointer" },
2298
- id: a,
2299
- children: o
2280
+ id: e,
2281
+ children: c
2300
2282
  }
2301
2283
  );
2302
- const c = jt(), u = /^https?:\/\//.test(s), r = (m) => {
2303
- u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.open(s, "_self") : (m.preventDefault(), c(s));
2284
+ const r = xt(), d = /^https?:\/\//.test(i), m = (_) => {
2285
+ d || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), r(i));
2304
2286
  };
2305
2287
  return /* @__PURE__ */ t.jsx(
2306
2288
  "div",
2307
2289
  {
2308
- onClick: r,
2309
- className: e,
2290
+ onClick: m,
2291
+ className: a,
2310
2292
  role: "link",
2311
2293
  style: { cursor: "pointer" },
2312
- id: a,
2313
- children: o
2294
+ id: e,
2295
+ children: c
2314
2296
  }
2315
2297
  );
2316
- }, Xs = "_buttonsBlock_1b2rb_1", Js = "_slideUp_1b2rb_1", Ks = {
2317
- buttonsBlock: Xs,
2318
- slideUp: Js
2319
- }, Gi = (o) => {
2320
- var _, B;
2321
- const { setIsOpen: s, setModalType: e, productId: n } = o, { cart: a } = dt(), { pageContext: c } = lt(), u = (_ = c == null ? void 0 : c.listings) == null ? void 0 : _.find((h) => h.id === n);
2322
- if (!u)
2298
+ }, Gn = "_buttonsBlock_1b2rb_1", Qn = "_slideUp_1b2rb_1", Xn = {
2299
+ buttonsBlock: Gn,
2300
+ slideUp: Qn
2301
+ }, Yi = (c) => {
2302
+ var u, w;
2303
+ const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = rt(), { pageContext: r } = it(), d = (u = r == null ? void 0 : r.listings) == null ? void 0 : u.find((y) => y.id === s);
2304
+ if (!d)
2323
2305
  return null;
2324
- const r = (B = c == null ? void 0 : c.products) == null ? void 0 : B.find(
2325
- (h) => h.uniquePath === u.productData.uniquePath
2306
+ const m = (w = r == null ? void 0 : r.products) == null ? void 0 : w.find(
2307
+ (y) => y.uniquePath === d.productData.uniquePath
2326
2308
  );
2327
- if (!r)
2309
+ if (!m)
2328
2310
  return null;
2329
- const m = a.parts.find((h) => h.productId === r.id);
2311
+ const _ = e.parts.find((y) => y.productId === m.id);
2330
2312
  return /* @__PURE__ */ t.jsxs(
2331
2313
  "div",
2332
2314
  {
2333
- className: Ks.buttonsBlock,
2334
- onClick: (h) => h.stopPropagation(),
2315
+ className: Xn.buttonsBlock,
2316
+ onClick: (y) => y.stopPropagation(),
2335
2317
  children: [
2336
2318
  /* @__PURE__ */ t.jsx(
2337
- L,
2319
+ F,
2338
2320
  {
2339
2321
  type: "Secondary",
2340
2322
  style: {
2341
2323
  width: "100%"
2342
2324
  },
2343
2325
  onClick: () => {
2344
- e("Add To Cart"), s(!0);
2326
+ a("Add To Cart"), i(!0);
2345
2327
  },
2346
- children: m ? "Add More" : "Add To Cart"
2328
+ children: _ ? "Add More" : "Add To Cart"
2347
2329
  }
2348
2330
  ),
2349
2331
  /* @__PURE__ */ t.jsx(
2350
- L,
2332
+ F,
2351
2333
  {
2352
2334
  type: "Primary",
2353
2335
  onClick: () => {
2354
- e("Buy Now"), s(!0);
2336
+ a("Buy Now"), i(!0);
2355
2337
  },
2356
2338
  children: "Buy"
2357
2339
  }
@@ -2359,15 +2341,15 @@ const Yn = (o) => {
2359
2341
  ]
2360
2342
  }
2361
2343
  );
2362
- }, Zs = "_wrapper_27wzz_1", ti = "_logo_27wzz_8", ei = "_info_27wzz_12", yt = {
2363
- wrapper: Zs,
2364
- logo: ti,
2365
- info: ei
2366
- }, Qi = ({ date: o }) => {
2367
- const { general: s } = Lt();
2368
- if (!s) return /* @__PURE__ */ t.jsx(t.Fragment, {});
2369
- function e(n) {
2370
- const a = new Date(n), c = {
2344
+ }, Jn = "_wrapper_27wzz_1", Kn = "_logo_27wzz_8", Zn = "_info_27wzz_12", vt = {
2345
+ wrapper: Jn,
2346
+ logo: Kn,
2347
+ info: Zn
2348
+ }, Wi = ({ date: c }) => {
2349
+ const { general: i } = Rt();
2350
+ if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
2351
+ function a(s) {
2352
+ const e = new Date(s), r = {
2371
2353
  month: "short",
2372
2354
  day: "2-digit",
2373
2355
  year: "numeric",
@@ -2375,185 +2357,185 @@ const Yn = (o) => {
2375
2357
  minute: "2-digit",
2376
2358
  hour12: !1
2377
2359
  };
2378
- return a.toLocaleDateString("en-US", c);
2360
+ return e.toLocaleDateString("en-US", r);
2379
2361
  }
2380
- return /* @__PURE__ */ t.jsxs("div", { className: yt.wrapper, children: [
2381
- /* @__PURE__ */ t.jsx("div", { className: yt.logo, children: s.info.logo ? /* @__PURE__ */ t.jsx(
2362
+ return /* @__PURE__ */ t.jsxs("div", { className: vt.wrapper, children: [
2363
+ /* @__PURE__ */ t.jsx("div", { className: vt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
2382
2364
  "img",
2383
2365
  {
2384
- src: `https://imagedelivery.net/${s.info.logo.cfId}/w=500,h=500`,
2366
+ src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
2385
2367
  alt: "image",
2386
2368
  style: { objectFit: "contain", width: "48px", height: "48px" }
2387
2369
  }
2388
2370
  ) : /* @__PURE__ */ t.jsx(
2389
- b,
2371
+ j,
2390
2372
  {
2391
2373
  name: "Image",
2392
2374
  width: 48,
2393
2375
  height: 48
2394
2376
  }
2395
2377
  ) }),
2396
- /* @__PURE__ */ t.jsxs("div", { className: yt.info, children: [
2397
- /* @__PURE__ */ t.jsx("h3", { id: "h4", children: s.info.name }),
2398
- /* @__PURE__ */ t.jsx("p", { id: "p", children: e(o) })
2378
+ /* @__PURE__ */ t.jsxs("div", { className: vt.info, children: [
2379
+ /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
2380
+ /* @__PURE__ */ t.jsx("p", { id: "p", children: a(c) })
2399
2381
  ] })
2400
2382
  ] });
2401
- }, ni = "_options_mju90_1", si = "_price_mju90_12", ii = "_oldPrice_mju90_19", ai = "_newPrice_mju90_27", oi = "_animate_mju90_34", ci = "_appearAndBounce_mju90_1", ri = "_meta_mju90_52", li = "_info_mju90_58", di = "_infoRight_mju90_66", ui = "_buttons_mju90_73", mi = "_variants_mju90_80", hi = "_variant_mju90_80", pi = "_stock_mju90_98", _i = "_variantInfo_mju90_105", gi = "_quantity_mju90_111", fi = "_count_mju90_118", xi = "_focused_mju90_135", vi = "_button_mju90_73", ji = "_activeVariant_mju90_161", bi = "_chargeTypes_mju90_165", yi = "_charge_mju90_165", Ii = "_chargeActive_mju90_190", Ni = "_title_mju90_198", ki = "_modal_mju90_204", Ci = "_header_mju90_218", J = {
2402
- options: ni,
2403
- price: si,
2404
- oldPrice: ii,
2405
- newPrice: ai,
2406
- animate: oi,
2407
- appearAndBounce: ci,
2408
- meta: ri,
2409
- info: li,
2410
- infoRight: di,
2411
- buttons: ui,
2412
- variants: mi,
2413
- variant: hi,
2414
- stock: pi,
2415
- variantInfo: _i,
2416
- quantity: gi,
2417
- count: fi,
2418
- focused: xi,
2419
- button: vi,
2420
- activeVariant: ji,
2421
- chargeTypes: bi,
2422
- charge: yi,
2423
- chargeActive: Ii,
2424
- title: Ni,
2425
- modal: ki,
2426
- header: Ci
2427
- }, Xi = (o) => {
2428
- var r, m;
2429
- const { pageContext: s } = lt(), e = (r = s == null ? void 0 : s.listings) == null ? void 0 : r.find((_) => _.id === o.productId);
2430
- if (!e)
2383
+ }, ti = "_options_mju90_1", ei = "_price_mju90_12", si = "_oldPrice_mju90_19", ni = "_newPrice_mju90_27", ii = "_animate_mju90_34", ai = "_appearAndBounce_mju90_1", oi = "_meta_mju90_52", ci = "_info_mju90_58", ri = "_infoRight_mju90_66", li = "_buttons_mju90_73", di = "_variants_mju90_80", ui = "_variant_mju90_80", hi = "_stock_mju90_98", mi = "_variantInfo_mju90_105", pi = "_quantity_mju90_111", _i = "_count_mju90_118", gi = "_focused_mju90_135", fi = "_button_mju90_73", xi = "_activeVariant_mju90_161", ji = "_chargeTypes_mju90_165", vi = "_charge_mju90_165", bi = "_chargeActive_mju90_190", yi = "_title_mju90_198", Ni = "_modal_mju90_204", Ii = "_header_mju90_218", X = {
2384
+ options: ti,
2385
+ price: ei,
2386
+ oldPrice: si,
2387
+ newPrice: ni,
2388
+ animate: ii,
2389
+ appearAndBounce: ai,
2390
+ meta: oi,
2391
+ info: ci,
2392
+ infoRight: ri,
2393
+ buttons: li,
2394
+ variants: di,
2395
+ variant: ui,
2396
+ stock: hi,
2397
+ variantInfo: mi,
2398
+ quantity: pi,
2399
+ count: _i,
2400
+ focused: gi,
2401
+ button: fi,
2402
+ activeVariant: xi,
2403
+ chargeTypes: ji,
2404
+ charge: vi,
2405
+ chargeActive: bi,
2406
+ title: yi,
2407
+ modal: Ni,
2408
+ header: Ii
2409
+ }, Gi = (c) => {
2410
+ var m, _;
2411
+ const { pageContext: i } = it(), a = (m = i == null ? void 0 : i.listings) == null ? void 0 : m.find((u) => u.id === c.productId);
2412
+ if (!a)
2431
2413
  return;
2432
- const n = (m = s == null ? void 0 : s.products) == null ? void 0 : m.find(
2433
- (_) => _.uniquePath === e.productData.uniquePath
2414
+ const s = (_ = i == null ? void 0 : i.products) == null ? void 0 : _.find(
2415
+ (u) => u.uniquePath === a.productData.uniquePath
2434
2416
  );
2435
- if (!n)
2417
+ if (!s)
2436
2418
  return;
2437
- const a = n.variants[0], [c, u] = f.useState(
2438
- a.chargeTypes && a.chargeTypes.length > 1 ? a.chargeTypes[0] : "ONE_TIME"
2419
+ const e = s.variants[0], [r, d] = f.useState(
2420
+ e.chargeTypes && e.chargeTypes.length > 1 ? e.chargeTypes[0] : "ONE_TIME"
2439
2421
  );
2440
2422
  return /* @__PURE__ */ t.jsxs(
2441
2423
  "div",
2442
2424
  {
2443
- className: J.modal,
2444
- onClick: (_) => _.stopPropagation(),
2425
+ className: X.modal,
2426
+ onClick: (u) => u.stopPropagation(),
2445
2427
  children: [
2446
- o.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
2447
- Si,
2428
+ c.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
2429
+ ki,
2448
2430
  {
2449
- variants: n.variants,
2450
- activeVariant: a,
2451
- activeChargeType: c,
2452
- setActiveChargeType: u,
2453
- productId: n.id,
2454
- setIsOpen: o.setIsOpen
2431
+ variants: s.variants,
2432
+ activeVariant: e,
2433
+ activeChargeType: r,
2434
+ setActiveChargeType: d,
2435
+ productId: s.id,
2436
+ setIsOpen: c.setIsOpen
2455
2437
  }
2456
2438
  ),
2457
- o.type === "Buy Now" && /* @__PURE__ */ t.jsx(
2458
- $i,
2439
+ c.type === "Buy Now" && /* @__PURE__ */ t.jsx(
2440
+ Ci,
2459
2441
  {
2460
- product: n,
2461
- setIsOpen: o.setIsOpen
2442
+ product: s,
2443
+ setIsOpen: c.setIsOpen
2462
2444
  }
2463
2445
  )
2464
2446
  ]
2465
2447
  }
2466
2448
  );
2467
- }, Si = (o) => {
2468
- const { variants: s, activeChargeType: e, setActiveChargeType: n, activeVariant: a, productId: c, setIsOpen: u } = o, { cart: r, addProductToCart: m, addProducts: _, updateQuantityOfProduct: B } = dt(), { setNotification: h } = Pt(), { pageContext: i } = lt();
2469
- async function y(d) {
2470
- const C = r.parts.find(
2471
- (v) => v.productId === o.productId && v.productVariantId === d
2449
+ }, ki = (c) => {
2450
+ const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: r, setIsOpen: d } = c, { cart: m, addProductToCart: _, addProducts: u, updateQuantityOfProduct: w } = rt(), { setNotification: y } = qt(), { pageContext: n } = it();
2451
+ async function p(o) {
2452
+ const T = m.parts.find(
2453
+ (g) => g.productId === c.productId && g.productVariantId === o
2472
2454
  );
2473
- C ? B({
2474
- productId: c,
2475
- productVariantId: d,
2476
- quantity: C.quantity + 1
2477
- }) : (i != null && i.products && await _(i.products), await m({
2478
- productId: c,
2479
- productVariantId: d,
2455
+ T ? w({
2456
+ productId: r,
2457
+ productVariantId: o,
2458
+ quantity: T.quantity + 1
2459
+ }) : (n != null && n.products && await u(n.products), await _({
2460
+ productId: r,
2461
+ productVariantId: o,
2480
2462
  quantity: 1
2481
- })), h({
2463
+ })), y({
2482
2464
  message: "Product added to cart",
2483
2465
  status: "success"
2484
2466
  });
2485
2467
  }
2486
- return /* @__PURE__ */ t.jsxs("div", { className: J.modal, children: [
2487
- /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
2468
+ return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
2469
+ /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
2488
2470
  /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
2489
2471
  /* @__PURE__ */ t.jsx(
2490
- b,
2472
+ j,
2491
2473
  {
2492
2474
  name: "X",
2493
2475
  width: 24,
2494
2476
  height: 24,
2495
2477
  fill: "var(--text-secondary)",
2496
2478
  hoverable: !0,
2497
- onClick: () => u(!1)
2479
+ onClick: () => d(!1)
2498
2480
  }
2499
2481
  )
2500
2482
  ] }),
2501
- a.chargeTypes && a.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: J.chargeTypes, children: a.chargeTypes.map((d) => /* @__PURE__ */ t.jsx(
2483
+ e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: X.chargeTypes, children: e.chargeTypes.map((o) => /* @__PURE__ */ t.jsx(
2502
2484
  "div",
2503
2485
  {
2504
- className: F(J.charge, {
2505
- [J.chargeActive]: e === d
2486
+ className: U(X.charge, {
2487
+ [X.chargeActive]: a === o
2506
2488
  }),
2507
- onClick: () => n(d),
2508
- children: Ct[d]
2489
+ onClick: () => s(o),
2490
+ children: It[o]
2509
2491
  },
2510
- d
2492
+ o
2511
2493
  )) }),
2512
- /* @__PURE__ */ t.jsx("div", { className: J.variants, children: s.map((d) => {
2513
- var C, v;
2494
+ /* @__PURE__ */ t.jsx("div", { className: X.variants, children: i.map((o) => {
2495
+ var T, g;
2514
2496
  return /* @__PURE__ */ t.jsxs(
2515
2497
  "div",
2516
2498
  {
2517
- className: F(J.variant),
2499
+ className: U(X.variant),
2518
2500
  onClick: () => {
2519
- y(d.id), u(!1);
2501
+ p(o.id), d(!1);
2520
2502
  },
2521
2503
  children: [
2522
- /* @__PURE__ */ t.jsxs("div", { className: J.variantInfo, children: [
2523
- /* @__PURE__ */ t.jsx("span", { className: J.title, children: d.name }),
2504
+ /* @__PURE__ */ t.jsxs("div", { className: X.variantInfo, children: [
2505
+ /* @__PURE__ */ t.jsx("span", { className: X.title, children: o.name }),
2524
2506
  /* @__PURE__ */ t.jsxs("span", { children: [
2525
2507
  "$",
2526
- e === "ONE_TIME" ? d.price.amount : d.subscriptionSettings ? d.subscriptionSettings.price.amount : "Price Not Found"
2508
+ a === "ONE_TIME" ? o.price.amount : o.subscriptionSettings ? o.subscriptionSettings.price.amount : "Price Not Found"
2527
2509
  ] })
2528
2510
  ] }),
2529
- /* @__PURE__ */ t.jsx("div", { children: e === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: J.stock, children: [
2530
- (C = d.quantity.restrictions) != null && C.max || d.quantity.available !== void 0 ? ((v = d.quantity.restrictions) == null ? void 0 : v.max) || d.quantity.available : "∞",
2511
+ /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: X.stock, children: [
2512
+ (T = o.quantity.restrictions) != null && T.max || o.quantity.available !== void 0 ? ((g = o.quantity.restrictions) == null ? void 0 : g.max) || o.quantity.available : "∞",
2531
2513
  " ",
2532
2514
  "in stock"
2533
2515
  ] }) })
2534
2516
  ]
2535
2517
  },
2536
- d.id
2518
+ o.id
2537
2519
  );
2538
2520
  }) })
2539
2521
  ] });
2540
- }, $i = (o) => {
2541
- const { product: s, setIsOpen: e } = o;
2542
- return /* @__PURE__ */ t.jsxs("div", { className: J.modal, children: [
2543
- /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
2522
+ }, Ci = (c) => {
2523
+ const { product: i, setIsOpen: a } = c;
2524
+ return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
2525
+ /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
2544
2526
  /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
2545
2527
  "Buy ",
2546
- Nt(s.name)
2528
+ yt(i.name)
2547
2529
  ] }),
2548
2530
  /* @__PURE__ */ t.jsx(
2549
- b,
2531
+ j,
2550
2532
  {
2551
2533
  name: "X",
2552
2534
  width: 24,
2553
2535
  height: 24,
2554
2536
  fill: "var(--text-secondary)",
2555
2537
  hoverable: !0,
2556
- onClick: () => e(!1),
2538
+ onClick: () => a(!1),
2557
2539
  style: {
2558
2540
  minWidth: 24,
2559
2541
  minHeight: 24
@@ -2561,98 +2543,105 @@ const Yn = (o) => {
2561
2543
  }
2562
2544
  )
2563
2545
  ] }),
2564
- /* @__PURE__ */ t.jsx(Yn, { ...s })
2546
+ /* @__PURE__ */ t.jsx(
2547
+ Vs,
2548
+ {
2549
+ product: i,
2550
+ setIsOpen: a
2551
+ }
2552
+ )
2565
2553
  ] });
2566
- }, wi = "_wrapper_1efqk_1", qi = "_label_1efqk_10", Bi = "_contentBorder_1efqk_19", Pi = "_contentField_1efqk_23", Ti = "_textarea_1efqk_27", Mi = "_length_1efqk_42", at = {
2567
- wrapper: wi,
2568
- label: qi,
2569
- contentBorder: Bi,
2570
- contentField: Pi,
2571
- textarea: Ti,
2572
- length: Mi
2573
- }, Ji = (o) => {
2554
+ }, Si = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", qi = "_contentField_1efqk_23", Bi = "_textarea_1efqk_27", Pi = "_length_1efqk_42", nt = {
2555
+ wrapper: Si,
2556
+ label: $i,
2557
+ contentBorder: wi,
2558
+ contentField: qi,
2559
+ textarea: Bi,
2560
+ length: Pi
2561
+ }, Qi = (c) => {
2574
2562
  const {
2575
- onChange: s,
2576
- label: e,
2577
- value: n,
2578
- maxLength: a,
2579
- placeholder: c = "Type something...",
2580
- type: u = "text"
2581
- } = o, [r, m] = f.useState(n.length), { themeSettings: _ } = zt();
2582
- function B(h) {
2583
- return u === "number" ? h.replace(/[^\d\n]+/g, "") : h;
2563
+ onChange: i,
2564
+ label: a,
2565
+ value: s,
2566
+ maxLength: e,
2567
+ placeholder: r = "Type something...",
2568
+ type: d = "text"
2569
+ } = c, [m, _] = f.useState(s.length), { themeSettings: u } = Dt();
2570
+ function w(y) {
2571
+ return d === "number" ? y.replace(/[^\d\n]+/g, "") : y;
2584
2572
  }
2585
- return /* @__PURE__ */ t.jsxs("div", { className: at.wrapper, children: [
2586
- e && /* @__PURE__ */ t.jsx(
2573
+ return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
2574
+ a && /* @__PURE__ */ t.jsx(
2587
2575
  "label",
2588
2576
  {
2589
- className: at.label,
2590
- htmlFor: e,
2591
- children: e
2577
+ className: nt.label,
2578
+ htmlFor: a,
2579
+ children: a
2592
2580
  }
2593
2581
  ),
2594
2582
  /* @__PURE__ */ t.jsx(
2595
2583
  "textarea",
2596
2584
  {
2597
- id: e,
2598
- value: n,
2599
- onChange: (h) => {
2600
- const i = B(h.target.value);
2601
- m(i.length), s(i);
2585
+ id: a,
2586
+ value: s,
2587
+ onChange: (y) => {
2588
+ const n = w(y.target.value);
2589
+ _(n.length), i(n);
2602
2590
  },
2603
- placeholder: c,
2604
- className: F(at.textarea, {
2605
- [at.contentBorder]: _.inputs.border.active,
2606
- [at.contentField]: _.inputs.field.active
2591
+ placeholder: r,
2592
+ className: U(nt.textarea, {
2593
+ [nt.contentBorder]: u.inputs.border.active,
2594
+ [nt.contentField]: u.inputs.field.active
2607
2595
  }),
2608
- maxLength: a
2596
+ maxLength: e
2609
2597
  }
2610
2598
  ),
2611
- a && /* @__PURE__ */ t.jsxs("div", { className: at.length, children: [
2612
- r,
2599
+ e && /* @__PURE__ */ t.jsxs("div", { className: nt.length, children: [
2600
+ m,
2613
2601
  "/",
2614
- a
2602
+ e
2615
2603
  ] })
2616
2604
  ] });
2617
2605
  };
2618
2606
  export {
2619
- Yi as Accordion,
2620
- Ps as BurgerMenuButton,
2621
- L as Button,
2622
- bn as ButtonTypeSettings,
2623
- zi as ButtonsSettings,
2624
- Ri as CategorySettings,
2625
- Ct as ChargeTypes,
2626
- At as ChooseImage,
2627
- ta as ChooseImageModal,
2628
- qs as EmptyCart,
2629
- Li as FormSettings,
2630
- Vi as HeaderButtons,
2631
- b as Icon,
2632
- It as InputSettings,
2633
- Rt as InputUI,
2634
- ea as ItemsSettings,
2635
- Ei as LayoutSettings,
2636
- Wi as Link,
2637
- Fi as ListingSelector,
2638
- na as Loader,
2639
- Qi as MetaInfoPost,
2640
- kt as Modal,
2641
- Ui as PagesMobileMenu,
2642
- Bs as PagesMobileModal,
2643
- Di as PagesSettings,
2644
- Gi as ProductCardButtons,
2645
- Xi as ProductCardModal,
2646
- Yn as ProductOptions,
2647
- St as RangeSelector,
2648
- it as Select,
2649
- Hi as ShareLink,
2650
- $s as ShoppingButton,
2651
- ws as ShoppingModalCart,
2652
- ct as Switch,
2607
+ Ui as Accordion,
2608
+ qn as BurgerMenuButton,
2609
+ F as Button,
2610
+ xs as ButtonTypeSettings,
2611
+ Di as ButtonsSettings,
2612
+ Oi as CategorySettings,
2613
+ It as ChargeTypes,
2614
+ Tt as ChooseImage,
2615
+ Ki as ChooseImageModal,
2616
+ $n as EmptyCart,
2617
+ Ri as FormSettings,
2618
+ Li as HeaderButtons,
2619
+ j as Icon,
2620
+ bt as InputSettings,
2621
+ Ot as InputUI,
2622
+ Zi as ItemsSettings,
2623
+ Ai as LayoutSettings,
2624
+ Hi as Link,
2625
+ zi as ListingSelector,
2626
+ ta as Loader,
2627
+ Wi as MetaInfoPost,
2628
+ Nt as Modal,
2629
+ Fi as PagesMobileMenu,
2630
+ wn as PagesMobileModal,
2631
+ Ei as PagesSettings,
2632
+ Yi as ProductCardButtons,
2633
+ Gi as ProductCardModal,
2634
+ Vs as ProductOptions,
2635
+ kt as RangeSelector,
2636
+ st as Select,
2637
+ ea as SelectInfiniteList,
2638
+ Vi as ShareLink,
2639
+ Cn as ShoppingButton,
2640
+ Sn as ShoppingModalCart,
2641
+ ot as Switch,
2653
2642
  sa as TextSettings,
2654
- ia as TextareaSettings,
2655
- Ji as TextareaUI,
2656
- aa as TypesText,
2657
- Tt as UserInfo
2643
+ na as TextareaSettings,
2644
+ Qi as TextareaUI,
2645
+ ia as TypesText,
2646
+ Bt as UserInfo
2658
2647
  };