@billgangcom/theme-lib 1.45.0 → 1.47.0
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.
- package/dist/builder/store/usePreviewStore.d.ts +10 -2
- package/dist/builder/ui/Input/index.d.ts +1 -0
- package/dist/builder/ui/Select/index.d.ts +1 -0
- package/dist/builder.cjs.js +4 -4
- package/dist/builder.es.js +1069 -981
- package/dist/{index-COq92Nlh.js → index-BBKflM9C.js} +5883 -5887
- package/dist/{index-BAwpl1N-.cjs → index-et2FrzNp.cjs} +31 -31
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +383 -372
- package/package.json +1 -1
package/dist/ui.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as t, I as b, c as Y, a as tt, S as st, T as
|
|
2
|
-
import { q as uc, L as mc } from "./index-
|
|
1
|
+
import { j as t, I as b, c as Y, a as tt, S as st, T as zt, b as et, C as bt, u as yt, d as kt, D as $t, e as It, v as Nt, B as ot, f as _t, P as wt, g as Ct, h as St, i as Vt, s as Yt, k as Et, l as Bt, m as Ot, M as Mt, n as Ut, o as Dt, p as Gt } from "./index-BBKflM9C.js";
|
|
2
|
+
import { q as uc, L as mc } from "./index-BBKflM9C.js";
|
|
3
3
|
import g from "react";
|
|
4
4
|
import "@phosphor-icons/react";
|
|
5
5
|
const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1ibay_15", Qt = "_subtitle_1ibay_22", Kt = "_alignmentContent_1ibay_29", Zt = "_alignments_1ibay_37", te = "_alignment_1ibay_8", ee = "_circle_1ibay_60", se = "_paddings_1ibay_67", ne = "_padding_1ibay_67", ie = "_active_1ibay_91", oe = "_input_1ibay_98", K = {
|
|
@@ -141,18 +141,18 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
141
141
|
] })
|
|
142
142
|
] })
|
|
143
143
|
] });
|
|
144
|
-
}, le = "_title_1jkiw_1", re = "_subtitle_1jkiw_5", de = "_header_1jkiw_12", ue = "_text_1jkiw_13", me = "_top_1jkiw_20", _e = "_itemsBlock_1jkiw_29",
|
|
144
|
+
}, le = "_title_1jkiw_1", re = "_subtitle_1jkiw_5", de = "_header_1jkiw_12", ue = "_text_1jkiw_13", me = "_top_1jkiw_20", _e = "_itemsBlock_1jkiw_29", ht = {
|
|
145
145
|
title: le,
|
|
146
146
|
subtitle: re,
|
|
147
147
|
header: de,
|
|
148
148
|
text: ue,
|
|
149
149
|
top: me,
|
|
150
150
|
itemsBlock: _e
|
|
151
|
-
},
|
|
152
|
-
typeTexts:
|
|
153
|
-
block:
|
|
151
|
+
}, pe = "_typeTexts_167ez_1", he = "_block_167ez_8", ge = "_active_167ez_25", Pt = {
|
|
152
|
+
typeTexts: pe,
|
|
153
|
+
block: he,
|
|
154
154
|
active: ge
|
|
155
|
-
}, fe = ["bold", "italic", "underline", "strike-through", "code"],
|
|
155
|
+
}, fe = ["bold", "italic", "underline", "strike-through", "code"], Lt = (d) => {
|
|
156
156
|
const { typesText: a, setTypesText: e } = d;
|
|
157
157
|
function s(i) {
|
|
158
158
|
switch (i) {
|
|
@@ -202,7 +202,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
202
202
|
h5: "Heading 5",
|
|
203
203
|
h6: "Heading 6",
|
|
204
204
|
p: "Paragraph"
|
|
205
|
-
},
|
|
205
|
+
}, Ht = (d) => {
|
|
206
206
|
const {
|
|
207
207
|
typesText: a,
|
|
208
208
|
isActiveText: e,
|
|
@@ -215,9 +215,9 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
215
215
|
typeFont: m,
|
|
216
216
|
setTypeFont: v
|
|
217
217
|
} = d;
|
|
218
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
219
|
-
(o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className:
|
|
220
|
-
o && /* @__PURE__ */ t.jsx("h3", { className:
|
|
218
|
+
return /* @__PURE__ */ t.jsxs("div", { className: ht.text, children: [
|
|
219
|
+
(o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
|
|
220
|
+
o && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: o }),
|
|
221
221
|
e !== void 0 && s && /* @__PURE__ */ t.jsx(
|
|
222
222
|
st,
|
|
223
223
|
{
|
|
@@ -226,10 +226,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
226
226
|
}
|
|
227
227
|
)
|
|
228
228
|
] }),
|
|
229
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
230
|
-
/* @__PURE__ */ t.jsx("h5", { className:
|
|
229
|
+
/* @__PURE__ */ t.jsxs("div", { className: ht.itemsBlock, children: [
|
|
230
|
+
/* @__PURE__ */ t.jsx("h5", { className: ht.subtitle, children: n }),
|
|
231
231
|
/* @__PURE__ */ t.jsx(
|
|
232
|
-
|
|
232
|
+
zt,
|
|
233
233
|
{
|
|
234
234
|
onChange: (f) => c(f),
|
|
235
235
|
value: i,
|
|
@@ -237,7 +237,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
237
237
|
}
|
|
238
238
|
),
|
|
239
239
|
/* @__PURE__ */ t.jsx(
|
|
240
|
-
|
|
240
|
+
Lt,
|
|
241
241
|
{
|
|
242
242
|
typesText: a,
|
|
243
243
|
setTypesText: l
|
|
@@ -260,7 +260,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
260
260
|
)
|
|
261
261
|
] })
|
|
262
262
|
] });
|
|
263
|
-
}, xe = "
|
|
263
|
+
}, xe = "_title_1fz6i_1", be = "_subtitle_1fz6i_5", ve = "_header_1fz6i_12", je = "_text_1fz6i_13", ye = "_productsBlock_1fz6i_14", ke = "_top_1fz6i_26", $e = "_itemsBlock_1fz6i_35", Ie = "_typeTexts_1fz6i_41", Ne = "_block_1fz6i_48", we = "_active_1fz6i_61", Ce = "_products_1fz6i_14", Se = "_product_1fz6i_14", Be = "_button_1fz6i_80", Te = "_disabled_1fz6i_91", Pe = "_image_1fz6i_95", Ae = "_info_1fz6i_102", Oe = "_name_1fz6i_114", Me = "_buttons_1fz6i_118", qe = "_modal_1fz6i_125", ze = "_link_1fz6i_146", Ee = "_modalOptions_1fz6i_152", Ue = "_addButton_1fz6i_165", De = "_deleteButton_1fz6i_180", Le = "_closeIcon_1fz6i_192", R = {
|
|
264
264
|
title: xe,
|
|
265
265
|
subtitle: be,
|
|
266
266
|
header: ve,
|
|
@@ -269,8 +269,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
269
269
|
top: ke,
|
|
270
270
|
itemsBlock: $e,
|
|
271
271
|
typeTexts: Ie,
|
|
272
|
-
block:
|
|
273
|
-
active:
|
|
272
|
+
block: Ne,
|
|
273
|
+
active: we,
|
|
274
274
|
products: Ce,
|
|
275
275
|
product: Se,
|
|
276
276
|
button: Be,
|
|
@@ -280,12 +280,12 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
280
280
|
name: Oe,
|
|
281
281
|
buttons: Me,
|
|
282
282
|
modal: qe,
|
|
283
|
-
link:
|
|
284
|
-
modalOptions:
|
|
285
|
-
addButton:
|
|
286
|
-
deleteButton:
|
|
287
|
-
closeIcon:
|
|
288
|
-
},
|
|
283
|
+
link: ze,
|
|
284
|
+
modalOptions: Ee,
|
|
285
|
+
addButton: Ue,
|
|
286
|
+
deleteButton: De,
|
|
287
|
+
closeIcon: Le
|
|
288
|
+
}, He = g.forwardRef(
|
|
289
289
|
(d, a) => {
|
|
290
290
|
const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = d;
|
|
291
291
|
function o(n, m) {
|
|
@@ -295,7 +295,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
295
295
|
"div",
|
|
296
296
|
{
|
|
297
297
|
ref: a,
|
|
298
|
-
className:
|
|
298
|
+
className: R.modal,
|
|
299
299
|
onClick: (n) => {
|
|
300
300
|
n.stopPropagation();
|
|
301
301
|
},
|
|
@@ -304,9 +304,9 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
304
304
|
left: `${i.left}px`
|
|
305
305
|
},
|
|
306
306
|
children: [
|
|
307
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
308
|
-
/* @__PURE__ */ t.jsx("h3", { className:
|
|
309
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
307
|
+
/* @__PURE__ */ t.jsxs("div", { className: R.top, children: [
|
|
308
|
+
/* @__PURE__ */ t.jsx("h3", { className: R.title, children: o(e.name["en-US"], 20) }),
|
|
309
|
+
/* @__PURE__ */ t.jsx("div", { className: R.closeIcon, children: /* @__PURE__ */ t.jsx(
|
|
310
310
|
b,
|
|
311
311
|
{
|
|
312
312
|
name: "X",
|
|
@@ -318,7 +318,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
318
318
|
}
|
|
319
319
|
) })
|
|
320
320
|
] }),
|
|
321
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
321
|
+
/* @__PURE__ */ t.jsx("div", { className: R.modalOptions, children: c.map((n) => {
|
|
322
322
|
if (n.type === "image")
|
|
323
323
|
return /* @__PURE__ */ t.jsx(
|
|
324
324
|
bt,
|
|
@@ -337,7 +337,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
337
337
|
);
|
|
338
338
|
if (n.type === "text")
|
|
339
339
|
return /* @__PURE__ */ t.jsx(
|
|
340
|
-
|
|
340
|
+
Ht,
|
|
341
341
|
{
|
|
342
342
|
typesText: e[n.field.type],
|
|
343
343
|
setTypesText: (m) => {
|
|
@@ -385,7 +385,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
385
385
|
}
|
|
386
386
|
);
|
|
387
387
|
if (n.type === "inputSwitch")
|
|
388
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
388
|
+
return /* @__PURE__ */ t.jsxs("div", { className: R.link, children: [
|
|
389
389
|
/* @__PURE__ */ t.jsx(
|
|
390
390
|
tt,
|
|
391
391
|
{
|
|
@@ -472,8 +472,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
|
|
|
472
472
|
}
|
|
473
473
|
);
|
|
474
474
|
}
|
|
475
|
-
),
|
|
476
|
-
other:
|
|
475
|
+
), Re = "_other_g74jx_1", Fe = "_subtitle_g74jx_7", Ve = "_items_g74jx_14", At = {
|
|
476
|
+
other: Re,
|
|
477
477
|
subtitle: Fe,
|
|
478
478
|
items: Ve
|
|
479
479
|
}, Tt = (d) => {
|
|
@@ -512,7 +512,7 @@ function Ye({ product: d, children: a }) {
|
|
|
512
512
|
{
|
|
513
513
|
ref: i,
|
|
514
514
|
style: n,
|
|
515
|
-
className: `${
|
|
515
|
+
className: `${R.product} ${o ? R.dragging : ""}`,
|
|
516
516
|
...e,
|
|
517
517
|
...s,
|
|
518
518
|
children: a
|
|
@@ -534,10 +534,10 @@ const Ge = (d) => {
|
|
|
534
534
|
deletable: f = !0,
|
|
535
535
|
addable: r = !0,
|
|
536
536
|
itemsType: k,
|
|
537
|
-
itemsPlaceholder:
|
|
537
|
+
itemsPlaceholder: p = "",
|
|
538
538
|
itemsOptions: _,
|
|
539
539
|
hasRangeSelector: $ = !1,
|
|
540
|
-
rangeSelectorOptions:
|
|
540
|
+
rangeSelectorOptions: L,
|
|
541
541
|
modalOptions: M,
|
|
542
542
|
addableOptions: u = {},
|
|
543
543
|
limit: S,
|
|
@@ -545,49 +545,49 @@ const Ge = (d) => {
|
|
|
545
545
|
} = d, [F, B] = g.useState(null), [j, P] = g.useState({
|
|
546
546
|
top: 0,
|
|
547
547
|
left: 0
|
|
548
|
-
}), [x, I] = g.useState(null),
|
|
549
|
-
kt(
|
|
548
|
+
}), [x, I] = g.useState(null), w = g.useRef(null), [D, A] = g.useState(!1), U = yt(
|
|
549
|
+
kt(wt, {
|
|
550
550
|
activationConstraint: {
|
|
551
551
|
distance: 5
|
|
552
552
|
}
|
|
553
553
|
})
|
|
554
554
|
);
|
|
555
555
|
g.useEffect(() => {
|
|
556
|
-
const
|
|
556
|
+
const h = () => {
|
|
557
557
|
B(null), A(!1);
|
|
558
558
|
};
|
|
559
|
-
return document.body.addEventListener("click",
|
|
560
|
-
B(null), A(!1), document.body.removeEventListener("click",
|
|
559
|
+
return document.body.addEventListener("click", h), B(null), A(!1), () => {
|
|
560
|
+
B(null), A(!1), document.body.removeEventListener("click", h);
|
|
561
561
|
};
|
|
562
562
|
}, []), g.useEffect(() => {
|
|
563
563
|
if (F) {
|
|
564
|
-
const
|
|
565
|
-
i(
|
|
564
|
+
const h = [...s].map((N) => N.id === F.id ? F : N);
|
|
565
|
+
i(h);
|
|
566
566
|
}
|
|
567
567
|
}, [F]), g.useEffect(() => {
|
|
568
|
-
if (
|
|
569
|
-
const
|
|
568
|
+
if (w.current && x) {
|
|
569
|
+
const h = w.current.getBoundingClientRect().height, N = window.innerHeight;
|
|
570
570
|
let O = x.top;
|
|
571
|
-
O +
|
|
571
|
+
O + h > N + window.scrollY - 200 && (O = N + window.scrollY - h - 200), O < 0 && (O = 10), P({
|
|
572
572
|
top: O,
|
|
573
573
|
left: x.left
|
|
574
574
|
});
|
|
575
575
|
}
|
|
576
|
-
}, [
|
|
577
|
-
const nt = (
|
|
578
|
-
|
|
579
|
-
const O =
|
|
576
|
+
}, [w.current, x]);
|
|
577
|
+
const nt = (h, N) => {
|
|
578
|
+
h.stopPropagation();
|
|
579
|
+
const O = h.target.getBoundingClientRect();
|
|
580
580
|
I({
|
|
581
581
|
top: O.top + window.scrollY - 70,
|
|
582
582
|
left: O.left - (r ? 30 : 65)
|
|
583
|
-
}), B(
|
|
583
|
+
}), B(N), A(!0);
|
|
584
584
|
};
|
|
585
|
-
function dt(
|
|
585
|
+
function dt(h) {
|
|
586
586
|
if (v)
|
|
587
|
-
return
|
|
587
|
+
return h ? /* @__PURE__ */ t.jsx(
|
|
588
588
|
"img",
|
|
589
589
|
{
|
|
590
|
-
src: `https://imagedelivery.net/${
|
|
590
|
+
src: `https://imagedelivery.net/${h[0]}/w=1000`,
|
|
591
591
|
alt: "image",
|
|
592
592
|
width: 16,
|
|
593
593
|
height: 16
|
|
@@ -602,17 +602,17 @@ const Ge = (d) => {
|
|
|
602
602
|
}
|
|
603
603
|
);
|
|
604
604
|
}
|
|
605
|
-
const y = (
|
|
606
|
-
const { active:
|
|
607
|
-
if (O &&
|
|
608
|
-
const
|
|
609
|
-
if (
|
|
610
|
-
const
|
|
611
|
-
|
|
605
|
+
const y = (h) => {
|
|
606
|
+
const { active: N, over: O } = h;
|
|
607
|
+
if (O && N.id !== O.id) {
|
|
608
|
+
const H = s.findIndex((z) => z.id === N.id), X = s.findIndex((z) => z.id === O.id);
|
|
609
|
+
if (H !== -1 && X !== -1) {
|
|
610
|
+
const z = [...s], [ut] = z.splice(H, 1);
|
|
611
|
+
z.splice(X, 0, ut), i(z);
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
|
-
},
|
|
615
|
-
var
|
|
614
|
+
}, E = (h, N) => {
|
|
615
|
+
var H, X;
|
|
616
616
|
const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
617
617
|
m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
618
618
|
b,
|
|
@@ -626,70 +626,70 @@ const Ge = (d) => {
|
|
|
626
626
|
k === "select" && _ && /* @__PURE__ */ t.jsx(
|
|
627
627
|
et,
|
|
628
628
|
{
|
|
629
|
-
onChange: (
|
|
630
|
-
const ut = [...s],
|
|
631
|
-
if (!
|
|
632
|
-
const mt = ut.map((vt) => vt.id ===
|
|
633
|
-
...
|
|
629
|
+
onChange: (z) => {
|
|
630
|
+
const ut = [...s], pt = _.find((vt) => vt.name["en-US"] === z);
|
|
631
|
+
if (!pt) return;
|
|
632
|
+
const mt = ut.map((vt) => vt.id === h.id ? {
|
|
633
|
+
...pt,
|
|
634
634
|
name: {
|
|
635
|
-
"en-US":
|
|
635
|
+
"en-US": z
|
|
636
636
|
}
|
|
637
637
|
} : vt);
|
|
638
638
|
B({
|
|
639
|
-
...
|
|
639
|
+
...h,
|
|
640
640
|
name: {
|
|
641
|
-
"en-US":
|
|
641
|
+
"en-US": z
|
|
642
642
|
}
|
|
643
643
|
}), i([...mt]);
|
|
644
644
|
},
|
|
645
|
-
value:
|
|
646
|
-
options: _.filter((
|
|
647
|
-
leftAddon: dt(
|
|
645
|
+
value: h.name["en-US"],
|
|
646
|
+
options: _.filter((z) => !s.find((ut) => ut.name["en-US"] === z.name["en-US"])).map((z) => z.name["en-US"]),
|
|
647
|
+
leftAddon: dt(h.images)
|
|
648
648
|
}
|
|
649
649
|
),
|
|
650
650
|
k === "input" && /* @__PURE__ */ t.jsx(
|
|
651
651
|
tt,
|
|
652
652
|
{
|
|
653
|
-
onChange: (
|
|
654
|
-
const
|
|
655
|
-
...
|
|
653
|
+
onChange: (z) => {
|
|
654
|
+
const pt = [...s].map((mt) => mt.id === h.id ? {
|
|
655
|
+
...h,
|
|
656
656
|
name: {
|
|
657
|
-
"en-US":
|
|
657
|
+
"en-US": z
|
|
658
658
|
}
|
|
659
659
|
} : mt);
|
|
660
|
-
i([...
|
|
660
|
+
i([...pt]);
|
|
661
661
|
},
|
|
662
|
-
value:
|
|
663
|
-
placeholder:
|
|
662
|
+
value: h.name["en-US"],
|
|
663
|
+
placeholder: p
|
|
664
664
|
}
|
|
665
665
|
),
|
|
666
666
|
k === "image" && /* @__PURE__ */ t.jsx(
|
|
667
667
|
bt,
|
|
668
668
|
{
|
|
669
|
-
onChange: (
|
|
670
|
-
const
|
|
671
|
-
...
|
|
672
|
-
images:
|
|
669
|
+
onChange: (z) => {
|
|
670
|
+
const pt = [...s].map((mt) => mt.id === h.id ? {
|
|
671
|
+
...h,
|
|
672
|
+
images: z
|
|
673
673
|
} : mt);
|
|
674
|
-
i([...
|
|
674
|
+
i([...pt]);
|
|
675
675
|
},
|
|
676
|
-
activeImage: (
|
|
676
|
+
activeImage: (H = s.find((z) => z.id === h.id)) != null && H.images ? (X = s.find((z) => z.id === h.id)) == null ? void 0 : X.images[0] : void 0
|
|
677
677
|
}
|
|
678
678
|
),
|
|
679
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
680
|
-
n && /* @__PURE__ */ t.jsx("div", { className:
|
|
679
|
+
/* @__PURE__ */ t.jsxs("div", { className: R.buttons, children: [
|
|
680
|
+
n && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
681
681
|
b,
|
|
682
682
|
{
|
|
683
683
|
name: "Sliders",
|
|
684
684
|
hoverable: !0,
|
|
685
685
|
width: 20,
|
|
686
686
|
height: 20,
|
|
687
|
-
onClick: (
|
|
688
|
-
nt(
|
|
687
|
+
onClick: (z) => {
|
|
688
|
+
nt(z, h);
|
|
689
689
|
}
|
|
690
690
|
}
|
|
691
691
|
) }),
|
|
692
|
-
f && /* @__PURE__ */ t.jsx("div", { className:
|
|
692
|
+
f && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
693
693
|
b,
|
|
694
694
|
{
|
|
695
695
|
name: "Trash",
|
|
@@ -697,7 +697,7 @@ const Ge = (d) => {
|
|
|
697
697
|
width: 20,
|
|
698
698
|
height: 20,
|
|
699
699
|
fill: "#C12A2A",
|
|
700
|
-
onClick: () => i(s.filter((
|
|
700
|
+
onClick: () => i(s.filter((z) => z.id !== h.id))
|
|
701
701
|
}
|
|
702
702
|
) })
|
|
703
703
|
] })
|
|
@@ -705,35 +705,35 @@ const Ge = (d) => {
|
|
|
705
705
|
return m ? /* @__PURE__ */ t.jsx(
|
|
706
706
|
Ye,
|
|
707
707
|
{
|
|
708
|
-
product:
|
|
709
|
-
index:
|
|
708
|
+
product: h,
|
|
709
|
+
index: N,
|
|
710
710
|
children: O
|
|
711
711
|
},
|
|
712
|
-
|
|
712
|
+
h.id
|
|
713
713
|
) : /* @__PURE__ */ t.jsx(
|
|
714
714
|
"div",
|
|
715
715
|
{
|
|
716
|
-
className:
|
|
716
|
+
className: R.product,
|
|
717
717
|
children: O
|
|
718
718
|
},
|
|
719
|
-
|
|
719
|
+
h.id
|
|
720
720
|
);
|
|
721
721
|
};
|
|
722
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
723
|
-
(l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className:
|
|
724
|
-
l && /* @__PURE__ */ t.jsx("h3", { className:
|
|
722
|
+
return /* @__PURE__ */ t.jsxs("div", { className: R.productsBlock, children: [
|
|
723
|
+
(l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: R.top, children: [
|
|
724
|
+
l && /* @__PURE__ */ t.jsx("h3", { className: R.title, children: l }),
|
|
725
725
|
a !== void 0 && /* @__PURE__ */ t.jsx(
|
|
726
726
|
st,
|
|
727
727
|
{
|
|
728
728
|
current: a,
|
|
729
|
-
onChange: (
|
|
729
|
+
onChange: (h) => e == null ? void 0 : e(h)
|
|
730
730
|
}
|
|
731
731
|
)
|
|
732
732
|
] }),
|
|
733
|
-
F && n && M &&
|
|
734
|
-
|
|
733
|
+
F && n && M && D && /* @__PURE__ */ t.jsx(
|
|
734
|
+
He,
|
|
735
735
|
{
|
|
736
|
-
ref:
|
|
736
|
+
ref: w,
|
|
737
737
|
activeItem: F,
|
|
738
738
|
setActiveItem: B,
|
|
739
739
|
popupPosition: j,
|
|
@@ -741,24 +741,24 @@ const Ge = (d) => {
|
|
|
741
741
|
setIsOpenModal: A
|
|
742
742
|
}
|
|
743
743
|
),
|
|
744
|
-
$ &&
|
|
745
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
746
|
-
o && /* @__PURE__ */ t.jsx("h5", { className:
|
|
744
|
+
$ && L && /* @__PURE__ */ t.jsx(qt, { ...L }),
|
|
745
|
+
/* @__PURE__ */ t.jsxs("div", { className: R.products, children: [
|
|
746
|
+
o && /* @__PURE__ */ t.jsx("h5", { className: R.subtitle, children: o }),
|
|
747
747
|
m ? /* @__PURE__ */ t.jsx(
|
|
748
748
|
$t,
|
|
749
749
|
{
|
|
750
|
-
sensors:
|
|
750
|
+
sensors: U,
|
|
751
751
|
onDragEnd: y,
|
|
752
752
|
children: /* @__PURE__ */ t.jsx(
|
|
753
753
|
It,
|
|
754
754
|
{
|
|
755
|
-
items: s.map((
|
|
756
|
-
strategy:
|
|
757
|
-
children: s.map((
|
|
755
|
+
items: s.map((h) => h.id),
|
|
756
|
+
strategy: Nt,
|
|
757
|
+
children: s.map((h, N) => E(h, N))
|
|
758
758
|
}
|
|
759
759
|
)
|
|
760
760
|
}
|
|
761
|
-
) : s.map((
|
|
761
|
+
) : s.map((h, N) => E(h, N)),
|
|
762
762
|
r && /* @__PURE__ */ t.jsx(
|
|
763
763
|
"div",
|
|
764
764
|
{
|
|
@@ -771,43 +771,43 @@ const Ge = (d) => {
|
|
|
771
771
|
ot,
|
|
772
772
|
{
|
|
773
773
|
withoutHover: !0,
|
|
774
|
-
className: Y(
|
|
775
|
-
[
|
|
774
|
+
className: Y(R.button, {
|
|
775
|
+
[R.disabled]: !!(S && S <= s.length || s.length === (_ == null ? void 0 : _.length))
|
|
776
776
|
}),
|
|
777
777
|
size: "s",
|
|
778
778
|
disabled: !!(S && S <= s.length || s.length === (_ == null ? void 0 : _.length)),
|
|
779
779
|
onClick: () => {
|
|
780
|
-
const
|
|
781
|
-
let
|
|
780
|
+
const h = [...s];
|
|
781
|
+
let N = null;
|
|
782
782
|
if (_) {
|
|
783
783
|
for (let O = 0; O < _.length; O++)
|
|
784
|
-
if (!s.find((
|
|
785
|
-
|
|
784
|
+
if (!s.find((H) => H.id === _[O].id)) {
|
|
785
|
+
N = _[O];
|
|
786
786
|
break;
|
|
787
787
|
}
|
|
788
788
|
}
|
|
789
|
-
k === "select" && _ ?
|
|
790
|
-
name:
|
|
791
|
-
id: (
|
|
789
|
+
k === "select" && _ ? h.push({
|
|
790
|
+
name: N ? N.name : _[0].name,
|
|
791
|
+
id: (N == null ? void 0 : N.id) || _[0].id,
|
|
792
792
|
...u
|
|
793
|
-
}) : k === "input" ?
|
|
793
|
+
}) : k === "input" ? h.push({
|
|
794
794
|
name: {
|
|
795
795
|
"en-US": ""
|
|
796
796
|
},
|
|
797
797
|
id: _t(),
|
|
798
798
|
...u
|
|
799
|
-
}) :
|
|
799
|
+
}) : h.push({
|
|
800
800
|
name: {
|
|
801
801
|
"en-US": `Image ${s.length + 1}`
|
|
802
802
|
},
|
|
803
803
|
id: _t(),
|
|
804
804
|
...u
|
|
805
|
-
}), i(
|
|
805
|
+
}), i(h);
|
|
806
806
|
},
|
|
807
807
|
style: {
|
|
808
808
|
width: "fit-content"
|
|
809
809
|
},
|
|
810
|
-
children: /* @__PURE__ */ t.jsxs("div", { className:
|
|
810
|
+
children: /* @__PURE__ */ t.jsxs("div", { className: R.addButton, children: [
|
|
811
811
|
/* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
|
|
812
812
|
/* @__PURE__ */ t.jsx(
|
|
813
813
|
b,
|
|
@@ -830,7 +830,7 @@ const Ge = (d) => {
|
|
|
830
830
|
label: q.title || "Auto scroll interval",
|
|
831
831
|
type: "number",
|
|
832
832
|
value: String(q.autoInterval),
|
|
833
|
-
onChange: (
|
|
833
|
+
onChange: (h) => q.setAutoInterval(Number(h)),
|
|
834
834
|
min: 0.1,
|
|
835
835
|
max: 100,
|
|
836
836
|
style: {
|
|
@@ -840,7 +840,7 @@ const Ge = (d) => {
|
|
|
840
840
|
}
|
|
841
841
|
)
|
|
842
842
|
] });
|
|
843
|
-
}, Xe = "_title_82zux_1", We = "_subtitle_82zux_5", Je = "_header_82zux_12", Qe = "_text_82zux_13", Ke = "_productsBlock_82zux_14", Ze = "_top_82zux_26", ts = "_itemsBlock_82zux_35", es = "_typeTexts_82zux_41", ss = "_block_82zux_48", ns = "_active_82zux_61", is = "_products_82zux_14", os = "_product_82zux_14", as = "_button_82zux_80", cs = "_disabled_82zux_91", ls = "_image_82zux_95", rs = "_info_82zux_102", ds = "_name_82zux_114", us = "_buttons_82zux_118", ms = "_modal_82zux_125", _s = "_link_82zux_145",
|
|
843
|
+
}, Xe = "_title_82zux_1", We = "_subtitle_82zux_5", Je = "_header_82zux_12", Qe = "_text_82zux_13", Ke = "_productsBlock_82zux_14", Ze = "_top_82zux_26", ts = "_itemsBlock_82zux_35", es = "_typeTexts_82zux_41", ss = "_block_82zux_48", ns = "_active_82zux_61", is = "_products_82zux_14", os = "_product_82zux_14", as = "_button_82zux_80", cs = "_disabled_82zux_91", ls = "_image_82zux_95", rs = "_info_82zux_102", ds = "_name_82zux_114", us = "_buttons_82zux_118", ms = "_modal_82zux_125", _s = "_link_82zux_145", ps = "_modalOptions_82zux_151", hs = "_addButton_82zux_157", gs = "_deleteButton_82zux_179", Z = {
|
|
844
844
|
title: Xe,
|
|
845
845
|
subtitle: We,
|
|
846
846
|
header: Je,
|
|
@@ -861,8 +861,8 @@ const Ge = (d) => {
|
|
|
861
861
|
buttons: us,
|
|
862
862
|
modal: ms,
|
|
863
863
|
link: _s,
|
|
864
|
-
modalOptions:
|
|
865
|
-
addButton:
|
|
864
|
+
modalOptions: ps,
|
|
865
|
+
addButton: hs,
|
|
866
866
|
deleteButton: gs
|
|
867
867
|
}, Ja = (d) => {
|
|
868
868
|
const {
|
|
@@ -879,11 +879,11 @@ const Ge = (d) => {
|
|
|
879
879
|
itemsOptions: f,
|
|
880
880
|
hasRangeSelector: r = !1,
|
|
881
881
|
rangeSelectorOptions: k,
|
|
882
|
-
limit:
|
|
882
|
+
limit: p,
|
|
883
883
|
autoScrollInterval: _,
|
|
884
884
|
deletable: $
|
|
885
885
|
} = d;
|
|
886
|
-
function
|
|
886
|
+
function L(u) {
|
|
887
887
|
if (m)
|
|
888
888
|
return u ? /* @__PURE__ */ t.jsx(
|
|
889
889
|
"img",
|
|
@@ -920,14 +920,14 @@ const Ge = (d) => {
|
|
|
920
920
|
et,
|
|
921
921
|
{
|
|
922
922
|
onChange: (B) => {
|
|
923
|
-
const j = [...s], P = f.find((
|
|
923
|
+
const j = [...s], P = f.find((w) => w.name === B);
|
|
924
924
|
if (!P) return;
|
|
925
|
-
const x = P.id, I = j.map((
|
|
925
|
+
const x = P.id, I = j.map((w) => w === u ? x : w);
|
|
926
926
|
i([...I]);
|
|
927
927
|
},
|
|
928
928
|
value: q.name,
|
|
929
929
|
options: f.filter((B) => !s.find((j) => j === B.id)).map((B) => B.name),
|
|
930
|
-
leftAddon:
|
|
930
|
+
leftAddon: L(q.images)
|
|
931
931
|
}
|
|
932
932
|
),
|
|
933
933
|
S && /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
@@ -980,10 +980,10 @@ const Ge = (d) => {
|
|
|
980
980
|
{
|
|
981
981
|
withoutHover: !0,
|
|
982
982
|
className: Y(Z.button, {
|
|
983
|
-
[Z.disabled]: !!(
|
|
983
|
+
[Z.disabled]: !!(p && p <= s.length || s.length === f.length)
|
|
984
984
|
}),
|
|
985
985
|
size: "s",
|
|
986
|
-
disabled: !!(
|
|
986
|
+
disabled: !!(p && p <= s.length || s.length === f.length),
|
|
987
987
|
onClick: () => {
|
|
988
988
|
const u = [...s];
|
|
989
989
|
let S = null;
|
|
@@ -1032,7 +1032,7 @@ const Ge = (d) => {
|
|
|
1032
1032
|
}
|
|
1033
1033
|
)
|
|
1034
1034
|
] });
|
|
1035
|
-
}, fs = "_title_roi3a_1", xs = "_subtitle_roi3a_5", bs = "_header_roi3a_12", vs = "_text_roi3a_13", js = "_productsBlock_roi3a_14", ys = "_top_roi3a_26", ks = "_itemsBlock_roi3a_35", $s = "_typeTexts_roi3a_41", Is = "_block_roi3a_48",
|
|
1035
|
+
}, fs = "_title_roi3a_1", xs = "_subtitle_roi3a_5", bs = "_header_roi3a_12", vs = "_text_roi3a_13", js = "_productsBlock_roi3a_14", ys = "_top_roi3a_26", ks = "_itemsBlock_roi3a_35", $s = "_typeTexts_roi3a_41", Is = "_block_roi3a_48", Ns = "_active_roi3a_61", ws = "_products_roi3a_14", Cs = "_product_roi3a_14", Ss = "_button_roi3a_80", Bs = "_disabled_roi3a_91", Ts = "_image_roi3a_95", Ps = "_info_roi3a_102", As = "_name_roi3a_114", Os = "_buttons_roi3a_118", Ms = "_modal_roi3a_125", qs = "_link_roi3a_145", zs = "_modalOptions_roi3a_151", Es = "_addButton_roi3a_164", Us = "_deleteButton_roi3a_179", Ds = "_closeIcon_roi3a_191", J = {
|
|
1036
1036
|
title: fs,
|
|
1037
1037
|
subtitle: xs,
|
|
1038
1038
|
header: bs,
|
|
@@ -1042,8 +1042,8 @@ const Ge = (d) => {
|
|
|
1042
1042
|
itemsBlock: ks,
|
|
1043
1043
|
typeTexts: $s,
|
|
1044
1044
|
block: Is,
|
|
1045
|
-
active:
|
|
1046
|
-
products:
|
|
1045
|
+
active: Ns,
|
|
1046
|
+
products: ws,
|
|
1047
1047
|
product: Cs,
|
|
1048
1048
|
button: Ss,
|
|
1049
1049
|
disabled: Bs,
|
|
@@ -1053,12 +1053,12 @@ const Ge = (d) => {
|
|
|
1053
1053
|
buttons: Os,
|
|
1054
1054
|
modal: Ms,
|
|
1055
1055
|
link: qs,
|
|
1056
|
-
modalOptions:
|
|
1057
|
-
addButton:
|
|
1058
|
-
deleteButton:
|
|
1059
|
-
closeIcon:
|
|
1056
|
+
modalOptions: zs,
|
|
1057
|
+
addButton: Es,
|
|
1058
|
+
deleteButton: Us,
|
|
1059
|
+
closeIcon: Ds
|
|
1060
1060
|
};
|
|
1061
|
-
function
|
|
1061
|
+
function Ls({ product: d, children: a }) {
|
|
1062
1062
|
const {
|
|
1063
1063
|
attributes: e,
|
|
1064
1064
|
listeners: s,
|
|
@@ -1099,9 +1099,9 @@ const Qa = (d) => {
|
|
|
1099
1099
|
itemsType: f,
|
|
1100
1100
|
itemsOptions: r,
|
|
1101
1101
|
addableOptions: k = {},
|
|
1102
|
-
limit:
|
|
1103
|
-
} = d, [_, $] = g.useState(null), [
|
|
1104
|
-
kt(
|
|
1102
|
+
limit: p
|
|
1103
|
+
} = d, [_, $] = g.useState(null), [L, M] = g.useState(null), u = g.useRef(null), S = yt(
|
|
1104
|
+
kt(wt, {
|
|
1105
1105
|
activationConstraint: {
|
|
1106
1106
|
distance: 5
|
|
1107
1107
|
}
|
|
@@ -1113,8 +1113,8 @@ const Qa = (d) => {
|
|
|
1113
1113
|
i(j);
|
|
1114
1114
|
}
|
|
1115
1115
|
}, [_]), g.useEffect(() => {
|
|
1116
|
-
u.current &&
|
|
1117
|
-
}, [u.current,
|
|
1116
|
+
u.current && L && (u.current.getBoundingClientRect().height, L.top);
|
|
1117
|
+
}, [u.current, L]);
|
|
1118
1118
|
const q = (j, P) => {
|
|
1119
1119
|
j.stopPropagation();
|
|
1120
1120
|
const x = j.target.getBoundingClientRect();
|
|
@@ -1125,10 +1125,10 @@ const Qa = (d) => {
|
|
|
1125
1125
|
}, F = (j) => {
|
|
1126
1126
|
const { active: P, over: x } = j;
|
|
1127
1127
|
if (x && P.id !== x.id) {
|
|
1128
|
-
const I = s.findIndex((
|
|
1129
|
-
if (I !== -1 &&
|
|
1130
|
-
const
|
|
1131
|
-
|
|
1128
|
+
const I = s.findIndex((D) => D.id === P.id), w = s.findIndex((D) => D.id === x.id);
|
|
1129
|
+
if (I !== -1 && w !== -1) {
|
|
1130
|
+
const D = [...s], [A] = D.splice(I, 1);
|
|
1131
|
+
D.splice(w, 0, A), i(D);
|
|
1132
1132
|
}
|
|
1133
1133
|
}
|
|
1134
1134
|
}, B = (j, P) => {
|
|
@@ -1146,14 +1146,14 @@ const Qa = (d) => {
|
|
|
1146
1146
|
et,
|
|
1147
1147
|
{
|
|
1148
1148
|
onChange: (I) => {
|
|
1149
|
-
const
|
|
1150
|
-
if (!
|
|
1151
|
-
const A =
|
|
1152
|
-
...
|
|
1149
|
+
const w = [...s], D = r.find((U) => U.name === I);
|
|
1150
|
+
if (!D) return;
|
|
1151
|
+
const A = w.map((U) => U.id === j.id ? {
|
|
1152
|
+
...D,
|
|
1153
1153
|
name: {
|
|
1154
1154
|
"en-US": I
|
|
1155
1155
|
}
|
|
1156
|
-
} :
|
|
1156
|
+
} : U);
|
|
1157
1157
|
$({
|
|
1158
1158
|
...j,
|
|
1159
1159
|
name: {
|
|
@@ -1162,7 +1162,7 @@ const Qa = (d) => {
|
|
|
1162
1162
|
}), i([...A]);
|
|
1163
1163
|
},
|
|
1164
1164
|
value: j.name,
|
|
1165
|
-
options: r.filter((I) => !s.find((
|
|
1165
|
+
options: r.filter((I) => !s.find((w) => w.name === I.name)).map((I) => I.name)
|
|
1166
1166
|
}
|
|
1167
1167
|
),
|
|
1168
1168
|
/* @__PURE__ */ t.jsxs("div", { className: J.buttons, children: [
|
|
@@ -1190,7 +1190,7 @@ const Qa = (d) => {
|
|
|
1190
1190
|
] })
|
|
1191
1191
|
] });
|
|
1192
1192
|
return n ? /* @__PURE__ */ t.jsx(
|
|
1193
|
-
|
|
1193
|
+
Ls,
|
|
1194
1194
|
{
|
|
1195
1195
|
product: j,
|
|
1196
1196
|
index: P,
|
|
@@ -1228,7 +1228,7 @@ const Qa = (d) => {
|
|
|
1228
1228
|
It,
|
|
1229
1229
|
{
|
|
1230
1230
|
items: s.map((j) => j.id),
|
|
1231
|
-
strategy:
|
|
1231
|
+
strategy: Nt,
|
|
1232
1232
|
children: s.map((j, P) => B(j, P))
|
|
1233
1233
|
}
|
|
1234
1234
|
)
|
|
@@ -1247,10 +1247,10 @@ const Qa = (d) => {
|
|
|
1247
1247
|
{
|
|
1248
1248
|
withoutHover: !0,
|
|
1249
1249
|
className: Y(J.button, {
|
|
1250
|
-
[J.disabled]: !!(
|
|
1250
|
+
[J.disabled]: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length))
|
|
1251
1251
|
}),
|
|
1252
1252
|
size: "s",
|
|
1253
|
-
disabled: !!(
|
|
1253
|
+
disabled: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length)),
|
|
1254
1254
|
onClick: () => {
|
|
1255
1255
|
const j = [...s];
|
|
1256
1256
|
let P = null;
|
|
@@ -1287,9 +1287,9 @@ const Qa = (d) => {
|
|
|
1287
1287
|
)
|
|
1288
1288
|
] })
|
|
1289
1289
|
] });
|
|
1290
|
-
},
|
|
1291
|
-
title:
|
|
1292
|
-
subtitle:
|
|
1290
|
+
}, Hs = "_title_5iipd_1", Rs = "_subtitle_5iipd_5", Fs = "_header_5iipd_12", Vs = "_text_5iipd_13", Ys = "_productsBlock_5iipd_14", Gs = "_top_5iipd_26", Xs = "_itemsBlock_5iipd_35", Ws = "_typeTexts_5iipd_41", Js = "_block_5iipd_48", Qs = "_active_5iipd_61", Ks = "_products_5iipd_14", Zs = "_product_5iipd_14", tn = "_button_5iipd_80", en = "_disabled_5iipd_91", sn = "_image_5iipd_95", nn = "_info_5iipd_102", on = "_name_5iipd_114", an = "_buttons_5iipd_118", cn = "_modal_5iipd_125", ln = "_link_5iipd_146", rn = "_modalOptions_5iipd_152", dn = "_addButton_5iipd_165", un = "_deleteButton_5iipd_180", mn = "_closeIcon_5iipd_192", V = {
|
|
1291
|
+
title: Hs,
|
|
1292
|
+
subtitle: Rs,
|
|
1293
1293
|
header: Fs,
|
|
1294
1294
|
text: Vs,
|
|
1295
1295
|
productsBlock: Ys,
|
|
@@ -1362,7 +1362,7 @@ const Qa = (d) => {
|
|
|
1362
1362
|
);
|
|
1363
1363
|
if (o.type === "text")
|
|
1364
1364
|
return /* @__PURE__ */ t.jsx(
|
|
1365
|
-
|
|
1365
|
+
Ht,
|
|
1366
1366
|
{
|
|
1367
1367
|
typesText: e[o.field.type],
|
|
1368
1368
|
setTypesText: (n) => {
|
|
@@ -1464,7 +1464,7 @@ const Qa = (d) => {
|
|
|
1464
1464
|
);
|
|
1465
1465
|
}
|
|
1466
1466
|
);
|
|
1467
|
-
function
|
|
1467
|
+
function pn(d) {
|
|
1468
1468
|
const { product: a, children: e } = d, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
|
|
1469
1469
|
id: a.id
|
|
1470
1470
|
}), m = {
|
|
@@ -1498,17 +1498,17 @@ const Ka = (d) => {
|
|
|
1498
1498
|
deletable: f = !0,
|
|
1499
1499
|
addable: r = !0,
|
|
1500
1500
|
itemsType: k,
|
|
1501
|
-
itemsPlaceholder:
|
|
1501
|
+
itemsPlaceholder: p = "",
|
|
1502
1502
|
itemsOptions: _,
|
|
1503
1503
|
hasRangeSelector: $ = !1,
|
|
1504
|
-
rangeSelectorOptions:
|
|
1504
|
+
rangeSelectorOptions: L,
|
|
1505
1505
|
modalOptions: M,
|
|
1506
1506
|
addableOptions: u = {}
|
|
1507
1507
|
} = d, [S, q] = g.useState(null), [F, B] = g.useState({
|
|
1508
1508
|
top: 0,
|
|
1509
1509
|
left: 0
|
|
1510
|
-
}), [j, P] = g.useState(null), x = g.useRef(null), [I,
|
|
1511
|
-
kt(
|
|
1510
|
+
}), [j, P] = g.useState(null), x = g.useRef(null), [I, w] = g.useState(!1), D = yt(
|
|
1511
|
+
kt(wt, {
|
|
1512
1512
|
activationConstraint: {
|
|
1513
1513
|
distance: 5
|
|
1514
1514
|
}
|
|
@@ -1516,35 +1516,35 @@ const Ka = (d) => {
|
|
|
1516
1516
|
);
|
|
1517
1517
|
g.useEffect(() => {
|
|
1518
1518
|
const y = () => {
|
|
1519
|
-
q(null),
|
|
1519
|
+
q(null), w(!1);
|
|
1520
1520
|
};
|
|
1521
|
-
return document.body.addEventListener("click", y), q(null),
|
|
1522
|
-
q(null),
|
|
1521
|
+
return document.body.addEventListener("click", y), q(null), w(!1), () => {
|
|
1522
|
+
q(null), w(!1), document.body.removeEventListener("click", y);
|
|
1523
1523
|
};
|
|
1524
1524
|
}, []), g.useEffect(() => {
|
|
1525
1525
|
if (S) {
|
|
1526
|
-
const y = [...s].map((
|
|
1526
|
+
const y = [...s].map((E) => E.id === S.id ? S : E);
|
|
1527
1527
|
i(y);
|
|
1528
1528
|
}
|
|
1529
1529
|
}, [S]), g.useEffect(() => {
|
|
1530
1530
|
if (x.current && j) {
|
|
1531
|
-
const y = x.current.getBoundingClientRect().height,
|
|
1532
|
-
let
|
|
1533
|
-
|
|
1534
|
-
top:
|
|
1531
|
+
const y = x.current.getBoundingClientRect().height, E = window.innerHeight;
|
|
1532
|
+
let h = j.top;
|
|
1533
|
+
h + y > E + window.scrollY - 200 && (h = E + window.scrollY - y - 200), h < 0 && (h = 10), B({
|
|
1534
|
+
top: h,
|
|
1535
1535
|
left: j.left
|
|
1536
1536
|
});
|
|
1537
1537
|
}
|
|
1538
1538
|
}, [x.current, j]);
|
|
1539
|
-
const A = (y,
|
|
1539
|
+
const A = (y, E) => {
|
|
1540
1540
|
y.stopPropagation();
|
|
1541
|
-
const
|
|
1541
|
+
const h = y.target.getBoundingClientRect();
|
|
1542
1542
|
P({
|
|
1543
|
-
top:
|
|
1544
|
-
left:
|
|
1545
|
-
}), q(
|
|
1543
|
+
top: h.top + window.scrollY,
|
|
1544
|
+
left: h.left - 30
|
|
1545
|
+
}), q(E), w(!0);
|
|
1546
1546
|
};
|
|
1547
|
-
function
|
|
1547
|
+
function U(y) {
|
|
1548
1548
|
if (v)
|
|
1549
1549
|
return y ? /* @__PURE__ */ t.jsx(
|
|
1550
1550
|
"img",
|
|
@@ -1565,17 +1565,17 @@ const Ka = (d) => {
|
|
|
1565
1565
|
);
|
|
1566
1566
|
}
|
|
1567
1567
|
const nt = (y) => {
|
|
1568
|
-
const { active:
|
|
1569
|
-
if (
|
|
1570
|
-
const
|
|
1571
|
-
if (
|
|
1572
|
-
const
|
|
1573
|
-
|
|
1568
|
+
const { active: E, over: h } = y;
|
|
1569
|
+
if (h && E.id !== h.id) {
|
|
1570
|
+
const N = s.findIndex((H) => H.id === E.id), O = s.findIndex((H) => H.id === h.id);
|
|
1571
|
+
if (N !== -1 && O !== -1) {
|
|
1572
|
+
const H = [...s], [X] = H.splice(N, 1);
|
|
1573
|
+
H.splice(O, 0, X), i(H);
|
|
1574
1574
|
}
|
|
1575
1575
|
}
|
|
1576
1576
|
}, dt = (y) => {
|
|
1577
|
-
var
|
|
1578
|
-
const
|
|
1577
|
+
var h;
|
|
1578
|
+
const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1579
1579
|
m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
1580
1580
|
b,
|
|
1581
1581
|
{
|
|
@@ -1588,54 +1588,54 @@ const Ka = (d) => {
|
|
|
1588
1588
|
k === "select" && _ && /* @__PURE__ */ t.jsx(
|
|
1589
1589
|
et,
|
|
1590
1590
|
{
|
|
1591
|
-
onChange: (
|
|
1592
|
-
const
|
|
1591
|
+
onChange: (N) => {
|
|
1592
|
+
const H = [...s].map((X) => X.id === y.id ? {
|
|
1593
1593
|
...y,
|
|
1594
1594
|
name: {
|
|
1595
|
-
"en-US":
|
|
1595
|
+
"en-US": N
|
|
1596
1596
|
}
|
|
1597
1597
|
} : X);
|
|
1598
1598
|
q({
|
|
1599
1599
|
...y,
|
|
1600
1600
|
name: {
|
|
1601
|
-
"en-US":
|
|
1601
|
+
"en-US": N
|
|
1602
1602
|
}
|
|
1603
|
-
}), i([...
|
|
1603
|
+
}), i([...H]);
|
|
1604
1604
|
},
|
|
1605
1605
|
value: y.name["en-US"],
|
|
1606
1606
|
options: _.filter(
|
|
1607
|
-
(
|
|
1607
|
+
(N) => !s.find((O) => O.name["en-US"] === N)
|
|
1608
1608
|
),
|
|
1609
|
-
leftAddon:
|
|
1609
|
+
leftAddon: U(y.images)
|
|
1610
1610
|
}
|
|
1611
1611
|
),
|
|
1612
1612
|
k === "input" && /* @__PURE__ */ t.jsx(
|
|
1613
1613
|
tt,
|
|
1614
1614
|
{
|
|
1615
|
-
onChange: (
|
|
1616
|
-
const
|
|
1615
|
+
onChange: (N) => {
|
|
1616
|
+
const H = [...s].map((X) => X.id === y.id ? {
|
|
1617
1617
|
...y,
|
|
1618
1618
|
name: {
|
|
1619
|
-
"en-US":
|
|
1619
|
+
"en-US": N
|
|
1620
1620
|
}
|
|
1621
1621
|
} : X);
|
|
1622
|
-
i([...
|
|
1622
|
+
i([...H]);
|
|
1623
1623
|
},
|
|
1624
1624
|
value: y.name["en-US"],
|
|
1625
|
-
placeholder:
|
|
1625
|
+
placeholder: p
|
|
1626
1626
|
}
|
|
1627
1627
|
),
|
|
1628
1628
|
k === "image" && /* @__PURE__ */ t.jsx(
|
|
1629
1629
|
bt,
|
|
1630
1630
|
{
|
|
1631
|
-
onChange: (
|
|
1632
|
-
const
|
|
1631
|
+
onChange: (N) => {
|
|
1632
|
+
const H = [...s].map((X) => X.id === y.id ? {
|
|
1633
1633
|
...y,
|
|
1634
|
-
images:
|
|
1634
|
+
images: N
|
|
1635
1635
|
} : X);
|
|
1636
|
-
i([...
|
|
1636
|
+
i([...H]);
|
|
1637
1637
|
},
|
|
1638
|
-
activeImage: (
|
|
1638
|
+
activeImage: (h = s.find((N) => N.id === y.id)) == null ? void 0 : h.images[0]
|
|
1639
1639
|
}
|
|
1640
1640
|
),
|
|
1641
1641
|
/* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
|
|
@@ -1646,7 +1646,7 @@ const Ka = (d) => {
|
|
|
1646
1646
|
hoverable: !0,
|
|
1647
1647
|
width: 20,
|
|
1648
1648
|
height: 20,
|
|
1649
|
-
onClick: (
|
|
1649
|
+
onClick: (N) => A(N, y)
|
|
1650
1650
|
}
|
|
1651
1651
|
) }),
|
|
1652
1652
|
f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
@@ -1657,23 +1657,23 @@ const Ka = (d) => {
|
|
|
1657
1657
|
width: 20,
|
|
1658
1658
|
height: 20,
|
|
1659
1659
|
fill: "#C12A2A",
|
|
1660
|
-
onClick: () => i(s.filter((
|
|
1660
|
+
onClick: () => i(s.filter((N) => N.id !== y.id))
|
|
1661
1661
|
}
|
|
1662
1662
|
) })
|
|
1663
1663
|
] })
|
|
1664
1664
|
] });
|
|
1665
1665
|
return m ? /* @__PURE__ */ t.jsx(
|
|
1666
|
-
|
|
1666
|
+
pn,
|
|
1667
1667
|
{
|
|
1668
1668
|
product: y,
|
|
1669
|
-
children:
|
|
1669
|
+
children: E
|
|
1670
1670
|
},
|
|
1671
1671
|
y.id
|
|
1672
1672
|
) : /* @__PURE__ */ t.jsx(
|
|
1673
1673
|
"div",
|
|
1674
1674
|
{
|
|
1675
1675
|
className: V.product,
|
|
1676
|
-
children:
|
|
1676
|
+
children: E
|
|
1677
1677
|
},
|
|
1678
1678
|
y.id
|
|
1679
1679
|
);
|
|
@@ -1697,22 +1697,22 @@ const Ka = (d) => {
|
|
|
1697
1697
|
setActiveItem: q,
|
|
1698
1698
|
popupPosition: F,
|
|
1699
1699
|
modalOptions: M,
|
|
1700
|
-
setIsOpenModal:
|
|
1700
|
+
setIsOpenModal: w
|
|
1701
1701
|
}
|
|
1702
1702
|
),
|
|
1703
|
-
$ &&
|
|
1703
|
+
$ && L && /* @__PURE__ */ t.jsx(qt, { ...L }),
|
|
1704
1704
|
/* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
|
|
1705
1705
|
o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
|
|
1706
1706
|
m ? /* @__PURE__ */ t.jsx(
|
|
1707
1707
|
$t,
|
|
1708
1708
|
{
|
|
1709
|
-
sensors:
|
|
1709
|
+
sensors: D,
|
|
1710
1710
|
onDragEnd: nt,
|
|
1711
1711
|
children: /* @__PURE__ */ t.jsx(
|
|
1712
1712
|
It,
|
|
1713
1713
|
{
|
|
1714
1714
|
items: s.map((y) => y.id),
|
|
1715
|
-
strategy:
|
|
1715
|
+
strategy: Nt,
|
|
1716
1716
|
children: s.map((y) => dt(y))
|
|
1717
1717
|
}
|
|
1718
1718
|
)
|
|
@@ -1734,17 +1734,17 @@ const Ka = (d) => {
|
|
|
1734
1734
|
size: "s",
|
|
1735
1735
|
onClick: () => {
|
|
1736
1736
|
const y = [...s];
|
|
1737
|
-
let
|
|
1737
|
+
let E = null;
|
|
1738
1738
|
if (_) {
|
|
1739
|
-
for (let
|
|
1740
|
-
if (!s.find((
|
|
1741
|
-
|
|
1739
|
+
for (let h = 0; h < _.length; h++)
|
|
1740
|
+
if (!s.find((N) => N.name["en-US"] === _[h])) {
|
|
1741
|
+
E = _[h];
|
|
1742
1742
|
break;
|
|
1743
1743
|
}
|
|
1744
1744
|
}
|
|
1745
1745
|
k === "select" && _ ? y.push({
|
|
1746
1746
|
name: {
|
|
1747
|
-
"en-US":
|
|
1747
|
+
"en-US": E || _[0]
|
|
1748
1748
|
},
|
|
1749
1749
|
id: _t(),
|
|
1750
1750
|
...u,
|
|
@@ -1787,8 +1787,8 @@ const Ka = (d) => {
|
|
|
1787
1787
|
] }),
|
|
1788
1788
|
c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c })
|
|
1789
1789
|
] });
|
|
1790
|
-
},
|
|
1791
|
-
title:
|
|
1790
|
+
}, hn = "_title_hvj8m_1", gn = "_subtitle_hvj8m_5", fn = "_header_hvj8m_12", xn = "_text_hvj8m_13", bn = "_productsBlock_hvj8m_14", vn = "_buttonsBlock_hvj8m_15", jn = "_top_hvj8m_26", yn = "_itemsBlock_hvj8m_35", kn = "_typeTexts_hvj8m_41", $n = "_block_hvj8m_48", In = "_active_hvj8m_60", Nn = "_products_hvj8m_14", wn = "_product_hvj8m_14", Cn = "_button_hvj8m_15", Sn = "_image_hvj8m_90", Bn = "_info_hvj8m_97", Tn = "_name_hvj8m_109", Pn = "_buttons_hvj8m_15", An = "_modal_hvj8m_120", On = "_other_hvj8m_140", Mn = "_options_hvj8m_146", qn = "_closeIcon_hvj8m_154", rt = {
|
|
1791
|
+
title: hn,
|
|
1792
1792
|
subtitle: gn,
|
|
1793
1793
|
header: fn,
|
|
1794
1794
|
text: xn,
|
|
@@ -1799,8 +1799,8 @@ const Ka = (d) => {
|
|
|
1799
1799
|
typeTexts: kn,
|
|
1800
1800
|
block: $n,
|
|
1801
1801
|
active: In,
|
|
1802
|
-
products:
|
|
1803
|
-
product:
|
|
1802
|
+
products: Nn,
|
|
1803
|
+
product: wn,
|
|
1804
1804
|
button: Cn,
|
|
1805
1805
|
image: Sn,
|
|
1806
1806
|
info: Bn,
|
|
@@ -1810,13 +1810,13 @@ const Ka = (d) => {
|
|
|
1810
1810
|
other: On,
|
|
1811
1811
|
options: Mn,
|
|
1812
1812
|
closeIcon: qn
|
|
1813
|
-
},
|
|
1814
|
-
const { activeButton: e, setActiveButton: s, popupPosition: i, editableLink: c = !0 } = d, [l, o] = g.useState(e.typesText), [n, m] = g.useState(e.destination), [v, f] = g.useState(e.page), [r, k] = g.useState(e.link || ""), [
|
|
1813
|
+
}, zn = g.forwardRef((d, a) => {
|
|
1814
|
+
const { activeButton: e, setActiveButton: s, popupPosition: i, editableLink: c = !0 } = d, [l, o] = g.useState(e.typesText), [n, m] = g.useState(e.destination), [v, f] = g.useState(e.page), [r, k] = g.useState(e.link || ""), [p, _] = g.useState(e.text || { "en-US": "" }), [$, L] = g.useState(e.openInNewTab), { pages: M } = Vt();
|
|
1815
1815
|
return g.useEffect(() => {
|
|
1816
1816
|
s({
|
|
1817
1817
|
...e,
|
|
1818
1818
|
...{
|
|
1819
|
-
text:
|
|
1819
|
+
text: p,
|
|
1820
1820
|
link: r,
|
|
1821
1821
|
destination: n,
|
|
1822
1822
|
typesText: l,
|
|
@@ -1824,7 +1824,7 @@ const Ka = (d) => {
|
|
|
1824
1824
|
openInNewTab: $
|
|
1825
1825
|
}
|
|
1826
1826
|
});
|
|
1827
|
-
}, [l, n, r,
|
|
1827
|
+
}, [l, n, r, p, v, $]), /* @__PURE__ */ t.jsxs(
|
|
1828
1828
|
"div",
|
|
1829
1829
|
{
|
|
1830
1830
|
className: rt.modal,
|
|
@@ -1882,20 +1882,20 @@ const Ka = (d) => {
|
|
|
1882
1882
|
{
|
|
1883
1883
|
current: e.openInNewTab,
|
|
1884
1884
|
label: "Open in new tab",
|
|
1885
|
-
onChange: (u) =>
|
|
1885
|
+
onChange: (u) => L(u)
|
|
1886
1886
|
}
|
|
1887
1887
|
),
|
|
1888
1888
|
/* @__PURE__ */ t.jsx(
|
|
1889
|
-
|
|
1889
|
+
zt,
|
|
1890
1890
|
{
|
|
1891
1891
|
onChange: (u) => _({ "en-US": u }),
|
|
1892
|
-
value:
|
|
1892
|
+
value: p["en-US"],
|
|
1893
1893
|
label: "Text",
|
|
1894
1894
|
maxLength: 150
|
|
1895
1895
|
}
|
|
1896
1896
|
),
|
|
1897
1897
|
/* @__PURE__ */ t.jsx(
|
|
1898
|
-
|
|
1898
|
+
Lt,
|
|
1899
1899
|
{
|
|
1900
1900
|
typesText: l,
|
|
1901
1901
|
setTypesText: o
|
|
@@ -1905,13 +1905,13 @@ const Ka = (d) => {
|
|
|
1905
1905
|
]
|
|
1906
1906
|
}
|
|
1907
1907
|
);
|
|
1908
|
-
}),
|
|
1909
|
-
subtitle:
|
|
1910
|
-
header:
|
|
1911
|
-
text:
|
|
1912
|
-
productsBlock:
|
|
1913
|
-
buttonsBlock:
|
|
1914
|
-
top:
|
|
1908
|
+
}), En = "_subtitle_jql1y_1", Un = "_header_jql1y_8", Dn = "_text_jql1y_9", Ln = "_productsBlock_jql1y_10", Hn = "_buttonsBlock_jql1y_11", Rn = "_top_jql1y_23", Fn = "_itemsBlock_jql1y_32", Vn = "_typeTexts_jql1y_38", Yn = "_block_jql1y_45", Gn = "_active_jql1y_58", Xn = "_products_jql1y_10", Wn = "_product_jql1y_10", Jn = "_button_jql1y_11", Qn = "_image_jql1y_88", Kn = "_info_jql1y_95", Zn = "_name_jql1y_107", ti = "_buttons_jql1y_11", ei = "_modal_jql1y_118", si = "_other_jql1y_138", ni = "_options_jql1y_144", ii = "_addButton_jql1y_150", oi = "_deleteButton_jql1y_165", at = {
|
|
1909
|
+
subtitle: En,
|
|
1910
|
+
header: Un,
|
|
1911
|
+
text: Dn,
|
|
1912
|
+
productsBlock: Ln,
|
|
1913
|
+
buttonsBlock: Hn,
|
|
1914
|
+
top: Rn,
|
|
1915
1915
|
itemsBlock: Fn,
|
|
1916
1916
|
typeTexts: Vn,
|
|
1917
1917
|
block: Yn,
|
|
@@ -1934,30 +1934,30 @@ const Ka = (d) => {
|
|
|
1934
1934
|
left: 0
|
|
1935
1935
|
}), [v, f] = g.useState(null), r = g.useRef(null);
|
|
1936
1936
|
g.useEffect(() => {
|
|
1937
|
-
const
|
|
1937
|
+
const p = () => {
|
|
1938
1938
|
o(null);
|
|
1939
1939
|
};
|
|
1940
|
-
return document.body.addEventListener("click",
|
|
1941
|
-
o(null), document.body.removeEventListener("click",
|
|
1940
|
+
return document.body.addEventListener("click", p), o(null), () => {
|
|
1941
|
+
o(null), document.body.removeEventListener("click", p);
|
|
1942
1942
|
};
|
|
1943
1943
|
}, []), g.useEffect(() => {
|
|
1944
1944
|
if (l) {
|
|
1945
|
-
const
|
|
1946
|
-
e(
|
|
1945
|
+
const p = [...a].map((_) => _.id === l.id ? l : _);
|
|
1946
|
+
e(p);
|
|
1947
1947
|
}
|
|
1948
1948
|
}, [l]), g.useEffect(() => {
|
|
1949
1949
|
if (r.current && v) {
|
|
1950
|
-
const
|
|
1950
|
+
const p = r.current.getBoundingClientRect().height, _ = window.innerHeight;
|
|
1951
1951
|
let $ = v.top;
|
|
1952
|
-
$ +
|
|
1952
|
+
$ + p > _ + window.scrollY - 200 && ($ = _ + window.scrollY - p - 200), $ < 0 && ($ = 10), m({
|
|
1953
1953
|
top: $,
|
|
1954
1954
|
left: v.left
|
|
1955
1955
|
});
|
|
1956
1956
|
}
|
|
1957
1957
|
}, [r.current, v]);
|
|
1958
|
-
const k = (
|
|
1959
|
-
|
|
1960
|
-
const $ =
|
|
1958
|
+
const k = (p, _) => {
|
|
1959
|
+
p.stopPropagation();
|
|
1960
|
+
const $ = p.target.getBoundingClientRect();
|
|
1961
1961
|
f({
|
|
1962
1962
|
top: $.top + window.scrollY - 70,
|
|
1963
1963
|
left: $.left - (i ? 30 : 65)
|
|
@@ -1965,7 +1965,7 @@ const Ka = (d) => {
|
|
|
1965
1965
|
};
|
|
1966
1966
|
return /* @__PURE__ */ t.jsxs("div", { className: at.products, children: [
|
|
1967
1967
|
/* @__PURE__ */ t.jsx("h5", { className: at.subtitle, children: "Button Type" }),
|
|
1968
|
-
a.map((
|
|
1968
|
+
a.map((p) => /* @__PURE__ */ t.jsxs(
|
|
1969
1969
|
"div",
|
|
1970
1970
|
{
|
|
1971
1971
|
className: at.product,
|
|
@@ -1974,13 +1974,13 @@ const Ka = (d) => {
|
|
|
1974
1974
|
et,
|
|
1975
1975
|
{
|
|
1976
1976
|
onChange: (_) => {
|
|
1977
|
-
const
|
|
1978
|
-
...
|
|
1977
|
+
const L = [...a].map((M) => M.id === p.id ? {
|
|
1978
|
+
...p,
|
|
1979
1979
|
type: _
|
|
1980
1980
|
} : M);
|
|
1981
|
-
e(
|
|
1981
|
+
e(L);
|
|
1982
1982
|
},
|
|
1983
|
-
value:
|
|
1983
|
+
value: p.type,
|
|
1984
1984
|
options: ["Primary", "Secondary", "Tertiary"]
|
|
1985
1985
|
}
|
|
1986
1986
|
),
|
|
@@ -1993,7 +1993,7 @@ const Ka = (d) => {
|
|
|
1993
1993
|
width: 20,
|
|
1994
1994
|
height: 20,
|
|
1995
1995
|
onClick: (_) => {
|
|
1996
|
-
k(_,
|
|
1996
|
+
k(_, p);
|
|
1997
1997
|
}
|
|
1998
1998
|
}
|
|
1999
1999
|
) }),
|
|
@@ -2003,7 +2003,7 @@ const Ka = (d) => {
|
|
|
2003
2003
|
name: "Trash",
|
|
2004
2004
|
hoverable: !0,
|
|
2005
2005
|
onClick: () => {
|
|
2006
|
-
const _ = a.filter(($) => $.id !==
|
|
2006
|
+
const _ = a.filter(($) => $.id !== p.id);
|
|
2007
2007
|
e(_);
|
|
2008
2008
|
},
|
|
2009
2009
|
width: 20,
|
|
@@ -2014,10 +2014,10 @@ const Ka = (d) => {
|
|
|
2014
2014
|
] })
|
|
2015
2015
|
]
|
|
2016
2016
|
},
|
|
2017
|
-
|
|
2017
|
+
p.id
|
|
2018
2018
|
)),
|
|
2019
2019
|
l && /* @__PURE__ */ t.jsx(
|
|
2020
|
-
|
|
2020
|
+
zn,
|
|
2021
2021
|
{
|
|
2022
2022
|
ref: r,
|
|
2023
2023
|
activeButton: l,
|
|
@@ -2041,8 +2041,8 @@ const Ka = (d) => {
|
|
|
2041
2041
|
className: at.button,
|
|
2042
2042
|
size: "s",
|
|
2043
2043
|
onClick: () => {
|
|
2044
|
-
const
|
|
2045
|
-
c ?
|
|
2044
|
+
const p = [...a];
|
|
2045
|
+
c ? p.push({
|
|
2046
2046
|
type: "Primary",
|
|
2047
2047
|
id: _t(),
|
|
2048
2048
|
typesText: [],
|
|
@@ -2052,7 +2052,7 @@ const Ka = (d) => {
|
|
|
2052
2052
|
destination: "Go to Page",
|
|
2053
2053
|
page: "",
|
|
2054
2054
|
openInNewTab: !1
|
|
2055
|
-
}) :
|
|
2055
|
+
}) : p.push({
|
|
2056
2056
|
type: "Primary",
|
|
2057
2057
|
id: _t(),
|
|
2058
2058
|
typesText: [],
|
|
@@ -2062,7 +2062,7 @@ const Ka = (d) => {
|
|
|
2062
2062
|
destination: "Go to Page",
|
|
2063
2063
|
page: "",
|
|
2064
2064
|
openInNewTab: !1
|
|
2065
|
-
}), e(
|
|
2065
|
+
}), e(p);
|
|
2066
2066
|
},
|
|
2067
2067
|
style: {
|
|
2068
2068
|
width: "fit-content"
|
|
@@ -2105,7 +2105,7 @@ const Ka = (d) => {
|
|
|
2105
2105
|
}
|
|
2106
2106
|
)
|
|
2107
2107
|
] }) });
|
|
2108
|
-
}, ci = "_wrapper_m18qi_1", li = "_subtitle_m18qi_7", ri = "_content_m18qi_14", di = "_range_m18qi_22", ui = "_track_m18qi_27", mi = "_progress_m18qi_36", _i = "_dots_m18qi_46",
|
|
2108
|
+
}, ci = "_wrapper_m18qi_1", li = "_subtitle_m18qi_7", ri = "_content_m18qi_14", di = "_range_m18qi_22", ui = "_track_m18qi_27", mi = "_progress_m18qi_36", _i = "_dots_m18qi_46", pi = "_dot_m18qi_46", hi = "_active_m18qi_65", gi = "_input_m18qi_77", fi = "_countBlock_m18qi_91", xi = "_count_m18qi_91", bi = "_controls_m18qi_107", vi = "_button_m18qi_113", W = {
|
|
2109
2109
|
wrapper: ci,
|
|
2110
2110
|
subtitle: li,
|
|
2111
2111
|
content: ri,
|
|
@@ -2113,8 +2113,8 @@ const Ka = (d) => {
|
|
|
2113
2113
|
track: ui,
|
|
2114
2114
|
progress: mi,
|
|
2115
2115
|
dots: _i,
|
|
2116
|
-
dot:
|
|
2117
|
-
active:
|
|
2116
|
+
dot: pi,
|
|
2117
|
+
active: hi,
|
|
2118
2118
|
input: gi,
|
|
2119
2119
|
countBlock: fi,
|
|
2120
2120
|
count: xi,
|
|
@@ -2125,8 +2125,8 @@ const Ka = (d) => {
|
|
|
2125
2125
|
c < s && l(c + i);
|
|
2126
2126
|
}, r = () => {
|
|
2127
2127
|
c > e && l(c - i);
|
|
2128
|
-
}, k = (
|
|
2129
|
-
const _ = e +
|
|
2128
|
+
}, k = (p) => {
|
|
2129
|
+
const _ = e + p * i;
|
|
2130
2130
|
l(_);
|
|
2131
2131
|
};
|
|
2132
2132
|
return /* @__PURE__ */ t.jsxs("div", { className: W.wrapper, children: [
|
|
@@ -2141,7 +2141,7 @@ const Ka = (d) => {
|
|
|
2141
2141
|
style: { width: `${v}%` }
|
|
2142
2142
|
}
|
|
2143
2143
|
),
|
|
2144
|
-
/* @__PURE__ */ t.jsx("div", { className: W.dots, children: m.map((
|
|
2144
|
+
/* @__PURE__ */ t.jsx("div", { className: W.dots, children: m.map((p, _) => {
|
|
2145
2145
|
const $ = _ <= (c - e) / i;
|
|
2146
2146
|
return /* @__PURE__ */ t.jsx(
|
|
2147
2147
|
"button",
|
|
@@ -2165,7 +2165,7 @@ const Ka = (d) => {
|
|
|
2165
2165
|
max: s,
|
|
2166
2166
|
step: i,
|
|
2167
2167
|
value: c,
|
|
2168
|
-
onChange: (
|
|
2168
|
+
onChange: (p) => l(Number(p.target.value)),
|
|
2169
2169
|
onMouseDown: () => n(!0),
|
|
2170
2170
|
onMouseUp: () => n(!1),
|
|
2171
2171
|
onTouchStart: () => n(!0),
|
|
@@ -2182,8 +2182,8 @@ const Ka = (d) => {
|
|
|
2182
2182
|
min: e,
|
|
2183
2183
|
max: s,
|
|
2184
2184
|
paddingless: !0,
|
|
2185
|
-
onChange: (
|
|
2186
|
-
const _ = Number(
|
|
2185
|
+
onChange: (p) => {
|
|
2186
|
+
const _ = Number(p);
|
|
2187
2187
|
_ > s ? l(s) : _ < e ? l(e) : l(_);
|
|
2188
2188
|
},
|
|
2189
2189
|
value: String(c)
|
|
@@ -2228,14 +2228,14 @@ const Ka = (d) => {
|
|
|
2228
2228
|
] })
|
|
2229
2229
|
] })
|
|
2230
2230
|
] });
|
|
2231
|
-
}, ji = "
|
|
2231
|
+
}, ji = "_title_1ropb_1", yi = "_subtitle_1ropb_5", ki = "_header_1ropb_12", $i = "_text_1ropb_13", Ii = "_productsBlock_1ropb_14", Ni = "_top_1ropb_26", wi = "_itemsBlock_1ropb_35", Ci = "_typeTexts_1ropb_41", Si = "_block_1ropb_48", Bi = "_active_1ropb_61", Ti = "_products_1ropb_14", Pi = "_product_1ropb_14", Ai = "_button_1ropb_80", Oi = "_image_1ropb_91", Mi = "_info_1ropb_98", qi = "_name_1ropb_110", zi = "_buttons_1ropb_114", Ei = "_modal_1ropb_121", Ui = "_link_1ropb_142", Di = "_modalOptions_1ropb_148", Li = "_addButton_1ropb_161", Hi = "_deleteButton_1ropb_176", Ri = "_closeIcon_1ropb_188", G = {
|
|
2232
2232
|
title: ji,
|
|
2233
2233
|
subtitle: yi,
|
|
2234
2234
|
header: ki,
|
|
2235
2235
|
text: $i,
|
|
2236
2236
|
productsBlock: Ii,
|
|
2237
|
-
top:
|
|
2238
|
-
itemsBlock:
|
|
2237
|
+
top: Ni,
|
|
2238
|
+
itemsBlock: wi,
|
|
2239
2239
|
typeTexts: Ci,
|
|
2240
2240
|
block: Si,
|
|
2241
2241
|
active: Bi,
|
|
@@ -2245,13 +2245,13 @@ const Ka = (d) => {
|
|
|
2245
2245
|
image: Oi,
|
|
2246
2246
|
info: Mi,
|
|
2247
2247
|
name: qi,
|
|
2248
|
-
buttons:
|
|
2249
|
-
modal:
|
|
2250
|
-
link:
|
|
2251
|
-
modalOptions:
|
|
2252
|
-
addButton:
|
|
2253
|
-
deleteButton:
|
|
2254
|
-
closeIcon:
|
|
2248
|
+
buttons: zi,
|
|
2249
|
+
modal: Ei,
|
|
2250
|
+
link: Ui,
|
|
2251
|
+
modalOptions: Di,
|
|
2252
|
+
addButton: Li,
|
|
2253
|
+
deleteButton: Hi,
|
|
2254
|
+
closeIcon: Ri
|
|
2255
2255
|
}, Fi = (d) => {
|
|
2256
2256
|
const { activeItem: a, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: c } = d, l = c.find((o) => o.id === a.listingId);
|
|
2257
2257
|
return l ? /* @__PURE__ */ t.jsxs(
|
|
@@ -2332,14 +2332,14 @@ const tc = (d) => {
|
|
|
2332
2332
|
deletable: f = !0,
|
|
2333
2333
|
addable: r = !0,
|
|
2334
2334
|
itemsType: k,
|
|
2335
|
-
itemsOptions:
|
|
2335
|
+
itemsOptions: p
|
|
2336
2336
|
} = d, [_, $] = g.useState(
|
|
2337
2337
|
null
|
|
2338
|
-
), [
|
|
2338
|
+
), [L, M] = g.useState({
|
|
2339
2339
|
top: 0,
|
|
2340
2340
|
left: 0
|
|
2341
2341
|
}), [u, S] = g.useState(!1), q = yt(
|
|
2342
|
-
kt(
|
|
2342
|
+
kt(wt, {
|
|
2343
2343
|
activationConstraint: {
|
|
2344
2344
|
distance: 5
|
|
2345
2345
|
}
|
|
@@ -2360,11 +2360,11 @@ const tc = (d) => {
|
|
|
2360
2360
|
}, [_]);
|
|
2361
2361
|
const F = (x, I) => {
|
|
2362
2362
|
x.stopPropagation();
|
|
2363
|
-
const
|
|
2364
|
-
let
|
|
2365
|
-
|
|
2366
|
-
top:
|
|
2367
|
-
left:
|
|
2363
|
+
const w = x.target.getBoundingClientRect(), D = 100, A = window.innerHeight;
|
|
2364
|
+
let U = w.top + window.scrollY;
|
|
2365
|
+
U + D > A && (U = A - D - 20), S(!0), M({
|
|
2366
|
+
top: U - 80,
|
|
2367
|
+
left: w.left - 30
|
|
2368
2368
|
}), $(I);
|
|
2369
2369
|
};
|
|
2370
2370
|
function B(x) {
|
|
@@ -2388,18 +2388,18 @@ const tc = (d) => {
|
|
|
2388
2388
|
);
|
|
2389
2389
|
}
|
|
2390
2390
|
const j = (x) => {
|
|
2391
|
-
const { active: I, over:
|
|
2392
|
-
if (
|
|
2393
|
-
const
|
|
2394
|
-
if (
|
|
2395
|
-
const
|
|
2396
|
-
|
|
2391
|
+
const { active: I, over: w } = x;
|
|
2392
|
+
if (w && I.id !== w.id) {
|
|
2393
|
+
const D = s.findIndex((U) => String(U.listingId) === I.id), A = s.findIndex((U) => String(U.listingId) === w.id);
|
|
2394
|
+
if (D !== -1 && A !== -1) {
|
|
2395
|
+
const U = [...s], [nt] = U.splice(D, 1);
|
|
2396
|
+
U.splice(A, 0, nt), i(U);
|
|
2397
2397
|
}
|
|
2398
2398
|
}
|
|
2399
2399
|
}, P = (x, I) => {
|
|
2400
|
-
const
|
|
2401
|
-
if (!
|
|
2402
|
-
const
|
|
2400
|
+
const w = p.find((A) => x.listingId === A.id);
|
|
2401
|
+
if (!w) return null;
|
|
2402
|
+
const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2403
2403
|
m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
2404
2404
|
b,
|
|
2405
2405
|
{
|
|
@@ -2413,20 +2413,20 @@ const tc = (d) => {
|
|
|
2413
2413
|
et,
|
|
2414
2414
|
{
|
|
2415
2415
|
onChange: (A) => {
|
|
2416
|
-
const
|
|
2416
|
+
const U = [...s], nt = p.find((E) => E.productData.name === A);
|
|
2417
2417
|
if (!nt) return;
|
|
2418
2418
|
const dt = {
|
|
2419
2419
|
listingId: nt.id,
|
|
2420
2420
|
image: nt.productData.images.length > 0 ? nt.productData.images[0].cfId : ""
|
|
2421
|
-
}, y =
|
|
2421
|
+
}, y = U.map((E) => E.listingId === x.listingId ? dt : E);
|
|
2422
2422
|
$(dt), i([...y]);
|
|
2423
2423
|
},
|
|
2424
|
-
value:
|
|
2424
|
+
value: w.productData.name,
|
|
2425
2425
|
options: [
|
|
2426
|
-
...
|
|
2426
|
+
...p.filter((A) => !s.find((U) => U.listingId === A.id)).map((A) => A.productData.name)
|
|
2427
2427
|
],
|
|
2428
2428
|
leftAddon: B(
|
|
2429
|
-
x.image ||
|
|
2429
|
+
x.image || w.productData.images.length > 0 && w.productData.images[0].cfId || ""
|
|
2430
2430
|
)
|
|
2431
2431
|
},
|
|
2432
2432
|
I
|
|
@@ -2459,14 +2459,14 @@ const tc = (d) => {
|
|
|
2459
2459
|
Vi,
|
|
2460
2460
|
{
|
|
2461
2461
|
product: x,
|
|
2462
|
-
children:
|
|
2462
|
+
children: D
|
|
2463
2463
|
},
|
|
2464
2464
|
x.listingId
|
|
2465
2465
|
) : /* @__PURE__ */ t.jsx(
|
|
2466
2466
|
"div",
|
|
2467
2467
|
{
|
|
2468
2468
|
className: G.product,
|
|
2469
|
-
children:
|
|
2469
|
+
children: D
|
|
2470
2470
|
},
|
|
2471
2471
|
x.listingId
|
|
2472
2472
|
);
|
|
@@ -2488,8 +2488,8 @@ const tc = (d) => {
|
|
|
2488
2488
|
activeItem: _,
|
|
2489
2489
|
setActiveItem: $,
|
|
2490
2490
|
setIsOpenModal: S,
|
|
2491
|
-
popupPosition:
|
|
2492
|
-
itemsOptions:
|
|
2491
|
+
popupPosition: L,
|
|
2492
|
+
itemsOptions: p
|
|
2493
2493
|
}
|
|
2494
2494
|
),
|
|
2495
2495
|
/* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
|
|
@@ -2503,7 +2503,7 @@ const tc = (d) => {
|
|
|
2503
2503
|
It,
|
|
2504
2504
|
{
|
|
2505
2505
|
items: s.map((x) => String(x.listingId)),
|
|
2506
|
-
strategy:
|
|
2506
|
+
strategy: Nt,
|
|
2507
2507
|
children: s.map((x, I) => P(x, I))
|
|
2508
2508
|
}
|
|
2509
2509
|
)
|
|
@@ -2525,17 +2525,17 @@ const tc = (d) => {
|
|
|
2525
2525
|
size: "s",
|
|
2526
2526
|
onClick: () => {
|
|
2527
2527
|
const x = [...s];
|
|
2528
|
-
for (let I = 0; I <
|
|
2529
|
-
if (!s.find((
|
|
2528
|
+
for (let I = 0; I < p.length; I++)
|
|
2529
|
+
if (!s.find((w) => w.listingId === p[I].id)) {
|
|
2530
2530
|
x.push({
|
|
2531
|
-
listingId:
|
|
2532
|
-
image:
|
|
2531
|
+
listingId: p[I].id,
|
|
2532
|
+
image: p[I].productData.images.length > 0 ? p[I].productData.images[0].cfId : ""
|
|
2533
2533
|
});
|
|
2534
2534
|
break;
|
|
2535
2535
|
}
|
|
2536
2536
|
i(x);
|
|
2537
2537
|
},
|
|
2538
|
-
disabled: s.length ===
|
|
2538
|
+
disabled: s.length === p.length,
|
|
2539
2539
|
style: {
|
|
2540
2540
|
width: "fit-content"
|
|
2541
2541
|
},
|
|
@@ -2557,7 +2557,7 @@ const tc = (d) => {
|
|
|
2557
2557
|
] }),
|
|
2558
2558
|
c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c })
|
|
2559
2559
|
] });
|
|
2560
|
-
}, Yi = "_options_6cemk_1", Gi = "_price_6cemk_12", Xi = "_oldPrice_6cemk_19", Wi = "_newPrice_6cemk_27", Ji = "_animate_6cemk_34", Qi = "_appearAndBounce_6cemk_1", Ki = "_meta_6cemk_52", Zi = "_info_6cemk_58", to = "_infoRight_6cemk_66", eo = "_buttons_6cemk_73", so = "_variants_6cemk_80", no = "_variant_6cemk_80", io = "_stock_6cemk_98", oo = "_variantInfo_6cemk_105", ao = "_quantity_6cemk_111", co = "_count_6cemk_118", lo = "_focused_6cemk_135", ro = "_button_6cemk_73", uo = "_activeVariant_6cemk_161", mo = "_chargeTypes_6cemk_165", _o = "_charge_6cemk_165",
|
|
2560
|
+
}, Yi = "_options_6cemk_1", Gi = "_price_6cemk_12", Xi = "_oldPrice_6cemk_19", Wi = "_newPrice_6cemk_27", Ji = "_animate_6cemk_34", Qi = "_appearAndBounce_6cemk_1", Ki = "_meta_6cemk_52", Zi = "_info_6cemk_58", to = "_infoRight_6cemk_66", eo = "_buttons_6cemk_73", so = "_variants_6cemk_80", no = "_variant_6cemk_80", io = "_stock_6cemk_98", oo = "_variantInfo_6cemk_105", ao = "_quantity_6cemk_111", co = "_count_6cemk_118", lo = "_focused_6cemk_135", ro = "_button_6cemk_73", uo = "_activeVariant_6cemk_161", mo = "_chargeTypes_6cemk_165", _o = "_charge_6cemk_165", po = "_chargeActive_6cemk_190", ho = "_title_6cemk_198", T = {
|
|
2561
2561
|
options: Yi,
|
|
2562
2562
|
price: Gi,
|
|
2563
2563
|
oldPrice: Xi,
|
|
@@ -2579,8 +2579,8 @@ const tc = (d) => {
|
|
|
2579
2579
|
activeVariant: uo,
|
|
2580
2580
|
chargeTypes: mo,
|
|
2581
2581
|
charge: _o,
|
|
2582
|
-
chargeActive:
|
|
2583
|
-
title:
|
|
2582
|
+
chargeActive: po,
|
|
2583
|
+
title: ho
|
|
2584
2584
|
}, go = "_wrapper_c1dht_1", fo = "_label_c1dht_9", xo = "_input_c1dht_18", bo = "_paddingless_c1dht_31", vo = "_content_c1dht_35", jo = "_contentBorder_c1dht_47", yo = "_borderless_c1dht_52", ko = "_rightIcon_c1dht_57", it = {
|
|
2585
2585
|
wrapper: go,
|
|
2586
2586
|
label: fo,
|
|
@@ -2605,10 +2605,10 @@ const tc = (d) => {
|
|
|
2605
2605
|
regex: f,
|
|
2606
2606
|
paddingless: r = !1,
|
|
2607
2607
|
borderless: k = !1,
|
|
2608
|
-
editable:
|
|
2608
|
+
editable: p = !1,
|
|
2609
2609
|
isSearch: _ = !1,
|
|
2610
2610
|
centered: $ = !1
|
|
2611
|
-
} = d, { themeSettings:
|
|
2611
|
+
} = d, { themeSettings: L } = Et(), { inputs: M } = L, [u, S] = g.useState(!1);
|
|
2612
2612
|
function q(B) {
|
|
2613
2613
|
return Number(B) < 0 ? String(l) : B;
|
|
2614
2614
|
}
|
|
@@ -2674,7 +2674,7 @@ const tc = (d) => {
|
|
|
2674
2674
|
height: M.general.size
|
|
2675
2675
|
}
|
|
2676
2676
|
) }),
|
|
2677
|
-
|
|
2677
|
+
p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
2678
2678
|
b,
|
|
2679
2679
|
{
|
|
2680
2680
|
name: "Sliders",
|
|
@@ -2687,17 +2687,17 @@ const tc = (d) => {
|
|
|
2687
2687
|
}
|
|
2688
2688
|
)
|
|
2689
2689
|
] });
|
|
2690
|
-
}, Io = "_button_85085_1",
|
|
2690
|
+
}, Io = "_button_85085_1", No = "_primary_85085_20", wo = "_primaryHovered_85085_30", Co = "_secondary_85085_34", So = "_secondaryHovered_85085_44", Bo = "_tertiary_85085_48", To = "_tertiaryHovered_85085_58", Po = "_content_85085_62", ct = {
|
|
2691
2691
|
button: Io,
|
|
2692
|
-
primary:
|
|
2693
|
-
primaryHovered:
|
|
2692
|
+
primary: No,
|
|
2693
|
+
primaryHovered: wo,
|
|
2694
2694
|
secondary: Co,
|
|
2695
2695
|
secondaryHovered: So,
|
|
2696
2696
|
tertiary: Bo,
|
|
2697
2697
|
tertiaryHovered: To,
|
|
2698
2698
|
content: Po
|
|
2699
2699
|
}, Q = (d) => {
|
|
2700
|
-
const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = d, { themeSettings: o } =
|
|
2700
|
+
const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = d, { themeSettings: o } = Et();
|
|
2701
2701
|
return /* @__PURE__ */ t.jsx(
|
|
2702
2702
|
"button",
|
|
2703
2703
|
{
|
|
@@ -2729,16 +2729,16 @@ const tc = (d) => {
|
|
|
2729
2729
|
}
|
|
2730
2730
|
);
|
|
2731
2731
|
};
|
|
2732
|
-
var
|
|
2732
|
+
var Rt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(Rt || {});
|
|
2733
2733
|
const ec = (d) => {
|
|
2734
|
-
var
|
|
2734
|
+
var L, M;
|
|
2735
2735
|
const { variants: a } = d, [e, s] = g.useState(a[0]), [i, c] = g.useState(e.chargeTypes[0]), l = Bt(), [o, n] = g.useState(1), { reset: m, addProductToCart: v, getProducts: f } = Ot(), [r, k] = g.useState(!1);
|
|
2736
2736
|
g.useEffect(() => {
|
|
2737
2737
|
k(!0);
|
|
2738
2738
|
const u = setTimeout(() => k(!1), 600);
|
|
2739
2739
|
return () => clearTimeout(u);
|
|
2740
2740
|
}, [o]);
|
|
2741
|
-
async function
|
|
2741
|
+
async function p() {
|
|
2742
2742
|
await f(), await v({
|
|
2743
2743
|
productId: d.id,
|
|
2744
2744
|
productVariantId: e.id,
|
|
@@ -2746,7 +2746,7 @@ const ec = (d) => {
|
|
|
2746
2746
|
});
|
|
2747
2747
|
}
|
|
2748
2748
|
function _() {
|
|
2749
|
-
m(),
|
|
2749
|
+
m(), p(), l("/checkout");
|
|
2750
2750
|
}
|
|
2751
2751
|
function $(u) {
|
|
2752
2752
|
if (u >= 864e5) {
|
|
@@ -2773,7 +2773,7 @@ const ec = (d) => {
|
|
|
2773
2773
|
[T.chargeActive]: i === u
|
|
2774
2774
|
}),
|
|
2775
2775
|
onClick: () => c(u),
|
|
2776
|
-
children:
|
|
2776
|
+
children: Rt[u]
|
|
2777
2777
|
},
|
|
2778
2778
|
u
|
|
2779
2779
|
)) }),
|
|
@@ -2822,7 +2822,7 @@ const ec = (d) => {
|
|
|
2822
2822
|
type: "number",
|
|
2823
2823
|
value: String(o),
|
|
2824
2824
|
onChange: (u) => n(Number(u)),
|
|
2825
|
-
max: ((
|
|
2825
|
+
max: ((L = e.quantity.restrictions) == null ? void 0 : L.max) || e.quantity.available || 1 / 0,
|
|
2826
2826
|
min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
|
|
2827
2827
|
centered: !0,
|
|
2828
2828
|
disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
|
|
@@ -2900,29 +2900,29 @@ const ec = (d) => {
|
|
|
2900
2900
|
Q,
|
|
2901
2901
|
{
|
|
2902
2902
|
type: "Secondary",
|
|
2903
|
-
onClick: () =>
|
|
2903
|
+
onClick: () => p(),
|
|
2904
2904
|
disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
|
|
2905
2905
|
children: "Add to Cart"
|
|
2906
2906
|
}
|
|
2907
2907
|
)
|
|
2908
2908
|
] })
|
|
2909
2909
|
] });
|
|
2910
|
-
}, Ao = "_button_1tdo3_1", Oo = "_login_1tdo3_14", Mo = "_signUp_1tdo3_18", qo = "_buttons_1tdo3_23",
|
|
2910
|
+
}, Ao = "_button_1tdo3_1", Oo = "_login_1tdo3_14", Mo = "_signUp_1tdo3_18", qo = "_buttons_1tdo3_23", zo = "_modal_1tdo3_32", Eo = "_closing_1tdo3_64", Uo = "_info_1tdo3_113", Do = "_top_1tdo3_120", Lo = "_title_1tdo3_131", Ho = "_clear_1tdo3_138", Ro = "_activeClear_1tdo3_145", Fo = "_count_1tdo3_149", Vo = "_cart_1tdo3_164", Yo = "_empty_1tdo3_172", Go = "_product_1tdo3_198", Xo = "_products_1tdo3_207", Wo = "_image_1tdo3_215", Jo = "_productInfo_1tdo3_221", Qo = "_content_1tdo3_228", Ko = "_name_1tdo3_234", Zo = "_price_1tdo3_240", ta = "_productButtons_1tdo3_246", ea = "_productButton_1tdo3_246", sa = "_productCount_1tdo3_266", na = "_bottom_1tdo3_282", ia = "_subtotal_1tdo3_290", oa = "_block_1tdo3_298", aa = "_shoppingCount_1tdo3_305", ca = "_total_1tdo3_325", la = "_link_1tdo3_331", ra = "_userInfo_1tdo3_338", da = "_pagesMobileModal_1tdo3_349", ua = "_pagesMobileModalContent_1tdo3_363", ma = "_pagesMobileModalHeader_1tdo3_369", _a = "_pagesMobileModalFooter_1tdo3_379", C = {
|
|
2911
2911
|
button: Ao,
|
|
2912
2912
|
login: Oo,
|
|
2913
2913
|
signUp: Mo,
|
|
2914
2914
|
buttons: qo,
|
|
2915
|
-
modal:
|
|
2915
|
+
modal: zo,
|
|
2916
2916
|
"slide-in-fade": "_slide-in-fade_1tdo3_1",
|
|
2917
2917
|
"mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
|
|
2918
|
-
closing:
|
|
2918
|
+
closing: Eo,
|
|
2919
2919
|
"mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
|
|
2920
2920
|
"slide-out-fade": "_slide-out-fade_1tdo3_1",
|
|
2921
|
-
info:
|
|
2922
|
-
top:
|
|
2923
|
-
title:
|
|
2924
|
-
clear:
|
|
2925
|
-
activeClear:
|
|
2921
|
+
info: Uo,
|
|
2922
|
+
top: Do,
|
|
2923
|
+
title: Lo,
|
|
2924
|
+
clear: Ho,
|
|
2925
|
+
activeClear: Ro,
|
|
2926
2926
|
count: Fo,
|
|
2927
2927
|
cart: Vo,
|
|
2928
2928
|
empty: Yo,
|
|
@@ -2951,13 +2951,13 @@ const ec = (d) => {
|
|
|
2951
2951
|
class xt extends Error {
|
|
2952
2952
|
}
|
|
2953
2953
|
xt.prototype.name = "InvalidTokenError";
|
|
2954
|
-
function
|
|
2954
|
+
function pa(d) {
|
|
2955
2955
|
return decodeURIComponent(atob(d).replace(/(.)/g, (a, e) => {
|
|
2956
2956
|
let s = e.charCodeAt(0).toString(16).toUpperCase();
|
|
2957
2957
|
return s.length < 2 && (s = "0" + s), "%" + s;
|
|
2958
2958
|
}));
|
|
2959
2959
|
}
|
|
2960
|
-
function
|
|
2960
|
+
function ha(d) {
|
|
2961
2961
|
let a = d.replace(/-/g, "+").replace(/_/g, "/");
|
|
2962
2962
|
switch (a.length % 4) {
|
|
2963
2963
|
case 0:
|
|
@@ -2972,7 +2972,7 @@ function pa(d) {
|
|
|
2972
2972
|
throw new Error("base64 string is not of the correct length");
|
|
2973
2973
|
}
|
|
2974
2974
|
try {
|
|
2975
|
-
return
|
|
2975
|
+
return pa(a);
|
|
2976
2976
|
} catch {
|
|
2977
2977
|
return atob(a);
|
|
2978
2978
|
}
|
|
@@ -2986,7 +2986,7 @@ function ga(d, a) {
|
|
|
2986
2986
|
throw new xt(`Invalid token specified: missing part #${e + 1}`);
|
|
2987
2987
|
let i;
|
|
2988
2988
|
try {
|
|
2989
|
-
i =
|
|
2989
|
+
i = ha(s);
|
|
2990
2990
|
} catch (c) {
|
|
2991
2991
|
throw new xt(`Invalid token specified: invalid base64 for part #${e + 1} (${c.message})`);
|
|
2992
2992
|
}
|
|
@@ -3006,13 +3006,13 @@ const sc = (d) => {
|
|
|
3006
3006
|
const [d, a] = g.useState(!1), [e, s] = g.useState([]), { cart: i, getProducts: c } = Ot();
|
|
3007
3007
|
function l(r) {
|
|
3008
3008
|
for (let k = 0; k < i.parts.length; k++)
|
|
3009
|
-
for (let
|
|
3009
|
+
for (let p = 0; p < r.variants.length; p++)
|
|
3010
3010
|
if (i.parts[k].productVariantId === r.variants[k].id)
|
|
3011
3011
|
return i.parts[k].productVariantId;
|
|
3012
3012
|
}
|
|
3013
3013
|
function o(r) {
|
|
3014
3014
|
for (let k = 0; k < i.parts.length; k++)
|
|
3015
|
-
for (let
|
|
3015
|
+
for (let p = 0; p < r.variants.length; p++)
|
|
3016
3016
|
if (i.parts[k].productVariantId === r.variants[k].id)
|
|
3017
3017
|
return i.parts[k].quantity;
|
|
3018
3018
|
}
|
|
@@ -3028,7 +3028,7 @@ const sc = (d) => {
|
|
|
3028
3028
|
}, [i.parts.length]);
|
|
3029
3029
|
function n(r) {
|
|
3030
3030
|
var k;
|
|
3031
|
-
return !r || !(r != null && r.variants) ? !1 : (k = r.variants.find((
|
|
3031
|
+
return !r || !(r != null && r.variants) ? !1 : (k = r.variants.find((p) => p.id === r.activeVariantId)) == null ? void 0 : k.subscriptionSettings;
|
|
3032
3032
|
}
|
|
3033
3033
|
const m = i.parts.length > 0 && e.length > 0 && !n(e[0]), [v, f] = g.useState(!1);
|
|
3034
3034
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
@@ -3040,7 +3040,7 @@ const sc = (d) => {
|
|
|
3040
3040
|
padding: 10
|
|
3041
3041
|
},
|
|
3042
3042
|
onClick: (r) => {
|
|
3043
|
-
r.stopPropagation(), window.location.pathname
|
|
3043
|
+
r.stopPropagation(), window.location.pathname.includes("/admin/builder") || (a(!0), f(!0));
|
|
3044
3044
|
},
|
|
3045
3045
|
children: [
|
|
3046
3046
|
/* @__PURE__ */ t.jsx(
|
|
@@ -3233,7 +3233,7 @@ const sc = (d) => {
|
|
|
3233
3233
|
] }), Ft = ({ signUp: d }) => {
|
|
3234
3234
|
const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = a, s = Bt();
|
|
3235
3235
|
function i(o) {
|
|
3236
|
-
s(o);
|
|
3236
|
+
window.location.pathname.includes("/admin/builder") || s(o);
|
|
3237
3237
|
}
|
|
3238
3238
|
if (!e)
|
|
3239
3239
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
@@ -3280,7 +3280,7 @@ const sc = (d) => {
|
|
|
3280
3280
|
setIsOpen: e,
|
|
3281
3281
|
signUp: s
|
|
3282
3282
|
}) => {
|
|
3283
|
-
const { setIsOpen: i } =
|
|
3283
|
+
const { setIsOpen: i } = Ut(), c = () => {
|
|
3284
3284
|
i(!1), setTimeout(() => {
|
|
3285
3285
|
e(!1), i(!0);
|
|
3286
3286
|
}, 300);
|
|
@@ -3352,20 +3352,20 @@ const sc = (d) => {
|
|
|
3352
3352
|
)
|
|
3353
3353
|
}
|
|
3354
3354
|
);
|
|
3355
|
-
}, ya = "_share_xddz7_1", ka = "_modal_xddz7_8", $a = "_header_xddz7_20", Ia = "_socials_xddz7_30",
|
|
3355
|
+
}, ya = "_share_xddz7_1", ka = "_modal_xddz7_8", $a = "_header_xddz7_20", Ia = "_socials_xddz7_30", Na = "_social_xddz7_30", wa = "_copy_xddz7_40", Ca = "_title_xddz7_47", Sa = "_copyWrapper_xddz7_53", Ba = "_copyText_xddz7_62", Ta = "_copyTextMobile_xddz7_75", Pa = "_copyTextMiniMobile_xddz7_94", lt = {
|
|
3356
3356
|
share: ya,
|
|
3357
3357
|
modal: ka,
|
|
3358
3358
|
header: $a,
|
|
3359
3359
|
socials: Ia,
|
|
3360
|
-
social:
|
|
3361
|
-
copy:
|
|
3360
|
+
social: Na,
|
|
3361
|
+
copy: wa,
|
|
3362
3362
|
title: Ca,
|
|
3363
3363
|
copyWrapper: Sa,
|
|
3364
3364
|
copyText: Ba,
|
|
3365
3365
|
copyTextMobile: Ta,
|
|
3366
3366
|
copyTextMiniMobile: Pa
|
|
3367
3367
|
}, ic = () => {
|
|
3368
|
-
const { isOpenModal: d, setIsOpenModal: a } =
|
|
3368
|
+
const { isOpenModal: d, setIsOpenModal: a } = Dt();
|
|
3369
3369
|
function e() {
|
|
3370
3370
|
a(!0);
|
|
3371
3371
|
}
|
|
@@ -3391,7 +3391,7 @@ const sc = (d) => {
|
|
|
3391
3391
|
d && /* @__PURE__ */ t.jsx(Mt, { close: a, children: /* @__PURE__ */ t.jsx(Aa, {}) })
|
|
3392
3392
|
] });
|
|
3393
3393
|
}, Aa = () => {
|
|
3394
|
-
const { setIsOpenModal: d } =
|
|
3394
|
+
const { setIsOpenModal: d } = Dt(), { notification: a, setNotification: e } = Gt(), { setIsOpen: s } = Ut(), i = window.location.href;
|
|
3395
3395
|
function c() {
|
|
3396
3396
|
navigator.clipboard.writeText(i), e({
|
|
3397
3397
|
message: "Link copied to clipboard",
|
|
@@ -3452,12 +3452,12 @@ const sc = (d) => {
|
|
|
3452
3452
|
]
|
|
3453
3453
|
}
|
|
3454
3454
|
);
|
|
3455
|
-
}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18",
|
|
3455
|
+
}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18", za = "_open_1s1lq_21", Ea = "_content_1s1lq_25", ft = {
|
|
3456
3456
|
accordion: Oa,
|
|
3457
3457
|
header: Ma,
|
|
3458
3458
|
icon: qa,
|
|
3459
|
-
open:
|
|
3460
|
-
content:
|
|
3459
|
+
open: za,
|
|
3460
|
+
content: Ea
|
|
3461
3461
|
}, oc = ({ title: d, content: a, defaultOpen: e = !1 }) => {
|
|
3462
3462
|
const [s, i] = g.useState(e), [c, l] = g.useState(0), o = g.useRef(null), n = () => {
|
|
3463
3463
|
i(!s);
|
|
@@ -3487,6 +3487,17 @@ const sc = (d) => {
|
|
|
3487
3487
|
)
|
|
3488
3488
|
] });
|
|
3489
3489
|
}, ac = ({ children: d, path: a, className: e, target: s = "_self", id: i }) => {
|
|
3490
|
+
if (window.location.pathname.includes("/admin/builder"))
|
|
3491
|
+
return /* @__PURE__ */ t.jsx(
|
|
3492
|
+
"div",
|
|
3493
|
+
{
|
|
3494
|
+
className: e,
|
|
3495
|
+
role: "link",
|
|
3496
|
+
style: { cursor: "pointer" },
|
|
3497
|
+
id: i,
|
|
3498
|
+
children: d
|
|
3499
|
+
}
|
|
3500
|
+
);
|
|
3490
3501
|
const c = Bt(), l = /^https?:\/\//.test(a), o = (n) => {
|
|
3491
3502
|
l || s === "_blank" ? s === "_blank" ? window.open(a, "_blank") : window.location.href = a : (n.preventDefault(), c(a, { replace: !0 }));
|
|
3492
3503
|
};
|
|
@@ -3501,10 +3512,10 @@ const sc = (d) => {
|
|
|
3501
3512
|
children: d
|
|
3502
3513
|
}
|
|
3503
3514
|
);
|
|
3504
|
-
},
|
|
3505
|
-
buttonsBlock:
|
|
3506
|
-
slideUp:
|
|
3507
|
-
}, cc = () => /* @__PURE__ */ t.jsxs("div", { className:
|
|
3515
|
+
}, Ua = "_buttonsBlock_1b2rb_1", Da = "_slideUp_1b2rb_1", La = {
|
|
3516
|
+
buttonsBlock: Ua,
|
|
3517
|
+
slideUp: Da
|
|
3518
|
+
}, cc = () => /* @__PURE__ */ t.jsxs("div", { className: La.buttonsBlock, children: [
|
|
3508
3519
|
/* @__PURE__ */ t.jsx(
|
|
3509
3520
|
Q,
|
|
3510
3521
|
{
|
|
@@ -3516,9 +3527,9 @@ const sc = (d) => {
|
|
|
3516
3527
|
}
|
|
3517
3528
|
),
|
|
3518
3529
|
/* @__PURE__ */ t.jsx(Q, { type: "Secondary", children: "Buy" })
|
|
3519
|
-
] }),
|
|
3520
|
-
wrapper:
|
|
3521
|
-
label:
|
|
3530
|
+
] }), Ha = "_wrapper_st58d_1", Ra = "_label_st58d_10", Fa = "_textarea_st58d_18", Va = "_length_st58d_33", jt = {
|
|
3531
|
+
wrapper: Ha,
|
|
3532
|
+
label: Ra,
|
|
3522
3533
|
textarea: Fa,
|
|
3523
3534
|
length: Va
|
|
3524
3535
|
}, lc = (d) => {
|
|
@@ -3584,9 +3595,9 @@ export {
|
|
|
3584
3595
|
fa as ShoppingButton,
|
|
3585
3596
|
xa as ShoppingModalCart,
|
|
3586
3597
|
st as Switch,
|
|
3587
|
-
|
|
3588
|
-
|
|
3598
|
+
Ht as TextSettings,
|
|
3599
|
+
zt as TextareaSettings,
|
|
3589
3600
|
lc as TextareaUI,
|
|
3590
|
-
|
|
3601
|
+
Lt as TypesText,
|
|
3591
3602
|
Ft as UserInfo
|
|
3592
3603
|
};
|