@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/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 St, 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 Dt, y as kt, z as Ct, A as ot, s as at, f as Z, E as Rt, F as D, G as Lt, M as ut, H as Ut, J as ct, K as Tt, N as zt, Q as Mt, T as Ht, U as Bt, V as Ft } from "./index-CFTzPE7U.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-CFTzPE7U.js";
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: k,
210
+ deletable: C,
211
211
  aspectRatio: y,
212
212
  setAspectRatio: M
213
- } = u, U = pt(
213
+ } = u, L = pt(
214
214
  mt(gt, {
215
215
  activationConstraint: {
216
216
  distance: 5
217
217
  }
218
218
  })
219
- ), R = (h) => {
220
- const { active: C, over: P } = h;
221
- if (P && C.id !== P.id) {
222
- const O = s.findIndex((q) => q === C.id), N = s.findIndex((q) => q === P.id);
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, C = !1) => {
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, z = q.map((d) => d === h ? A : d);
269
- e([...z]);
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
- C && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
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(St, { ...c }),
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: U,
325
- onDragEnd: R,
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, k))
331
+ children: s.map((h) => m(h, C))
332
332
  }
333
333
  )
334
334
  }
335
- ) : s.map((h) => m(h, k)),
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 C = null;
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
- C = p[P];
360
+ S = p[P];
361
361
  break;
362
362
  }
363
363
  }
364
- h.push((C == null ? void 0 : C.id) || p[0].id), e(h);
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", ke = "_deleteButton_roi3a_179", V = {
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: ke
436
+ deleteButton: Ce
437
437
  };
438
- function Ce({ product: u, children: i }) {
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), [k, y] = f.useState(null), M = f.useRef(null), U = pt(
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((C) => C.id === n.id ? n : C);
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 && k && (M.current.getBoundingClientRect().height, k.top);
494
- }, [M.current, k]);
495
- const R = (h, C) => {
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(C);
501
+ }), o(S);
502
502
  }, J = (h) => {
503
- const { active: C, over: P } = h;
504
- if (P && C.id !== P.id) {
505
- const O = s.findIndex((q) => q.id === C.id), N = s.findIndex((q) => q.id === P.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, C) => {
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) => R(O, h)
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
- Ce,
570
+ Se,
571
571
  {
572
572
  product: h,
573
- index: C,
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: U,
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, C) => m(h, C))
609
+ children: s.map((h, S) => m(h, S))
610
610
  }
611
611
  )
612
612
  }
613
- ) : s.map((h, C) => m(h, C)),
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 C = null;
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
- C = p[P];
637
+ S = p[P];
638
638
  break;
639
639
  }
640
640
  }
