@billgangcom/theme-lib 1.70.5 → 1.71.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.cjs.js +2 -2
- package/dist/builder.es.js +3 -3
- package/dist/{index-Bua5YW4M.cjs → index-DKMsxm1h.cjs} +24 -24
- package/dist/{index-CFTzPE7U.js → index-DmoEjH7_.js} +3776 -3774
- 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 +212 -212
- 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 H, d as Nt, e as pt, g as mt, P as gt, S as lt, h as
|
|
2
|
-
import { a3 as Qn, $ as Jn, Z as Kn, a2 as Zn, Y as ti, _ as ei, W as si, X as ni, a0 as ii, a1 as ai } from "./index-
|
|
1
|
+
import { j as t, I as b, c as H, d as Nt, e as pt, g as mt, P as gt, S as lt, h as kt, D as ft, i as xt, v as _t, B as dt, k as it, a as wt, l as Pt, O as ht, m as Q, n as jt, C as vt, o as F, p as qt, q as At, r as yt, t as Et, w as bt, x as W, L as zt, y as Ct, z as St, A as ot, s as at, f as Z, E as Dt, F as z, G as Rt, M as ut, H as Lt, J as ct, K as Tt, N as Ut, Q as Mt, T as Ht, U as Bt, V as Ft } from "./index-DmoEjH7_.js";
|
|
2
|
+
import { a3 as Qn, $ as Jn, Z as Kn, a2 as Zn, Y as ti, _ as ei, W as si, X as ni, a0 as ii, a1 as ai } from "./index-DmoEjH7_.js";
|
|
3
3
|
import f from "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23", Wt = "_alignmentContent_kh9z8_30", Xt = "_alignments_kh9z8_39", Qt = "_alignment_kh9z8_30", Jt = "_circle_kh9z8_64", Kt = "_paddings_kh9z8_71", Zt = "_padding_kh9z8_71", te = "_active_kh9z8_97", Y = {
|
|
@@ -207,19 +207,19 @@ const qn = (u) => {
|
|
|
207
207
|
rangeSelectorOptions: c,
|
|
208
208
|
limit: n,
|
|
209
209
|
autoScrollInterval: o,
|
|
210
|
-
deletable:
|
|
210
|
+
deletable: C,
|
|
211
211
|
aspectRatio: y,
|
|
212
212
|
setAspectRatio: M
|
|
213
|
-
} = u,
|
|
213
|
+
} = u, L = pt(
|
|
214
214
|
mt(gt, {
|
|
215
215
|
activationConstraint: {
|
|
216
216
|
distance: 5
|
|
217
217
|
}
|
|
218
218
|
})
|
|
219
|
-
),
|
|
220
|
-
const { active:
|
|
221
|
-
if (P &&
|
|
222
|
-
const O = s.findIndex((q) => q ===
|
|
219
|
+
), D = (h) => {
|
|
220
|
+
const { active: S, over: P } = h;
|
|
221
|
+
if (P && S.id !== P.id) {
|
|
222
|
+
const O = s.findIndex((q) => q === S.id), N = s.findIndex((q) => q === P.id);
|
|
223
223
|
if (O !== -1 && N !== -1) {
|
|
224
224
|
const q = [...s], [I] = q.splice(O, 1);
|
|
225
225
|
q.splice(N, 0, I), e(q);
|
|
@@ -246,7 +246,7 @@ const qn = (u) => {
|
|
|
246
246
|
}
|
|
247
247
|
);
|
|
248
248
|
}
|
|
249
|
-
const m = (h,
|
|
249
|
+
const m = (h, S = !1) => {
|
|
250
250
|
const P = p.find((N) => N.id === h);
|
|
251
251
|
if (!P) return;
|
|
252
252
|
const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
@@ -265,8 +265,8 @@ const qn = (u) => {
|
|
|
265
265
|
onChange: (N) => {
|
|
266
266
|
const q = [...s], I = p.find((d) => d.name === N);
|
|
267
267
|
if (!I) return;
|
|
268
|
-
const A = I.id,
|
|
269
|
-
e([...
|
|
268
|
+
const A = I.id, U = q.map((d) => d === h ? A : d);
|
|
269
|
+
e([...U]);
|
|
270
270
|
},
|
|
271
271
|
value: P.name,
|
|
272
272
|
options: p.filter((N) => !s.find((q) => q === N.id)).map((N) => N.name),
|
|
@@ -276,7 +276,7 @@ const qn = (u) => {
|
|
|
276
276
|
}))
|
|
277
277
|
}
|
|
278
278
|
),
|
|
279
|
-
|
|
279
|
+
S && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
280
280
|
b,
|
|
281
281
|
{
|
|
282
282
|
name: "Trash",
|
|
@@ -315,24 +315,24 @@ const qn = (u) => {
|
|
|
315
315
|
}
|
|
316
316
|
)
|
|
317
317
|
] }),
|
|
318
|
-
v && c && /* @__PURE__ */ t.jsx(
|
|
318
|
+
v && c && /* @__PURE__ */ t.jsx(kt, { ...c }),
|
|
319
319
|
/* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
|
|
320
320
|
_ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
|
|
321
321
|
j ? /* @__PURE__ */ t.jsx(
|
|
322
322
|
ft,
|
|
323
323
|
{
|
|
324
|
-
sensors:
|
|
325
|
-
onDragEnd:
|
|
324
|
+
sensors: L,
|
|
325
|
+
onDragEnd: D,
|
|
326
326
|
children: /* @__PURE__ */ t.jsx(
|
|
327
327
|
xt,
|
|
328
328
|
{
|
|
329
329
|
items: s,
|
|
330
330
|
strategy: _t,
|
|
331
|
-
children: s.map((h) => m(h,
|
|
331
|
+
children: s.map((h) => m(h, C))
|
|
332
332
|
}
|
|
333
333
|
)
|
|
334
334
|
}
|
|
335
|
-
) : s.map((h) => m(h,
|
|
335
|
+
) : s.map((h) => m(h, C)),
|
|
336
336
|
x && /* @__PURE__ */ t.jsx(
|
|
337
337
|
"div",
|
|
338
338
|
{
|
|
@@ -353,15 +353,15 @@ const qn = (u) => {
|
|
|
353
353
|
disabled: !!(n && n <= s.length || s.length === p.length),
|
|
354
354
|
onClick: () => {
|
|
355
355
|
const h = [...s];
|
|
356
|
-
let
|
|
356
|
+
let S = null;
|
|
357
357
|
if (p) {
|
|
358
358
|
for (let P = 0; P < p.length; P++)
|
|
359
359
|
if (!s.find((O) => O === p[P].id)) {
|
|
360
|
-
|
|
360
|
+
S = p[P];
|
|
361
361
|
break;
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
|
-
h.push((
|
|
364
|
+
h.push((S == null ? void 0 : S.id) || p[0].id), e(h);
|
|
365
365
|
},
|
|
366
366
|
style: {
|
|
367
367
|
width: "fit-content"
|
|
@@ -422,7 +422,7 @@ const qn = (u) => {
|
|
|
422
422
|
}
|
|
423
423
|
)
|
|
424
424
|
] });
|
|
425
|
-
}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_productsBlock_roi3a_14", _e = "_top_roi3a_26", je = "_products_roi3a_14", ve = "_product_roi3a_14", ye = "_button_roi3a_80", be = "_disabled_roi3a_91", Ie = "_buttons_roi3a_118", Ne = "_addButton_roi3a_164",
|
|
425
|
+
}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_productsBlock_roi3a_14", _e = "_top_roi3a_26", je = "_products_roi3a_14", ve = "_product_roi3a_14", ye = "_button_roi3a_80", be = "_disabled_roi3a_91", Ie = "_buttons_roi3a_118", Ne = "_addButton_roi3a_164", Ce = "_deleteButton_roi3a_179", V = {
|
|
426
426
|
title: ge,
|
|
427
427
|
subtitle: fe,
|
|
428
428
|
productsBlock: xe,
|
|
@@ -433,9 +433,9 @@ const qn = (u) => {
|
|
|
433
433
|
disabled: be,
|
|
434
434
|
buttons: Ie,
|
|
435
435
|
addButton: Ne,
|
|
436
|
-
deleteButton:
|
|
436
|
+
deleteButton: Ce
|
|
437
437
|
};
|
|
438
|
-
function
|
|
438
|
+
function Se({ product: u, children: i }) {
|
|
439
439
|
const {
|
|
440
440
|
attributes: a,
|
|
441
441
|
listeners: s,
|
|
@@ -477,7 +477,7 @@ const An = (u) => {
|
|
|
477
477
|
itemsOptions: p,
|
|
478
478
|
addableOptions: v = {},
|
|
479
479
|
limit: c
|
|
480
|
-
} = u, [n, o] = f.useState(null), [
|
|
480
|
+
} = u, [n, o] = f.useState(null), [C, y] = f.useState(null), M = f.useRef(null), L = pt(
|
|
481
481
|
mt(gt, {
|
|
482
482
|
activationConstraint: {
|
|
483
483
|
distance: 5
|
|
@@ -486,29 +486,29 @@ const An = (u) => {
|
|
|
486
486
|
);
|
|
487
487
|
f.useEffect(() => {
|
|
488
488
|
if (n) {
|
|
489
|
-
const h = [...s].map((
|
|
489
|
+
const h = [...s].map((S) => S.id === n.id ? n : S);
|
|
490
490
|
e(h);
|
|
491
491
|
}
|
|
492
492
|
}, [n]), f.useEffect(() => {
|
|
493
|
-
M.current &&
|
|
494
|
-
}, [M.current,
|
|
495
|
-
const
|
|
493
|
+
M.current && C && (M.current.getBoundingClientRect().height, C.top);
|
|
494
|
+
}, [M.current, C]);
|
|
495
|
+
const D = (h, S) => {
|
|
496
496
|
h.stopPropagation();
|
|
497
497
|
const P = h.target.getBoundingClientRect();
|
|
498
498
|
y({
|
|
499
499
|
top: P.top + window.scrollY,
|
|
500
500
|
left: P.left - 30
|
|
501
|
-
}), o(
|
|
501
|
+
}), o(S);
|
|
502
502
|
}, J = (h) => {
|
|
503
|
-
const { active:
|
|
504
|
-
if (P &&
|
|
505
|
-
const O = s.findIndex((q) => q.id ===
|
|
503
|
+
const { active: S, over: P } = h;
|
|
504
|
+
if (P && S.id !== P.id) {
|
|
505
|
+
const O = s.findIndex((q) => q.id === S.id), N = s.findIndex((q) => q.id === P.id);
|
|
506
506
|
if (O !== -1 && N !== -1) {
|
|
507
507
|
const q = [...s], [I] = q.splice(O, 1);
|
|
508
508
|
q.splice(N, 0, I), e(q);
|
|
509
509
|
}
|
|
510
510
|
}
|
|
511
|
-
}, m = (h,
|
|
511
|
+
}, m = (h, S) => {
|
|
512
512
|
const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
513
513
|
_ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
514
514
|
b,
|
|
@@ -550,7 +550,7 @@ const An = (u) => {
|
|
|
550
550
|
hoverable: !0,
|
|
551
551
|
width: 20,
|
|
552
552
|
height: 20,
|
|
553
|
-
onClick: (O) =>
|
|
553
|
+
onClick: (O) => D(O, h)
|
|
554
554
|
}
|
|
555
555
|
) }),
|
|
556
556
|
j && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
@@ -567,10 +567,10 @@ const An = (u) => {
|
|
|
567
567
|
] })
|
|
568
568
|
] });
|
|
569
569
|
return _ ? /* @__PURE__ */ t.jsx(
|
|
570
|
-
|
|
570
|
+
Se,
|
|
571
571
|
{
|
|
572
572
|
product: h,
|
|
573
|
-
index:
|
|
573
|
+
index: S,
|
|
574
574
|
children: P
|
|
575
575
|
},
|
|
576
576
|
h.id
|
|
@@ -599,18 +599,18 @@ const An = (u) => {
|
|
|
599
599
|
_ ? /* @__PURE__ */ t.jsx(
|
|
600
600
|
ft,
|
|
601
601
|
{
|
|
602
|
-
sensors:
|
|
602
|
+
sensors: L,
|
|
603
603
|
onDragEnd: J,
|
|
604
604
|
children: /* @__PURE__ */ t.jsx(
|
|
605
605
|
xt,
|
|
606
606
|
{
|
|
607
607
|
items: s.map((h) => h.id),
|
|
608
608
|
strategy: _t,
|
|
609
|
-
children: s.map((h,
|
|
609
|
+
children: s.map((h, S) => m(h, S))
|
|
610
610
|
}
|
|
611
611
|
)
|
|
612
612
|
}
|
|
613
|
-
) : s.map((h,
|
|
613
|
+
) : s.map((h, S) => m(h, S)),
|
|
614
614
|
T && /* @__PURE__ */ t.jsx(
|
|
615
615
|
"div",
|
|
616
616
|
{
|
|
@@ -630,17 +630,17 @@ const An = (u) => {
|
|
|
630
630
|
disabled: !!(c && c <= s.length || s.length === (p == null ? void 0 : p.length)),
|
|
631
631
|
onClick: () => {
|
|
632
632
|
const h = [...s];
|
|
633
|
-
let
|
|
633
|
+
let S = null;
|
|
634
634
|
if (p) {
|
|
635
635
|
for (let P = 0; P < p.length; P++)
|
|
636
636
|
if (!s.find((O) => O.id === p[P].id)) {
|
|
637
|
-
|
|
637
|
+
S = p[P];
|
|
638
638
|
break;
|
|
639
639
|
}
|
|
640
640
|
}
|
|
641
641
|
x === "select" && p && h.push({
|
|
642
|
-
name:
|
|
643
|
-
id: (
|
|
642
|
+
name: S ? S.name : p[0].name,
|
|
643
|
+
id: (S == null ? void 0 : S.id) || p[0].id,
|
|
644
644
|
...v
|
|
645
645
|
}), e(h);
|
|
646
646
|
},
|
|
@@ -665,7 +665,7 @@ const An = (u) => {
|
|
|
665
665
|
] })
|
|
666
666
|
] });
|
|
667
667
|
};
|
|
668
|
-
function
|
|
668
|
+
function ke(u) {
|
|
669
669
|
const { product: i, children: a } = u, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: g, isDragging: _ } = jt({
|
|
670
670
|
id: i.id
|
|
671
671
|
}), j = {
|
|
@@ -702,13 +702,13 @@ const En = (u) => {
|
|
|
702
702
|
itemsOptions: c,
|
|
703
703
|
hasRangeSelector: n = !1,
|
|
704
704
|
rangeSelectorOptions: o,
|
|
705
|
-
modalOptions:
|
|
705
|
+
modalOptions: C,
|
|
706
706
|
addableOptions: y = {},
|
|
707
707
|
limit: M
|
|
708
|
-
} = u, [
|
|
708
|
+
} = u, [L, D] = f.useState(null), [J, m] = f.useState({
|
|
709
709
|
top: 0,
|
|
710
710
|
left: 0
|
|
711
|
-
}), [h,
|
|
711
|
+
}), [h, S] = f.useState(null), P = f.useRef(null), [O, N] = f.useState(!1), q = pt(
|
|
712
712
|
mt(gt, {
|
|
713
713
|
activationConstraint: {
|
|
714
714
|
distance: 5
|
|
@@ -717,44 +717,44 @@ const En = (u) => {
|
|
|
717
717
|
);
|
|
718
718
|
f.useEffect(() => {
|
|
719
719
|
const d = () => {
|
|
720
|
-
|
|
720
|
+
D(null), N(!1);
|
|
721
721
|
};
|
|
722
|
-
return document.body.addEventListener("click", d),
|
|
723
|
-
|
|
722
|
+
return document.body.addEventListener("click", d), D(null), N(!1), () => {
|
|
723
|
+
D(null), N(!1), document.body.removeEventListener("click", d);
|
|
724
724
|
};
|
|
725
725
|
}, []), f.useEffect(() => {
|
|
726
|
-
if (
|
|
727
|
-
const d = [...s].map(($) => $.id ===
|
|
726
|
+
if (L) {
|
|
727
|
+
const d = [...s].map(($) => $.id === L.id ? L : $);
|
|
728
728
|
e(d);
|
|
729
729
|
}
|
|
730
|
-
}, [
|
|
730
|
+
}, [L]), f.useEffect(() => {
|
|
731
731
|
if (P.current && h) {
|
|
732
732
|
const d = P.current.getBoundingClientRect().height, $ = window.innerHeight;
|
|
733
|
-
let
|
|
734
|
-
|
|
735
|
-
top:
|
|
733
|
+
let k = h.top;
|
|
734
|
+
k + d > $ + window.scrollY - 200 && (k = $ + window.scrollY - d - 200), k < 0 && (k = 10), m({
|
|
735
|
+
top: k,
|
|
736
736
|
left: h.left
|
|
737
737
|
});
|
|
738
738
|
}
|
|
739
739
|
}, [P.current, h]);
|
|
740
740
|
const I = (d, $) => {
|
|
741
741
|
d.stopPropagation();
|
|
742
|
-
const
|
|
743
|
-
|
|
744
|
-
top:
|
|
745
|
-
left:
|
|
746
|
-
}),
|
|
742
|
+
const k = d.target.getBoundingClientRect();
|
|
743
|
+
S({
|
|
744
|
+
top: k.top + window.scrollY,
|
|
745
|
+
left: k.left - 30
|
|
746
|
+
}), D($), N(!0);
|
|
747
747
|
}, A = (d) => {
|
|
748
|
-
const { active: $, over:
|
|
749
|
-
if (
|
|
750
|
-
const E = s.findIndex((
|
|
748
|
+
const { active: $, over: k } = d;
|
|
749
|
+
if (k && $.id !== k.id) {
|
|
750
|
+
const E = s.findIndex((R) => R.id === $.id), et = s.findIndex((R) => R.id === k.id);
|
|
751
751
|
if (E !== -1 && et !== -1) {
|
|
752
|
-
const
|
|
753
|
-
|
|
752
|
+
const R = [...s], [K] = R.splice(E, 1);
|
|
753
|
+
R.splice(et, 0, K), e(R);
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
|
-
},
|
|
757
|
-
var
|
|
756
|
+
}, U = (d) => {
|
|
757
|
+
var k;
|
|
758
758
|
const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
759
759
|
j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
760
760
|
b,
|
|
@@ -769,18 +769,18 @@ const En = (u) => {
|
|
|
769
769
|
it,
|
|
770
770
|
{
|
|
771
771
|
onChange: (E) => {
|
|
772
|
-
const
|
|
772
|
+
const R = [...s].map((K) => K.id === d.id ? {
|
|
773
773
|
...d,
|
|
774
774
|
name: {
|
|
775
775
|
"en-US": E
|
|
776
776
|
}
|
|
777
777
|
} : K);
|
|
778
|
-
|
|
778
|
+
D({
|
|
779
779
|
...d,
|
|
780
780
|
name: {
|
|
781
781
|
"en-US": E
|
|
782
782
|
}
|
|
783
|
-
}), e([...
|
|
783
|
+
}), e([...R]);
|
|
784
784
|
},
|
|
785
785
|
value: d.name["en-US"],
|
|
786
786
|
options: c.filter(
|
|
@@ -792,13 +792,13 @@ const En = (u) => {
|
|
|
792
792
|
Nt,
|
|
793
793
|
{
|
|
794
794
|
onChange: (E) => {
|
|
795
|
-
const
|
|
795
|
+
const R = [...s].map((K) => K.id === d.id ? {
|
|
796
796
|
...d,
|
|
797
797
|
name: {
|
|
798
798
|
"en-US": E
|
|
799
799
|
}
|
|
800
800
|
} : K);
|
|
801
|
-
e([...
|
|
801
|
+
e([...R]);
|
|
802
802
|
},
|
|
803
803
|
value: d.name["en-US"],
|
|
804
804
|
placeholder: v
|
|
@@ -808,13 +808,13 @@ const En = (u) => {
|
|
|
808
808
|
At,
|
|
809
809
|
{
|
|
810
810
|
onChange: (E) => {
|
|
811
|
-
const
|
|
811
|
+
const R = [...s].map((K) => K.id === d.id ? {
|
|
812
812
|
...d,
|
|
813
813
|
images: E
|
|
814
814
|
} : K);
|
|
815
|
-
e([...
|
|
815
|
+
e([...R]);
|
|
816
816
|
},
|
|
817
|
-
activeImage: (
|
|
817
|
+
activeImage: (k = s.find((E) => E.id === d.id)) == null ? void 0 : k.images[0]
|
|
818
818
|
}
|
|
819
819
|
),
|
|
820
820
|
/* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
|
|
@@ -842,7 +842,7 @@ const En = (u) => {
|
|
|
842
842
|
] })
|
|
843
843
|
] });
|
|
844
844
|
return j ? /* @__PURE__ */ t.jsx(
|
|
845
|
-
|
|
845
|
+
ke,
|
|
846
846
|
{
|
|
847
847
|
product: d,
|
|
848
848
|
children: $
|
|
@@ -868,18 +868,18 @@ const En = (u) => {
|
|
|
868
868
|
}
|
|
869
869
|
)
|
|
870
870
|
] }),
|
|
871
|
-
|
|
871
|
+
L && _ && C && O && /* @__PURE__ */ t.jsx(
|
|
872
872
|
qt,
|
|
873
873
|
{
|
|
874
874
|
ref: P,
|
|
875
|
-
activeItem:
|
|
876
|
-
setActiveItem:
|
|
875
|
+
activeItem: L,
|
|
876
|
+
setActiveItem: D,
|
|
877
877
|
popupPosition: J,
|
|
878
|
-
modalOptions:
|
|
878
|
+
modalOptions: C,
|
|
879
879
|
setIsOpenModal: N
|
|
880
880
|
}
|
|
881
881
|
),
|
|
882
|
-
n && o && /* @__PURE__ */ t.jsx(
|
|
882
|
+
n && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
|
|
883
883
|
/* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
|
|
884
884
|
g && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: g }),
|
|
885
885
|
j ? /* @__PURE__ */ t.jsx(
|
|
@@ -892,11 +892,11 @@ const En = (u) => {
|
|
|
892
892
|
{
|
|
893
893
|
items: s.map((d) => d.id),
|
|
894
894
|
strategy: _t,
|
|
895
|
-
children: s.map((d) =>
|
|
895
|
+
children: s.map((d) => U(d))
|
|
896
896
|
}
|
|
897
897
|
)
|
|
898
898
|
}
|
|
899
|
-
) : s.map((d) =>
|
|
899
|
+
) : s.map((d) => U(d)),
|
|
900
900
|
x && /* @__PURE__ */ t.jsx(
|
|
901
901
|
"div",
|
|
902
902
|
{
|
|
@@ -918,9 +918,9 @@ const En = (u) => {
|
|
|
918
918
|
const d = [...s];
|
|
919
919
|
let $ = null;
|
|
920
920
|
if (c) {
|
|
921
|
-
for (let
|
|
922
|
-
if (!s.find((E) => E.name["en-US"] === c[
|
|
923
|
-
$ = c[
|
|
921
|
+
for (let k = 0; k < c.length; k++)
|
|
922
|
+
if (!s.find((E) => E.name["en-US"] === c[k])) {
|
|
923
|
+
$ = c[k];
|
|
924
924
|
break;
|
|
925
925
|
}
|
|
926
926
|
}
|
|
@@ -990,37 +990,37 @@ const En = (u) => {
|
|
|
990
990
|
}), [x, p] = f.useState(null), v = f.useRef(null);
|
|
991
991
|
f.useEffect(() => {
|
|
992
992
|
if (g) {
|
|
993
|
-
const o = [...i].map((
|
|
993
|
+
const o = [...i].map((C) => C.id === g.id ? g : C);
|
|
994
994
|
a(o);
|
|
995
995
|
}
|
|
996
996
|
}, [g]), f.useEffect(() => {
|
|
997
997
|
if (v.current && x) {
|
|
998
|
-
const o = v.current.getBoundingClientRect().height,
|
|
998
|
+
const o = v.current.getBoundingClientRect().height, C = window.innerHeight;
|
|
999
999
|
let y = x.top;
|
|
1000
|
-
y + o >
|
|
1000
|
+
y + o > C + window.scrollY - 200 && (y = C + window.scrollY - o - 200), y < 0 && (y = 10), T({
|
|
1001
1001
|
top: y,
|
|
1002
1002
|
left: x.left
|
|
1003
1003
|
});
|
|
1004
1004
|
}
|
|
1005
1005
|
}, [v.current, x]);
|
|
1006
|
-
const c = (o,
|
|
1006
|
+
const c = (o, C) => {
|
|
1007
1007
|
o.stopPropagation();
|
|
1008
1008
|
const y = o.target.getBoundingClientRect();
|
|
1009
1009
|
p({
|
|
1010
1010
|
top: y.top + window.scrollY - 70,
|
|
1011
1011
|
left: y.left - (e ? 30 : 65)
|
|
1012
|
-
}), _(
|
|
1013
|
-
}, n = (o,
|
|
1012
|
+
}), _(C);
|
|
1013
|
+
}, n = (o, C) => {
|
|
1014
1014
|
const y = [...i], M = {
|
|
1015
1015
|
...o,
|
|
1016
1016
|
id: Math.random().toString(36).substr(2, 9)
|
|
1017
1017
|
// Генерируем новый уникальный ID
|
|
1018
1018
|
};
|
|
1019
|
-
y.splice(
|
|
1019
|
+
y.splice(C + 1, 0, M), a(y);
|
|
1020
1020
|
};
|
|
1021
1021
|
return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
|
|
1022
1022
|
/* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
|
|
1023
|
-
i.map((o,
|
|
1023
|
+
i.map((o, C) => /* @__PURE__ */ t.jsxs(
|
|
1024
1024
|
"div",
|
|
1025
1025
|
{
|
|
1026
1026
|
className: st.product,
|
|
@@ -1029,11 +1029,11 @@ const En = (u) => {
|
|
|
1029
1029
|
it,
|
|
1030
1030
|
{
|
|
1031
1031
|
onChange: (y) => {
|
|
1032
|
-
const
|
|
1032
|
+
const L = [...i].map((D) => D.id === o.id ? {
|
|
1033
1033
|
...o,
|
|
1034
1034
|
type: y
|
|
1035
|
-
} :
|
|
1036
|
-
a(
|
|
1035
|
+
} : D);
|
|
1036
|
+
a(L);
|
|
1037
1037
|
},
|
|
1038
1038
|
value: o.type,
|
|
1039
1039
|
options: ["Primary", "Secondary", "Tertiary"]
|
|
@@ -1048,7 +1048,7 @@ const En = (u) => {
|
|
|
1048
1048
|
width: 20,
|
|
1049
1049
|
height: 20,
|
|
1050
1050
|
onClick: () => {
|
|
1051
|
-
n(o,
|
|
1051
|
+
n(o, C);
|
|
1052
1052
|
}
|
|
1053
1053
|
}
|
|
1054
1054
|
) }),
|
|
@@ -1150,7 +1150,7 @@ const En = (u) => {
|
|
|
1150
1150
|
}
|
|
1151
1151
|
)
|
|
1152
1152
|
] });
|
|
1153
|
-
},
|
|
1153
|
+
}, zn = (u) => {
|
|
1154
1154
|
const {
|
|
1155
1155
|
isActiveButtons: i,
|
|
1156
1156
|
setIsActiveButtons: a,
|
|
@@ -1202,7 +1202,7 @@ function Ae(u) {
|
|
|
1202
1202
|
}
|
|
1203
1203
|
);
|
|
1204
1204
|
}
|
|
1205
|
-
const
|
|
1205
|
+
const Dn = (u) => {
|
|
1206
1206
|
const {
|
|
1207
1207
|
isActiveItems: i,
|
|
1208
1208
|
setIsActiveItems: a,
|
|
@@ -1220,10 +1220,10 @@ const Rn = (u) => {
|
|
|
1220
1220
|
itemsOptions: c,
|
|
1221
1221
|
limit: n,
|
|
1222
1222
|
aspectRatio: o,
|
|
1223
|
-
setAspectRatio:
|
|
1223
|
+
setAspectRatio: C
|
|
1224
1224
|
} = u, [y, M] = f.useState(
|
|
1225
1225
|
null
|
|
1226
|
-
), [
|
|
1226
|
+
), [L, D] = f.useState({
|
|
1227
1227
|
top: 0,
|
|
1228
1228
|
left: 0
|
|
1229
1229
|
}), [J, m] = f.useState(!1), h = pt(
|
|
@@ -1246,13 +1246,13 @@ const Rn = (u) => {
|
|
|
1246
1246
|
e(I);
|
|
1247
1247
|
}
|
|
1248
1248
|
}, [y]);
|
|
1249
|
-
const
|
|
1249
|
+
const S = (I, A) => {
|
|
1250
1250
|
I.stopPropagation();
|
|
1251
|
-
const
|
|
1252
|
-
let
|
|
1253
|
-
|
|
1254
|
-
top:
|
|
1255
|
-
left:
|
|
1251
|
+
const U = I.target.getBoundingClientRect(), d = 100, $ = window.innerHeight;
|
|
1252
|
+
let k = U.top + window.scrollY;
|
|
1253
|
+
k + d > $ && (k = $ - d - 20), m(!0), D({
|
|
1254
|
+
top: k - 80,
|
|
1255
|
+
left: U.left - 30
|
|
1256
1256
|
}), M(A);
|
|
1257
1257
|
};
|
|
1258
1258
|
function P(I) {
|
|
@@ -1276,18 +1276,18 @@ const Rn = (u) => {
|
|
|
1276
1276
|
);
|
|
1277
1277
|
}
|
|
1278
1278
|
const O = (I) => {
|
|
1279
|
-
const { active: A, over:
|
|
1280
|
-
if (
|
|
1281
|
-
const d = s.findIndex((
|
|
1279
|
+
const { active: A, over: U } = I;
|
|
1280
|
+
if (U && A.id !== U.id) {
|
|
1281
|
+
const d = s.findIndex((k) => String(k.listingId) === A.id), $ = s.findIndex((k) => String(k.listingId) === U.id);
|
|
1282
1282
|
if (d !== -1 && $ !== -1) {
|
|
1283
|
-
const
|
|
1284
|
-
|
|
1283
|
+
const k = [...s], [E] = k.splice(d, 1);
|
|
1284
|
+
k.splice($, 0, E), e(k);
|
|
1285
1285
|
}
|
|
1286
1286
|
}
|
|
1287
1287
|
}, N = (I) => {
|
|
1288
1288
|
const A = c.find((d) => I.listingId === d.id);
|
|
1289
1289
|
if (!A) return null;
|
|
1290
|
-
const
|
|
1290
|
+
const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1291
1291
|
j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
1292
1292
|
b,
|
|
1293
1293
|
{
|
|
@@ -1301,12 +1301,12 @@ const Rn = (u) => {
|
|
|
1301
1301
|
it,
|
|
1302
1302
|
{
|
|
1303
1303
|
onChange: (d) => {
|
|
1304
|
-
const $ = [...s],
|
|
1305
|
-
if (!
|
|
1304
|
+
const $ = [...s], k = c.find((R) => R.productData.name === d);
|
|
1305
|
+
if (!k) return;
|
|
1306
1306
|
const E = {
|
|
1307
|
-
listingId:
|
|
1308
|
-
image:
|
|
1309
|
-
}, et = $.map((
|
|
1307
|
+
listingId: k.id,
|
|
1308
|
+
image: k.productData.images.length > 0 ? k.productData.images[0].cfId : ""
|
|
1309
|
+
}, et = $.map((R) => R.listingId === I.listingId ? E : R);
|
|
1310
1310
|
M(E), e([...et]);
|
|
1311
1311
|
},
|
|
1312
1312
|
value: A.productData.name,
|
|
@@ -1330,7 +1330,7 @@ const Rn = (u) => {
|
|
|
1330
1330
|
hoverable: !0,
|
|
1331
1331
|
width: 20,
|
|
1332
1332
|
height: 20,
|
|
1333
|
-
onClick: (d) =>
|
|
1333
|
+
onClick: (d) => S(d, I)
|
|
1334
1334
|
}
|
|
1335
1335
|
) }),
|
|
1336
1336
|
x && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
|
|
@@ -1350,14 +1350,14 @@ const Rn = (u) => {
|
|
|
1350
1350
|
Ae,
|
|
1351
1351
|
{
|
|
1352
1352
|
product: I,
|
|
1353
|
-
children:
|
|
1353
|
+
children: U
|
|
1354
1354
|
},
|
|
1355
1355
|
I.listingId
|
|
1356
1356
|
) : /* @__PURE__ */ t.jsx(
|
|
1357
1357
|
"div",
|
|
1358
1358
|
{
|
|
1359
1359
|
className: W.product,
|
|
1360
|
-
children:
|
|
1360
|
+
children: U
|
|
1361
1361
|
},
|
|
1362
1362
|
I.listingId
|
|
1363
1363
|
);
|
|
@@ -1374,13 +1374,13 @@ const Rn = (u) => {
|
|
|
1374
1374
|
)
|
|
1375
1375
|
] }),
|
|
1376
1376
|
J && y && /* @__PURE__ */ t.jsx(
|
|
1377
|
-
|
|
1377
|
+
zt,
|
|
1378
1378
|
{
|
|
1379
1379
|
ref: q,
|
|
1380
1380
|
activeItem: y,
|
|
1381
1381
|
setActiveItem: M,
|
|
1382
1382
|
setIsOpenModal: m,
|
|
1383
|
-
popupPosition:
|
|
1383
|
+
popupPosition: L,
|
|
1384
1384
|
itemsOptions: c
|
|
1385
1385
|
}
|
|
1386
1386
|
),
|
|
@@ -1418,7 +1418,7 @@ const Rn = (u) => {
|
|
|
1418
1418
|
onClick: () => {
|
|
1419
1419
|
const I = [...s];
|
|
1420
1420
|
for (let A = 0; A < c.length; A++)
|
|
1421
|
-
if (!s.find((
|
|
1421
|
+
if (!s.find((U) => U.listingId === c[A].id)) {
|
|
1422
1422
|
I.push({
|
|
1423
1423
|
listingId: c[A].id,
|
|
1424
1424
|
image: c[A].productData.images.length > 0 ? c[A].productData.images[0].cfId : ""
|
|
@@ -1447,12 +1447,12 @@ const Rn = (u) => {
|
|
|
1447
1447
|
}
|
|
1448
1448
|
)
|
|
1449
1449
|
] }),
|
|
1450
|
-
o &&
|
|
1450
|
+
o && C && /* @__PURE__ */ t.jsx(
|
|
1451
1451
|
it,
|
|
1452
1452
|
{
|
|
1453
1453
|
value: o,
|
|
1454
1454
|
options: Object.keys(Pt),
|
|
1455
|
-
onChange: (I) =>
|
|
1455
|
+
onChange: (I) => C(I),
|
|
1456
1456
|
leftAddonOptions: wt
|
|
1457
1457
|
}
|
|
1458
1458
|
),
|
|
@@ -1464,13 +1464,13 @@ const Rn = (u) => {
|
|
|
1464
1464
|
}
|
|
1465
1465
|
)
|
|
1466
1466
|
] });
|
|
1467
|
-
}, Ee = "_options_167h8_1",
|
|
1467
|
+
}, Ee = "_options_167h8_1", ze = "_price_167h8_18", De = "_oldPrice_167h8_25", Re = "_newPrice_167h8_33", Le = "_animate_167h8_40", Ue = "_meta_167h8_58", He = "_info_167h8_64", Fe = "_infoRight_167h8_73", Ve = "_buttons_167h8_80", Ye = "_variants_167h8_87", Ge = "_variant_167h8_87", We = "_stock_167h8_105", Xe = "_variantInfo_167h8_112", Qe = "_quantity_167h8_119", Je = "_button_167h8_80", Ke = "_activeVariant_167h8_165", Ze = "_chargeTypes_167h8_169", ts = "_charge_167h8_169", es = "_chargeActive_167h8_194", ss = "_title_167h8_202", B = {
|
|
1468
1468
|
options: Ee,
|
|
1469
|
-
price:
|
|
1470
|
-
oldPrice:
|
|
1471
|
-
newPrice:
|
|
1472
|
-
animate:
|
|
1473
|
-
meta:
|
|
1469
|
+
price: ze,
|
|
1470
|
+
oldPrice: De,
|
|
1471
|
+
newPrice: Re,
|
|
1472
|
+
animate: Le,
|
|
1473
|
+
meta: Ue,
|
|
1474
1474
|
info: He,
|
|
1475
1475
|
infoRight: Fe,
|
|
1476
1476
|
buttons: Ve,
|
|
@@ -1488,13 +1488,13 @@ const Rn = (u) => {
|
|
|
1488
1488
|
};
|
|
1489
1489
|
var $t = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))($t || {});
|
|
1490
1490
|
const ns = (u) => {
|
|
1491
|
-
var
|
|
1491
|
+
var D, J;
|
|
1492
1492
|
const { product: i, setIsOpen: a } = u, { variants: s } = i, [e, l] = f.useState(s[0]), [r, g] = f.useState(
|
|
1493
1493
|
e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
|
|
1494
|
-
), { notifications: _, setNotifications: j } =
|
|
1494
|
+
), { notifications: _, setNotifications: j } = Ct(), T = St(), [x, p] = f.useState(1), { cart: v, reset: c, addProductToCart: n } = ot(), [o, C] = f.useState(!1);
|
|
1495
1495
|
f.useEffect(() => {
|
|
1496
|
-
|
|
1497
|
-
const m = setTimeout(() =>
|
|
1496
|
+
C(!0);
|
|
1497
|
+
const m = setTimeout(() => C(!1), 600);
|
|
1498
1498
|
return () => clearTimeout(m);
|
|
1499
1499
|
}, [x]);
|
|
1500
1500
|
async function y() {
|
|
@@ -1527,7 +1527,7 @@ const ns = (u) => {
|
|
|
1527
1527
|
function M() {
|
|
1528
1528
|
c(), y(), T("/checkout");
|
|
1529
1529
|
}
|
|
1530
|
-
function
|
|
1530
|
+
function L(m) {
|
|
1531
1531
|
if (m >= 864e5) {
|
|
1532
1532
|
const N = Math.floor(m / 864e5);
|
|
1533
1533
|
return `${N} ${N === 1 ? "day" : "days"}`;
|
|
@@ -1564,7 +1564,7 @@ const ns = (u) => {
|
|
|
1564
1564
|
var h;
|
|
1565
1565
|
return (h = m.chargeTypes) == null ? void 0 : h.includes(r);
|
|
1566
1566
|
}).map((m) => {
|
|
1567
|
-
var h,
|
|
1567
|
+
var h, S;
|
|
1568
1568
|
return /* @__PURE__ */ t.jsxs(
|
|
1569
1569
|
"div",
|
|
1570
1570
|
{
|
|
@@ -1581,11 +1581,11 @@ const ns = (u) => {
|
|
|
1581
1581
|
currency: r === "ONE_TIME" ? m.price.currency : m.subscriptionSettings ? m.subscriptionSettings.price.currency : "USD"
|
|
1582
1582
|
}),
|
|
1583
1583
|
" ",
|
|
1584
|
-
r === "RECURRING" && m.subscriptionSettings && ` / ${
|
|
1584
|
+
r === "RECURRING" && m.subscriptionSettings && ` / ${Dt(m.subscriptionSettings.recurringIntervalDays || 0)}`
|
|
1585
1585
|
] })
|
|
1586
1586
|
] }),
|
|
1587
1587
|
/* @__PURE__ */ t.jsx("div", { children: r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
|
|
1588
|
-
(h = m.quantity.restrictions) != null && h.max || m.quantity.available !== void 0 ? ((
|
|
1588
|
+
(h = m.quantity.restrictions) != null && h.max || m.quantity.available !== void 0 ? ((S = m.quantity.restrictions) == null ? void 0 : S.max) || m.quantity.available : "∞",
|
|
1589
1589
|
" ",
|
|
1590
1590
|
"in stock"
|
|
1591
1591
|
] }) })
|
|
@@ -1596,7 +1596,7 @@ const ns = (u) => {
|
|
|
1596
1596
|
}) }),
|
|
1597
1597
|
r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
|
|
1598
1598
|
/* @__PURE__ */ t.jsx(
|
|
1599
|
-
|
|
1599
|
+
z,
|
|
1600
1600
|
{
|
|
1601
1601
|
type: "Secondary",
|
|
1602
1602
|
onClick: () => {
|
|
@@ -1608,21 +1608,21 @@ const ns = (u) => {
|
|
|
1608
1608
|
}
|
|
1609
1609
|
),
|
|
1610
1610
|
/* @__PURE__ */ t.jsx(
|
|
1611
|
-
|
|
1611
|
+
Rt,
|
|
1612
1612
|
{
|
|
1613
1613
|
type: "number",
|
|
1614
1614
|
value: String(x),
|
|
1615
1615
|
onChange: (m) => {
|
|
1616
1616
|
e.quantity.available && Number(m) > e.quantity.available ? p(e.quantity.available) : p(Number(m));
|
|
1617
1617
|
},
|
|
1618
|
-
max: ((
|
|
1618
|
+
max: ((D = e.quantity.restrictions) == null ? void 0 : D.max) || e.quantity.available || Number.POSITIVE_INFINITY,
|
|
1619
1619
|
min: ((J = e.quantity.restrictions) == null ? void 0 : J.min) || 0,
|
|
1620
1620
|
centered: !0,
|
|
1621
1621
|
disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && x >= e.quantity.restrictions.max
|
|
1622
1622
|
}
|
|
1623
1623
|
),
|
|
1624
1624
|
/* @__PURE__ */ t.jsx(
|
|
1625
|
-
|
|
1625
|
+
z,
|
|
1626
1626
|
{
|
|
1627
1627
|
type: "Secondary",
|
|
1628
1628
|
onClick: () => {
|
|
@@ -1647,7 +1647,7 @@ const ns = (u) => {
|
|
|
1647
1647
|
height: 20
|
|
1648
1648
|
}
|
|
1649
1649
|
),
|
|
1650
|
-
/* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" :
|
|
1650
|
+
/* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : L(e.deliveryTime) })
|
|
1651
1651
|
] })
|
|
1652
1652
|
] }),
|
|
1653
1653
|
/* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
|
|
@@ -1681,7 +1681,7 @@ const ns = (u) => {
|
|
|
1681
1681
|
] }),
|
|
1682
1682
|
/* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
|
|
1683
1683
|
/* @__PURE__ */ t.jsx(
|
|
1684
|
-
|
|
1684
|
+
z,
|
|
1685
1685
|
{
|
|
1686
1686
|
type: "Primary",
|
|
1687
1687
|
onClick: () => M(),
|
|
@@ -1690,7 +1690,7 @@ const ns = (u) => {
|
|
|
1690
1690
|
}
|
|
1691
1691
|
),
|
|
1692
1692
|
r === "ONE_TIME" && /* @__PURE__ */ t.jsx(
|
|
1693
|
-
|
|
1693
|
+
z,
|
|
1694
1694
|
{
|
|
1695
1695
|
type: "Secondary",
|
|
1696
1696
|
onClick: () => y(),
|
|
@@ -1702,7 +1702,7 @@ const ns = (u) => {
|
|
|
1702
1702
|
)
|
|
1703
1703
|
] })
|
|
1704
1704
|
] });
|
|
1705
|
-
}, is = "
|
|
1705
|
+
}, is = "_buttons_3z0t7_23", as = "_modal_3z0t7_32", os = "_closing_3z0t7_65", cs = "_info_3z0t7_114", rs = "_top_3z0t7_121", ls = "_title_3z0t7_132", ds = "_clear_3z0t7_139", us = "_activeClear_3z0t7_146", hs = "_count_3z0t7_150", ps = "_cart_3z0t7_165", ms = "_empty_3z0t7_173", gs = "_product_3z0t7_199", fs = "_products_3z0t7_208", xs = "_image_3z0t7_216", _s = "_productInfo_3z0t7_233", js = "_content_3z0t7_240", vs = "_name_3z0t7_246", ys = "_price_3z0t7_252", bs = "_productButtons_3z0t7_258", Is = "_productButton_3z0t7_258", Ns = "_productCount_3z0t7_275", Cs = "_bottom_3z0t7_292", Ss = "_subtotal_3z0t7_300", ks = "_block_3z0t7_308", ws = "_shoppingCount_3z0t7_315", Ps = "_total_3z0t7_335", Ts = "_link_3z0t7_341", Ms = "_userInfo_3z0t7_348", Bs = "_pagesMobileModal_3z0t7_360", $s = "_pagesMobileModalContent_3z0t7_374", Os = "_pagesMobileModalHeader_3z0t7_380", qs = "_pagesMobileModalFooter_3z0t7_390", As = "_pageLink_3z0t7_397", Es = "_rightButtons_3z0t7_406", w = {
|
|
1706
1706
|
buttons: is,
|
|
1707
1707
|
modal: as,
|
|
1708
1708
|
closing: os,
|
|
@@ -1724,9 +1724,9 @@ const ns = (u) => {
|
|
|
1724
1724
|
productButtons: bs,
|
|
1725
1725
|
productButton: Is,
|
|
1726
1726
|
productCount: Ns,
|
|
1727
|
-
bottom:
|
|
1728
|
-
subtotal:
|
|
1729
|
-
block:
|
|
1727
|
+
bottom: Cs,
|
|
1728
|
+
subtotal: Ss,
|
|
1729
|
+
block: ks,
|
|
1730
1730
|
shoppingCount: ws,
|
|
1731
1731
|
total: Ps,
|
|
1732
1732
|
link: Ts,
|
|
@@ -1737,13 +1737,13 @@ const ns = (u) => {
|
|
|
1737
1737
|
pagesMobileModalFooter: qs,
|
|
1738
1738
|
pageLink: As,
|
|
1739
1739
|
rightButtons: Es
|
|
1740
|
-
},
|
|
1740
|
+
}, Rn = (u) => {
|
|
1741
1741
|
const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = u;
|
|
1742
1742
|
return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
|
|
1743
|
-
i && /* @__PURE__ */ t.jsx(
|
|
1743
|
+
i && /* @__PURE__ */ t.jsx(zs, {}),
|
|
1744
1744
|
s && /* @__PURE__ */ t.jsx(Ot, { signUp: a })
|
|
1745
1745
|
] });
|
|
1746
|
-
},
|
|
1746
|
+
}, zs = () => {
|
|
1747
1747
|
const [u, i] = f.useState(!1), [a, s] = f.useState([]), [e, l] = f.useState(!1), { cart: r, products: g } = ot();
|
|
1748
1748
|
function _(c) {
|
|
1749
1749
|
if (c.variants.length > 0) {
|
|
@@ -1769,13 +1769,13 @@ const ns = (u) => {
|
|
|
1769
1769
|
};
|
|
1770
1770
|
f.useEffect(() => {
|
|
1771
1771
|
(async () => {
|
|
1772
|
-
const n = r.parts.map((y) => String(y.productId)),
|
|
1772
|
+
const n = r.parts.map((y) => String(y.productId)), C = (g.filter((y) => n.includes(String(y.id))) || []).map((y) => ({
|
|
1773
1773
|
...y,
|
|
1774
1774
|
activeVariantId: _(y),
|
|
1775
1775
|
quantity: j(y),
|
|
1776
1776
|
chargeType: T(y)
|
|
1777
1777
|
}));
|
|
1778
|
-
s(
|
|
1778
|
+
s(C);
|
|
1779
1779
|
})();
|
|
1780
1780
|
}, [r.parts]);
|
|
1781
1781
|
function x(c) {
|
|
@@ -1789,7 +1789,7 @@ const ns = (u) => {
|
|
|
1789
1789
|
}
|
|
1790
1790
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1791
1791
|
/* @__PURE__ */ t.jsxs(
|
|
1792
|
-
|
|
1792
|
+
z,
|
|
1793
1793
|
{
|
|
1794
1794
|
type: "Secondary",
|
|
1795
1795
|
style: {
|
|
@@ -1816,7 +1816,7 @@ const ns = (u) => {
|
|
|
1816
1816
|
close: v,
|
|
1817
1817
|
withAnimation: !1,
|
|
1818
1818
|
children: /* @__PURE__ */ t.jsx(
|
|
1819
|
-
|
|
1819
|
+
Ds,
|
|
1820
1820
|
{
|
|
1821
1821
|
activeProducts: a,
|
|
1822
1822
|
isCartNotEmpty: p,
|
|
@@ -1827,9 +1827,9 @@ const ns = (u) => {
|
|
|
1827
1827
|
}
|
|
1828
1828
|
)
|
|
1829
1829
|
] });
|
|
1830
|
-
},
|
|
1830
|
+
}, Ds = (u) => {
|
|
1831
1831
|
var v, c;
|
|
1832
|
-
const { activeProducts: i, isCartNotEmpty: a, isOpen: s, close: e } = u, { cart: l, reset: r, getTotalAndDiscount: g, updateQuantityOfProduct: _ } = ot(), j =
|
|
1832
|
+
const { activeProducts: i, isCartNotEmpty: a, isOpen: s, close: e } = u, { cart: l, reset: r, getTotalAndDiscount: g, updateQuantityOfProduct: _ } = ot(), j = St();
|
|
1833
1833
|
function T(n, o) {
|
|
1834
1834
|
j(n, { replace: o });
|
|
1835
1835
|
}
|
|
@@ -1924,7 +1924,7 @@ const ns = (u) => {
|
|
|
1924
1924
|
] }),
|
|
1925
1925
|
/* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
|
|
1926
1926
|
/* @__PURE__ */ t.jsx(
|
|
1927
|
-
|
|
1927
|
+
z,
|
|
1928
1928
|
{
|
|
1929
1929
|
type: "Secondary",
|
|
1930
1930
|
onClick: () => {
|
|
@@ -1945,7 +1945,7 @@ const ns = (u) => {
|
|
|
1945
1945
|
),
|
|
1946
1946
|
/* @__PURE__ */ t.jsx("div", { className: w.productCount, children: n.quantity }),
|
|
1947
1947
|
/* @__PURE__ */ t.jsx(
|
|
1948
|
-
|
|
1948
|
+
z,
|
|
1949
1949
|
{
|
|
1950
1950
|
type: "Secondary",
|
|
1951
1951
|
onClick: () => x(n),
|
|
@@ -1986,13 +1986,13 @@ const ns = (u) => {
|
|
|
1986
1986
|
currency: l.parts.length > 0 && ((c = (v = i.find((n) => n.id === l.parts[0].productId)) == null ? void 0 : v.variants.find((n) => n.id === l.parts[0].productVariantId)) == null ? void 0 : c.price.currency) || "USD"
|
|
1987
1987
|
}) })
|
|
1988
1988
|
] }),
|
|
1989
|
-
/* @__PURE__ */ t.jsx(
|
|
1989
|
+
/* @__PURE__ */ t.jsx(z, { onClick: () => T("/checkout", !1), children: "Checkout" })
|
|
1990
1990
|
] })
|
|
1991
|
-
] }) : /* @__PURE__ */ t.jsx(
|
|
1991
|
+
] }) : /* @__PURE__ */ t.jsx(Rs, {})
|
|
1992
1992
|
]
|
|
1993
1993
|
}
|
|
1994
1994
|
);
|
|
1995
|
-
},
|
|
1995
|
+
}, Rs = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
|
|
1996
1996
|
/* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
|
|
1997
1997
|
b,
|
|
1998
1998
|
{
|
|
@@ -2014,11 +2014,11 @@ const ns = (u) => {
|
|
|
2014
2014
|
)
|
|
2015
2015
|
] })
|
|
2016
2016
|
] }), Ot = ({ signUp: u, close: i }) => {
|
|
2017
|
-
const { token: a } =
|
|
2017
|
+
const { token: a } = Lt(), s = St(), [e, l] = f.useState("test-email@gmail.com");
|
|
2018
2018
|
f.useEffect(() => {
|
|
2019
2019
|
a && (async () => {
|
|
2020
2020
|
if (!a) return;
|
|
2021
|
-
const _ =
|
|
2021
|
+
const _ = Ut(a);
|
|
2022
2022
|
l(_.email);
|
|
2023
2023
|
})();
|
|
2024
2024
|
}, [a]);
|
|
@@ -2026,7 +2026,7 @@ const ns = (u) => {
|
|
|
2026
2026
|
window.location.pathname.includes("/admin/builder") || s(g);
|
|
2027
2027
|
}
|
|
2028
2028
|
return a ? /* @__PURE__ */ t.jsx(
|
|
2029
|
-
|
|
2029
|
+
z,
|
|
2030
2030
|
{
|
|
2031
2031
|
type: "Secondary",
|
|
2032
2032
|
className: w.userInfo,
|
|
@@ -2037,7 +2037,7 @@ const ns = (u) => {
|
|
|
2037
2037
|
}
|
|
2038
2038
|
) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2039
2039
|
/* @__PURE__ */ t.jsx(
|
|
2040
|
-
|
|
2040
|
+
z,
|
|
2041
2041
|
{
|
|
2042
2042
|
onClick: () => {
|
|
2043
2043
|
r("/customer-dash"), i == null || i();
|
|
@@ -2050,7 +2050,7 @@ const ns = (u) => {
|
|
|
2050
2050
|
}
|
|
2051
2051
|
),
|
|
2052
2052
|
u && /* @__PURE__ */ t.jsx(
|
|
2053
|
-
|
|
2053
|
+
z,
|
|
2054
2054
|
{
|
|
2055
2055
|
onClick: () => {
|
|
2056
2056
|
r("/customer-dash"), i == null || i();
|
|
@@ -2064,7 +2064,7 @@ const ns = (u) => {
|
|
|
2064
2064
|
}
|
|
2065
2065
|
)
|
|
2066
2066
|
] });
|
|
2067
|
-
},
|
|
2067
|
+
}, Ls = ({
|
|
2068
2068
|
logo: u,
|
|
2069
2069
|
setIsOpen: i,
|
|
2070
2070
|
signUp: a,
|
|
@@ -2084,7 +2084,7 @@ const ns = (u) => {
|
|
|
2084
2084
|
/* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
|
|
2085
2085
|
/* @__PURE__ */ t.jsx("div", { children: u }),
|
|
2086
2086
|
/* @__PURE__ */ t.jsx(
|
|
2087
|
-
|
|
2087
|
+
z,
|
|
2088
2088
|
{
|
|
2089
2089
|
type: "Secondary",
|
|
2090
2090
|
onClick: l,
|
|
@@ -2117,17 +2117,17 @@ const ns = (u) => {
|
|
|
2117
2117
|
]
|
|
2118
2118
|
}
|
|
2119
2119
|
);
|
|
2120
|
-
},
|
|
2120
|
+
}, Ln = ({ logo: u, signUp: i, pages: a }) => {
|
|
2121
2121
|
const [s, e] = f.useState(!1);
|
|
2122
2122
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2123
|
-
/* @__PURE__ */ t.jsx(
|
|
2123
|
+
/* @__PURE__ */ t.jsx(Us, { setIsOpenModal: e }),
|
|
2124
2124
|
s && /* @__PURE__ */ t.jsx(
|
|
2125
2125
|
ut,
|
|
2126
2126
|
{
|
|
2127
2127
|
close: () => e(!1),
|
|
2128
2128
|
hasPadding: !1,
|
|
2129
2129
|
children: /* @__PURE__ */ t.jsx(
|
|
2130
|
-
|
|
2130
|
+
Ls,
|
|
2131
2131
|
{
|
|
2132
2132
|
logo: u,
|
|
2133
2133
|
setIsOpen: e,
|
|
@@ -2138,10 +2138,10 @@ const ns = (u) => {
|
|
|
2138
2138
|
}
|
|
2139
2139
|
)
|
|
2140
2140
|
] });
|
|
2141
|
-
},
|
|
2141
|
+
}, Us = (u) => {
|
|
2142
2142
|
const { setIsOpenModal: i } = u;
|
|
2143
2143
|
return /* @__PURE__ */ t.jsx(
|
|
2144
|
-
|
|
2144
|
+
z,
|
|
2145
2145
|
{
|
|
2146
2146
|
type: "Secondary",
|
|
2147
2147
|
style: {
|
|
@@ -2162,14 +2162,14 @@ const ns = (u) => {
|
|
|
2162
2162
|
copyText: Ws,
|
|
2163
2163
|
copyTextMobile: Xs,
|
|
2164
2164
|
copyTextMiniMobile: Qs
|
|
2165
|
-
},
|
|
2165
|
+
}, Un = ({ title: u = "Copy Product Link" }) => {
|
|
2166
2166
|
const { isOpenModal: i, setIsOpenModal: a } = Mt();
|
|
2167
2167
|
function s() {
|
|
2168
2168
|
a(!0);
|
|
2169
2169
|
}
|
|
2170
2170
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2171
2171
|
/* @__PURE__ */ t.jsx(
|
|
2172
|
-
|
|
2172
|
+
z,
|
|
2173
2173
|
{
|
|
2174
2174
|
className: nt.share,
|
|
2175
2175
|
onClick: (e) => {
|
|
@@ -2189,7 +2189,7 @@ const ns = (u) => {
|
|
|
2189
2189
|
i && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Js, { title: u }) })
|
|
2190
2190
|
] });
|
|
2191
2191
|
}, Js = ({ title: u = "Copy Product Link" }) => {
|
|
2192
|
-
const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } =
|
|
2192
|
+
const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } = Ct(), { setIsOpen: e } = ct(), l = window.location.href;
|
|
2193
2193
|
function r() {
|
|
2194
2194
|
navigator.clipboard.writeText(l), s([
|
|
2195
2195
|
...a,
|
|
@@ -2228,7 +2228,7 @@ const ns = (u) => {
|
|
|
2228
2228
|
] }),
|
|
2229
2229
|
/* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
|
|
2230
2230
|
/* @__PURE__ */ t.jsxs(
|
|
2231
|
-
|
|
2231
|
+
z,
|
|
2232
2232
|
{
|
|
2233
2233
|
type: "Secondary",
|
|
2234
2234
|
onClick: r,
|
|
@@ -2243,7 +2243,7 @@ const ns = (u) => {
|
|
|
2243
2243
|
}
|
|
2244
2244
|
),
|
|
2245
2245
|
/* @__PURE__ */ t.jsx(
|
|
2246
|
-
|
|
2246
|
+
z,
|
|
2247
2247
|
{
|
|
2248
2248
|
type: "Secondary",
|
|
2249
2249
|
onClick: r,
|
|
@@ -2310,7 +2310,7 @@ const ns = (u) => {
|
|
|
2310
2310
|
onClick: (x) => x.stopPropagation(),
|
|
2311
2311
|
children: [
|
|
2312
2312
|
/* @__PURE__ */ t.jsx(
|
|
2313
|
-
|
|
2313
|
+
z,
|
|
2314
2314
|
{
|
|
2315
2315
|
type: "Secondary",
|
|
2316
2316
|
style: {
|
|
@@ -2323,7 +2323,7 @@ const ns = (u) => {
|
|
|
2323
2323
|
}
|
|
2324
2324
|
),
|
|
2325
2325
|
/* @__PURE__ */ t.jsx(
|
|
2326
|
-
|
|
2326
|
+
z,
|
|
2327
2327
|
{
|
|
2328
2328
|
type: "Primary",
|
|
2329
2329
|
onClick: () => {
|
|
@@ -2430,27 +2430,27 @@ const ns = (u) => {
|
|
|
2430
2430
|
}
|
|
2431
2431
|
) });
|
|
2432
2432
|
}, _n = (u) => {
|
|
2433
|
-
const { variants: i, activeChargeType: a, productId: s, setIsOpen: e } = u, { cart: l, addProductToCart: r, addProducts: g, updateQuantityOfProduct: _ } = ot(), { notifications: j, setNotifications: T } =
|
|
2433
|
+
const { variants: i, activeChargeType: a, productId: s, setIsOpen: e } = u, { cart: l, addProductToCart: r, addProducts: g, updateQuantityOfProduct: _ } = ot(), { notifications: j, setNotifications: T } = Ct(), { pageContext: x } = yt(), { setIsOpen: p } = ct(), v = () => {
|
|
2434
2434
|
p(!1), setTimeout(() => {
|
|
2435
2435
|
e(!1);
|
|
2436
2436
|
}, 300);
|
|
2437
2437
|
};
|
|
2438
2438
|
async function c(n) {
|
|
2439
|
-
const o = i.find((M) => M.id === n),
|
|
2439
|
+
const o = i.find((M) => M.id === n), C = l.parts.find(
|
|
2440
2440
|
(M) => M.productId === u.productId && M.productVariantId === n
|
|
2441
2441
|
);
|
|
2442
|
-
if ((o == null ? void 0 : o.quantity.available) && (o == null ? void 0 : o.quantity.restrictions) && ((
|
|
2442
|
+
if ((o == null ? void 0 : o.quantity.available) && (o == null ? void 0 : o.quantity.restrictions) && ((C == null ? void 0 : C.quantity) || 0) + 1 > (o == null ? void 0 : o.quantity.restrictions.max) || (o == null ? void 0 : o.quantity.available) === 0 || (o == null ? void 0 : o.quantity.available) && ((C == null ? void 0 : C.quantity) || 0) + 1 > (o == null ? void 0 : o.quantity.available)) {
|
|
2443
2443
|
T([
|
|
2444
2444
|
...j,
|
|
2445
2445
|
{ id: Q(), message: "Product is out of stock", status: "error" }
|
|
2446
2446
|
]);
|
|
2447
2447
|
return;
|
|
2448
2448
|
}
|
|
2449
|
-
if (
|
|
2449
|
+
if (C)
|
|
2450
2450
|
_({
|
|
2451
2451
|
productId: s,
|
|
2452
2452
|
productVariantId: n,
|
|
2453
|
-
quantity:
|
|
2453
|
+
quantity: C.quantity + 1,
|
|
2454
2454
|
chargeType: a
|
|
2455
2455
|
});
|
|
2456
2456
|
else {
|
|
@@ -2500,7 +2500,7 @@ const ns = (u) => {
|
|
|
2500
2500
|
var o;
|
|
2501
2501
|
return (o = n.chargeTypes) == null ? void 0 : o.includes(a);
|
|
2502
2502
|
}).map((n) => {
|
|
2503
|
-
var o,
|
|
2503
|
+
var o, C, y;
|
|
2504
2504
|
return /* @__PURE__ */ t.jsxs(
|
|
2505
2505
|
"div",
|
|
2506
2506
|
{
|
|
@@ -2517,7 +2517,7 @@ const ns = (u) => {
|
|
|
2517
2517
|
}) })
|
|
2518
2518
|
] }),
|
|
2519
2519
|
/* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: tt.stock, children: [
|
|
2520
|
-
(
|
|
2520
|
+
(C = n.quantity.restrictions) != null && C.max || n.quantity.available !== void 0 ? ((y = n.quantity.restrictions) == null ? void 0 : y.max) || n.quantity.available : "∞",
|
|
2521
2521
|
" ",
|
|
2522
2522
|
"in stock"
|
|
2523
2523
|
] }) })
|
|
@@ -2563,15 +2563,15 @@ const ns = (u) => {
|
|
|
2563
2563
|
}
|
|
2564
2564
|
) })
|
|
2565
2565
|
] });
|
|
2566
|
-
}, vn = "_contentModal_1bixq_1", yn = "_modalTop_1bixq_13", bn = "_loading_1bixq_19", In = "_modalCards_1bixq_27", Nn = "_modalImage_1bixq_32",
|
|
2566
|
+
}, vn = "_contentModal_1bixq_1", yn = "_modalTop_1bixq_13", bn = "_loading_1bixq_19", In = "_modalCards_1bixq_27", Nn = "_modalImage_1bixq_32", Cn = "_card_1bixq_37", Sn = "_cardInfo_1bixq_49", kn = "_cardButtons_1bixq_56", wn = "_title_1bixq_62", Pn = "_blockImage_1bixq_69", Tn = "_short_1bixq_78", G = {
|
|
2567
2567
|
contentModal: vn,
|
|
2568
2568
|
modalTop: yn,
|
|
2569
2569
|
loading: bn,
|
|
2570
2570
|
modalCards: In,
|
|
2571
2571
|
modalImage: Nn,
|
|
2572
|
-
card:
|
|
2573
|
-
cardInfo:
|
|
2574
|
-
cardButtons:
|
|
2572
|
+
card: Cn,
|
|
2573
|
+
cardInfo: Sn,
|
|
2574
|
+
cardButtons: kn,
|
|
2575
2575
|
title: wn,
|
|
2576
2576
|
blockImage: Pn,
|
|
2577
2577
|
short: Tn
|
|
@@ -2670,7 +2670,7 @@ const ns = (u) => {
|
|
|
2670
2670
|
] }),
|
|
2671
2671
|
/* @__PURE__ */ t.jsxs("div", { className: G.cardButtons, children: [
|
|
2672
2672
|
/* @__PURE__ */ t.jsx(
|
|
2673
|
-
|
|
2673
|
+
z,
|
|
2674
2674
|
{
|
|
2675
2675
|
type: "Secondary",
|
|
2676
2676
|
onClick: () => {
|
|
@@ -2680,7 +2680,7 @@ const ns = (u) => {
|
|
|
2680
2680
|
}
|
|
2681
2681
|
),
|
|
2682
2682
|
/* @__PURE__ */ t.jsx(Tt, { path: `/product/${c.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
|
|
2683
|
-
|
|
2683
|
+
z,
|
|
2684
2684
|
{
|
|
2685
2685
|
type: "Primary",
|
|
2686
2686
|
style: { whiteSpace: "nowrap" },
|
|
@@ -2702,42 +2702,42 @@ const ns = (u) => {
|
|
|
2702
2702
|
};
|
|
2703
2703
|
export {
|
|
2704
2704
|
Hn as Accordion,
|
|
2705
|
-
|
|
2706
|
-
|
|
2705
|
+
Us as BurgerMenuButton,
|
|
2706
|
+
z as Button,
|
|
2707
2707
|
qe as ButtonTypeSettings,
|
|
2708
|
-
|
|
2708
|
+
zn as ButtonsSettings,
|
|
2709
2709
|
qn as CategorySettings,
|
|
2710
2710
|
$t as ChargeTypes,
|
|
2711
2711
|
At as ChooseImage,
|
|
2712
2712
|
Qn as ChooseImageModal,
|
|
2713
|
-
|
|
2713
|
+
Rs as EmptyCart,
|
|
2714
2714
|
En as FormSettings,
|
|
2715
2715
|
Gn as GroupCardModal,
|
|
2716
|
-
|
|
2716
|
+
Rn as HeaderButtons,
|
|
2717
2717
|
b as Icon,
|
|
2718
2718
|
Nt as InputSettings,
|
|
2719
|
-
|
|
2719
|
+
Rt as InputUI,
|
|
2720
2720
|
Jn as ItemsSettings,
|
|
2721
2721
|
On as LayoutSettings,
|
|
2722
2722
|
Tt as Link,
|
|
2723
|
-
|
|
2723
|
+
Dn as ListingSelector,
|
|
2724
2724
|
Bt as Loader,
|
|
2725
2725
|
Vn as MetaInfoPost,
|
|
2726
2726
|
ut as Modal,
|
|
2727
|
-
|
|
2728
|
-
|
|
2727
|
+
Ln as PagesMobileMenu,
|
|
2728
|
+
Ls as PagesMobileModal,
|
|
2729
2729
|
An as PagesSettings,
|
|
2730
2730
|
Fn as ProductCardButtons,
|
|
2731
2731
|
Yn as ProductCardModal,
|
|
2732
2732
|
ns as ProductOptions,
|
|
2733
2733
|
Kn as RadioUI,
|
|
2734
|
-
|
|
2734
|
+
kt as RangeSelector,
|
|
2735
2735
|
it as Select,
|
|
2736
2736
|
Zn as SelectInfiniteList,
|
|
2737
2737
|
ti as SelectUI,
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2738
|
+
Un as ShareLink,
|
|
2739
|
+
zs as ShoppingButton,
|
|
2740
|
+
Ds as ShoppingModalCart,
|
|
2741
2741
|
lt as Switch,
|
|
2742
2742
|
ei as TextSettings,
|
|
2743
2743
|
si as TextareaSettings,
|