641
641
  x === "select" && p && h.push({
642
- name: C ? C.name : p[0].name,
643
- id: (C == null ? void 0 : C.id) || p[0].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 Se(u) {
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: k,
705
+ modalOptions: C,
706
706
  addableOptions: y = {},
707
707
  limit: M
708
- } = u, [U, R] = f.useState(null), [J, m] = f.useState({
708
+ } = u, [L, D] = f.useState(null), [J, m] = f.useState({
709
709
  top: 0,
710
710
  left: 0
711
- }), [h, C] = f.useState(null), P = f.useRef(null), [O, N] = f.useState(!1), q = pt(
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
- R(null), N(!1);
720
+ D(null), N(!1);
721
721
  };
722
- return document.body.addEventListener("click", d), R(null), N(!1), () => {
723
- R(null), N(!1), document.body.removeEventListener("click", d);
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 (U) {
727
- const d = [...s].map(($) => $.id === U.id ? U : $);
726
+ if (L) {
727
+ const d = [...s].map(($) => $.id === L.id ? L : $);
728
728
  e(d);
729
729
  }
730
- }, [U]), f.useEffect(() => {
730
+ }, [L]), f.useEffect(() => {
731
731
  if (P.current && h) {
732
732
  const d = P.current.getBoundingClientRect().height, $ = window.innerHeight;
733
- let S = h.top;
734
- S + d > $ + window.scrollY - 200 && (S = $ + window.scrollY - d - 200), S < 0 && (S = 10), m({
735
- top: S,
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 S = d.target.getBoundingClientRect();
743
- C({
744
- top: S.top + window.scrollY,
745
- left: S.left - 30
746
- }), R($), N(!0);
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: S } = d;
749
- if (S && $.id !== S.id) {
750
- const E = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === S.id);
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 L = [...s], [K] = L.splice(E, 1);
753
- L.splice(et, 0, K), e(L);
752
+ const R = [...s], [K] = R.splice(E, 1);
753
+ R.splice(et, 0, K), e(R);
754
754
  }
755
755
  }
756
- }, z = (d) => {
757
- var S;
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 L = [...s].map((K) => K.id === d.id ? {
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
- R({
778
+ D({
779
779
  ...d,
780
780
  name: {
781
781
  "en-US": E
782
782
  }
783
- }), e([...L]);
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 L = [...s].map((K) => K.id === d.id ? {
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([...L]);
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 L = [...s].map((K) => K.id === d.id ? {
811
+ const R = [...s].map((K) => K.id === d.id ? {
812
812
  ...d,
813
813
  images: E
814
814
  } : K);
815
- e([...L]);
815
+ e([...R]);
816
816
  },
817
- activeImage: (S = s.find((E) => E.id === d.id)) == null ? void 0 : S.images[0]
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
- Se,
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
- U && _ && k && O && /* @__PURE__ */ t.jsx(
871
+ L && _ && C && O && /* @__PURE__ */ t.jsx(
872
872
  qt,
873
873
  {
874
874
  ref: P,
875
- activeItem: U,
876
- setActiveItem: R,
875
+ activeItem: L,
876
+ setActiveItem: D,
877
877
  popupPosition: J,
878
- modalOptions: k,
878
+ modalOptions: C,
879
879
  setIsOpenModal: N
880
880
  }
881
881
  ),
882
- n && o && /* @__PURE__ */ t.jsx(St, { ...o }),
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) => z(d))
895
+ children: s.map((d) => U(d))
896
896
  }
897
897
  )
898
898
  }
899
- ) : s.map((d) => z(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 S = 0; S < c.length; S++)
922
- if (!s.find((E) => E.name["en-US"] === c[S])) {
923
- $ = c[S];
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((k) => k.id === g.id ? g : k);
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, k = window.innerHeight;
998
+ const o = v.current.getBoundingClientRect().height, C = window.innerHeight;
999
999
  let y = x.top;
1000
- y + o > k + window.scrollY - 200 && (y = k + window.scrollY - o - 200), y < 0 && (y = 10), T({
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, k) => {
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
- }), _(k);
1013
- }, n = (o, k) => {
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(k + 1, 0, M), a(y);
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, k) => /* @__PURE__ */ t.jsxs(
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 U = [...i].map((R) => R.id === o.id ? {
1032
+ const L = [...i].map((D) => D.id === o.id ? {
1033
1033
  ...o,
1034
1034
  type: y
1035
- } : R);
1036
- a(U);
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, k);
1051
+ n(o, C);
1052
1052
  }
1053
1053
  }
1054
1054
  ) }),
@@ -1150,7 +1150,7 @@ const En = (u) => {
1150
1150
  }
1151
1151
  )
1152
1152
  ] });
1153
- }, Dn = (u) => {
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 Rn = (u) => {
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: k
1223
+ setAspectRatio: C
1224
1224
  } = u, [y, M] = f.useState(
1225
1225
  null
1226
- ), [U, R] = f.useState({
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 C = (I, A) => {
1249
+ const S = (I, A) => {
1250
1250
  I.stopPropagation();
1251
- const z = I.target.getBoundingClientRect(), d = 100, $ = window.innerHeight;
1252
- let S = z.top + window.scrollY;
1253
- S + d > $ && (S = $ - d - 20), m(!0), R({
1254
- top: S - 80,
1255
- left: z.left - 30
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: z } = I;
1280
- if (z && A.id !== z.id) {
1281
- const d = s.findIndex((S) => String(S.listingId) === A.id), $ = s.findIndex((S) => String(S.listingId) === z.id);
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 S = [...s], [E] = S.splice(d, 1);
1284
- S.splice($, 0, E), e(S);
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 z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
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], S = c.find((L) => L.productData.name === d);
1305
- if (!S) return;
1304
+ const $ = [...s], k = c.find((R) => R.productData.name === d);
1305
+ if (!k) return;
1306
1306
  const E = {
1307
- listingId: S.id,
1308
- image: S.productData.images.length > 0 ? S.productData.images[0].cfId : ""
1309
- }, et = $.map((L) => L.listingId === I.listingId ? E : L);
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) => C(d, I)
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: z
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: z
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
- Dt,
1377
+ zt,
1378
1378
  {
1379
1379
  ref: q,
1380
1380
  activeItem: y,
1381
1381
  setActiveItem: M,
1382
1382
  setIsOpenModal: m,
1383
- popupPosition: U,
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((z) => z.listingId === c[A].id)) {
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 && k && /* @__PURE__ */ t.jsx(
1450
+ o && C && /* @__PURE__ */ t.jsx(
1451
1451
  it,
1452
1452
  {
1453
1453
  value: o,
1454
1454
  options: Object.keys(Pt),
1455
- onChange: (I) => k(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", De = "_price_167h8_18", Re = "_oldPrice_167h8_25", Le = "_newPrice_167h8_33", Ue = "_animate_167h8_40", ze = "_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 = {
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: De,
1470
- oldPrice: Re,
1471
- newPrice: Le,
1472
- animate: Ue,
1473
- meta: ze,
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 R, J;
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 } = kt(), T = Ct(), [x, p] = f.useState(1), { cart: v, reset: c, addProductToCart: n } = ot(), [o, k] = f.useState(!1);
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
- k(!0);
1497
- const m = setTimeout(() => k(!1), 600);
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 U(m) {
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, C;
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 && ` / ${Rt(m.subscriptionSettings.recurringIntervalDays || 0)}`
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 ? ((C = m.quantity.restrictions) == null ? void 0 : C.max) || m.quantity.available : "∞",
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
- D,
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
- Lt,
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: ((R = e.quantity.restrictions) == null ? void 0 : R.max) || e.quantity.available || Number.POSITIVE_INFINITY,
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
- D,
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" : U(e.deliveryTime) })
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
- D,
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
- D,
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 = "_buttons_r2kti_23", as = "_modal_r2kti_32", os = "_closing_r2kti_65", cs = "_info_r2kti_114", rs = "_top_r2kti_121", ls = "_title_r2kti_132", ds = "_clear_r2kti_139", us = "_activeClear_r2kti_146", hs = "_count_r2kti_150", ps = "_cart_r2kti_165", ms = "_empty_r2kti_173", gs = "_product_r2kti_199", fs = "_products_r2kti_208", xs = "_image_r2kti_216", _s = "_productInfo_r2kti_232", js = "_content_r2kti_239", vs = "_name_r2kti_245", ys = "_price_r2kti_251", bs = "_productButtons_r2kti_257", Is = "_productButton_r2kti_257", Ns = "_productCount_r2kti_274", ks = "_bottom_r2kti_291", Cs = "_subtotal_r2kti_299", Ss = "_block_r2kti_307", ws = "_shoppingCount_r2kti_314", Ps = "_total_r2kti_334", Ts = "_link_r2kti_340", Ms = "_userInfo_r2kti_347", Bs = "_pagesMobileModal_r2kti_359", $s = "_pagesMobileModalContent_r2kti_373", Os = "_pagesMobileModalHeader_r2kti_379", qs = "_pagesMobileModalFooter_r2kti_389", As = "_pageLink_r2kti_396", Es = "_rightButtons_r2kti_405", w = {
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: ks,
1728
- subtotal: Cs,
1729
- block: Ss,
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
- }, Ln = (u) => {
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(Ds, {}),
1743
+ i && /* @__PURE__ */ t.jsx(zs, {}),
1744
1744
  s && /* @__PURE__ */ t.jsx(Ot, { signUp: a })
1745
1745
  ] });
1746
- }, Ds = () => {
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)), k = (g.filter((y) => n.includes(String(y.id))) || []).map((y) => ({
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(k);
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
- D,
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
- Rs,
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
- }, Rs = (u) => {
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 = Ct();
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
- D,
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
- D,
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(D, { onClick: () => T("/checkout", !1), children: "Checkout" })
1989
+ /* @__PURE__ */ t.jsx(z, { onClick: () => T("/checkout", !1), children: "Checkout" })
1990
1990
  ] })
1991
- ] }) : /* @__PURE__ */ t.jsx(Ls, {})
1991
+ ] }) : /* @__PURE__ */ t.jsx(Rs, {})
1992
1992
  ]
1993
1993
  }
1994
1994
  );
1995
- }, Ls = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
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 } = Ut(), s = Ct(), [e, l] = f.useState("test-email@gmail.com");
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 _ = zt(a);
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
- D,
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
- D,
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
- D,
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
- }, Us = ({
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
- D,
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
- }, Un = ({ logo: u, signUp: i, pages: a }) => {
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(zs, { setIsOpenModal: e }),
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
- Us,
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
- }, zs = (u) => {
2141
+ }, Us = (u) => {
2142
2142
  const { setIsOpenModal: i } = u;
2143
2143
  return /* @__PURE__ */ t.jsx(
2144
- D,
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
- }, zn = ({ title: u = "Copy Product Link" }) => {
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
- D,
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 } = kt(), { setIsOpen: e } = ct(), l = window.location.href;
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
- D,
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
- D,
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
- D,
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
- D,
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 } = kt(), { pageContext: x } = yt(), { setIsOpen: p } = ct(), v = () => {
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), k = l.parts.find(
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) && ((k == null ? void 0 : k.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) && ((k == null ? void 0 : k.quantity) || 0) + 1 > (o == null ? void 0 : o.quantity.available)) {
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 (k)
2449
+ if (C)
2450
2450
  _({
2451
2451
  productId: s,
2452
2452
  productVariantId: n,
2453
- quantity: k.quantity + 1,
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, k, y;
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
- (k = n.quantity.restrictions) != null && k.max || n.quantity.available !== void 0 ? ((y = n.quantity.restrictions) == null ? void 0 : y.max) || n.quantity.available : "∞",
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", kn = "_card_1bixq_37", Cn = "_cardInfo_1bixq_49", Sn = "_cardButtons_1bixq_56", wn = "_title_1bixq_62", Pn = "_blockImage_1bixq_69", Tn = "_short_1bixq_78", G = {
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: kn,
2573
- cardInfo: Cn,
2574
- cardButtons: Sn,
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
- D,
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
- D,
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
- zs as BurgerMenuButton,
2706
- D as Button,
2705
+ Us as BurgerMenuButton,
2706
+ z as Button,
2707
2707
  qe as ButtonTypeSettings,
2708
- Dn as ButtonsSettings,
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
- Ls as EmptyCart,
2713
+ Rs as EmptyCart,
2714
2714
  En as FormSettings,
2715
2715
  Gn as GroupCardModal,
2716
- Ln as HeaderButtons,
2716
+ Rn as HeaderButtons,
2717
2717
  b as Icon,
2718
2718
  Nt as InputSettings,
2719
- Lt as InputUI,
2719
+ Rt as InputUI,
2720
2720
  Jn as ItemsSettings,
2721
2721
  On as LayoutSettings,
2722
2722
  Tt as Link,
2723
- Rn as ListingSelector,
2723
+ Dn as ListingSelector,
2724
2724
  Bt as Loader,
2725
2725
  Vn as MetaInfoPost,
2726
2726
  ut as Modal,
2727
- Un as PagesMobileMenu,
2728
- Us as PagesMobileModal,
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
- St as RangeSelector,
2734
+ kt as RangeSelector,
2735
2735
  it as Select,
2736
2736
  Zn as SelectInfiniteList,
2737
2737
  ti as SelectUI,
2738
- zn as ShareLink,
2739
- Ds as ShoppingButton,
2740
- Rs as ShoppingModalCart,
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,