@billgangcom/theme-lib 1.62.4 → 1.62.5

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 f, c as W, a as ut, S as it, R as Nt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as bt, C as jt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as kt, y as qt, z as It, A as At, E as Ot } from "./index-gMad4uy4.js";
2
- import { K as bi, G as ji, J as vi, F as yi, T as Ni, H as ki } from "./index-gMad4uy4.js";
1
+ import { j as t, I as f, c as W, a as ut, S as it, R as kt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as bt, C as jt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as Nt, y as qt, z as It, A as At, E as Ot } from "./index-DutnMNfO.js";
2
+ import { K as bi, G as ji, J as vi, F as yi, T as ki, H as Ni } from "./index-DutnMNfO.js";
3
3
  import _ from "react";
4
4
  import "@phosphor-icons/react";
5
5
  const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
@@ -185,7 +185,7 @@ const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmy
185
185
  autoScrollInterval: M,
186
186
  deletable: x
187
187
  } = r;
188
- function k(j) {
188
+ function N(j) {
189
189
  if (g)
190
190
  return j ? /* @__PURE__ */ t.jsx(
191
191
  "img",
@@ -229,7 +229,7 @@ const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmy
229
229
  },
230
230
  value: w.name,
231
231
  options: c.filter((S) => !n.find((v) => v === S.id)).map((S) => S.name),
232
- leftAddon: k(w.images)
232
+ leftAddon: N(w.images)
233
233
  }
234
234
  ),
235
235
  R && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -264,7 +264,7 @@ const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmy
264
264
  }
265
265
  )
266
266
  ] }),
267
- l && T && /* @__PURE__ */ t.jsx(Nt, { ...T }),
267
+ l && T && /* @__PURE__ */ t.jsx(kt, { ...T }),
268
268
  /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
269
269
  o && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: o }),
270
270
  n.map((j) => a(j, x)),
@@ -334,12 +334,12 @@ const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmy
334
334
  }
335
335
  )
336
336
  ] });
337
- }, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", De = "_modal_roi3a_125", Re = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
337
+ }, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", ke = "_text_roi3a_13", Ne = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", De = "_modal_roi3a_125", Re = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
338
338
  title: je,
339
339
  subtitle: ve,
340
340
  header: ye,
341
- text: Ne,
342
- productsBlock: ke,
341
+ text: ke,
342
+ productsBlock: Ne,
343
343
  top: Ie,
344
344
  itemsBlock: Se,
345
345
  typeTexts: Ce,
@@ -402,7 +402,7 @@ const ii = (r) => {
402
402
  itemsOptions: l,
403
403
  addableOptions: T = {},
404
404
  limit: $
405
- } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), R = ht(
405
+ } = r, [M, x] = _.useState(null), [N, a] = _.useState(null), j = _.useRef(null), R = ht(
406
406
  pt(_t, {
407
407
  activationConstraint: {
408
408
  distance: 5
@@ -415,8 +415,8 @@ const ii = (r) => {
415
415
  i(v);
416
416
  }
417
417
  }, [M]), _.useEffect(() => {
418
- j.current && k && (j.current.getBoundingClientRect().height, k.top);
419
- }, [j.current, k]);
418
+ j.current && N && (j.current.getBoundingClientRect().height, N.top);
419
+ }, [j.current, N]);
420
420
  const w = (v, I) => {
421
421
  v.stopPropagation();
422
422
  const q = v.target.getBoundingClientRect();
@@ -627,7 +627,7 @@ const oi = (r) => {
627
627
  itemsPlaceholder: $ = "",
628
628
  itemsOptions: M,
629
629
  hasRangeSelector: x = !1,
630
- rangeSelectorOptions: k,
630
+ rangeSelectorOptions: N,
631
631
  modalOptions: a,
632
632
  addableOptions: j = {},
633
633
  limit: R
@@ -827,7 +827,7 @@ const oi = (r) => {
827
827
  setIsOpenModal: b
828
828
  }
829
829
  ),
830
- x && k && /* @__PURE__ */ t.jsx(Nt, { ...k }),
830
+ x && N && /* @__PURE__ */ t.jsx(kt, { ...N }),
831
831
  /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
832
832
  o && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: o }),
833
833
  g ? /* @__PURE__ */ t.jsx(
@@ -947,37 +947,37 @@ const oi = (r) => {
947
947
  }), [c, l] = _.useState(null), T = _.useRef(null);
948
948
  _.useEffect(() => {
949
949
  if (o) {
950
- const x = [...s].map((k) => k.id === o.id ? o : k);
950
+ const x = [...s].map((N) => N.id === o.id ? o : N);
951
951
  e(x);
952
952
  }
953
953
  }, [o]), _.useEffect(() => {
954
954
  if (T.current && c) {
955
- const x = T.current.getBoundingClientRect().height, k = window.innerHeight;
955
+ const x = T.current.getBoundingClientRect().height, N = window.innerHeight;
956
956
  let a = c.top;
957
- a + x > k + window.scrollY - 200 && (a = k + window.scrollY - x - 200), a < 0 && (a = 10), C({
957
+ a + x > N + window.scrollY - 200 && (a = N + window.scrollY - x - 200), a < 0 && (a = 10), C({
958
958
  top: a,
959
959
  left: c.left
960
960
  });
961
961
  }
962
962
  }, [T.current, c]);
963
- const $ = (x, k) => {
963
+ const $ = (x, N) => {
964
964
  x.stopPropagation();
965
965
  const a = x.target.getBoundingClientRect();
966
966
  l({
967
967
  top: a.top + window.scrollY - 70,
968
968
  left: a.left - (i ? 30 : 65)
969
- }), m(k);
970
- }, M = (x, k) => {
969
+ }), m(N);
970
+ }, M = (x, N) => {
971
971
  const a = [...s], j = {
972
972
  ...x,
973
973
  id: Math.random().toString(36).substr(2, 9)
974
974
  // Генерируем новый уникальный ID
975
975
  };
976
- a.splice(k + 1, 0, j), e(a);
976
+ a.splice(N + 1, 0, j), e(a);
977
977
  };
978
978
  return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
979
979
  /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
980
- s.map((x, k) => /* @__PURE__ */ t.jsxs(
980
+ s.map((x, N) => /* @__PURE__ */ t.jsxs(
981
981
  "div",
982
982
  {
983
983
  className: Z.product,
@@ -1005,7 +1005,7 @@ const oi = (r) => {
1005
1005
  width: 20,
1006
1006
  height: 20,
1007
1007
  onClick: () => {
1008
- M(x, k);
1008
+ M(x, N);
1009
1009
  }
1010
1010
  }
1011
1011
  ) }),
@@ -1176,7 +1176,7 @@ const ci = (r) => {
1176
1176
  itemsType: T,
1177
1177
  itemsOptions: $,
1178
1178
  limit: M
1179
- } = r, [x, k] = _.useState(
1179
+ } = r, [x, N] = _.useState(
1180
1180
  null
1181
1181
  ), [a, j] = _.useState({
1182
1182
  top: 0,
@@ -1190,10 +1190,10 @@ const ci = (r) => {
1190
1190
  );
1191
1191
  _.useEffect(() => {
1192
1192
  const p = () => {
1193
- k(null), w(!1);
1193
+ N(null), w(!1);
1194
1194
  };
1195
- return document.body.addEventListener("click", p), k(null), w(!1), () => {
1196
- k(null), w(!1), document.body.removeEventListener("click", p);
1195
+ return document.body.addEventListener("click", p), N(null), w(!1), () => {
1196
+ N(null), w(!1), document.body.removeEventListener("click", p);
1197
1197
  };
1198
1198
  }, []), _.useEffect(() => {
1199
1199
  if (x) {
@@ -1208,7 +1208,7 @@ const ci = (r) => {
1208
1208
  L + U > O && (L = O - U - 20), w(!0), j({
1209
1209
  top: L - 80,
1210
1210
  left: A.left - 30
1211
- }), k(b);
1211
+ }), N(b);
1212
1212
  };
1213
1213
  function v(p) {
1214
1214
  if (C)
@@ -1262,7 +1262,7 @@ const ci = (r) => {
1262
1262
  listingId: Q.id,
1263
1263
  image: Q.productData.images.length > 0 ? Q.productData.images[0].cfId : ""
1264
1264
  }, E = L.map((P) => P.listingId === p.listingId ? h : P);
1265
- k(h), i([...E]);
1265
+ N(h), i([...E]);
1266
1266
  },
1267
1267
  value: A.productData.name,
1268
1268
  options: [
@@ -1330,7 +1330,7 @@ const ci = (r) => {
1330
1330
  {
1331
1331
  ref: B,
1332
1332
  activeItem: x,
1333
- setActiveItem: k,
1333
+ setActiveItem: N,
1334
1334
  setIsOpenModal: w,
1335
1335
  popupPosition: a,
1336
1336
  itemsOptions: $
@@ -1401,15 +1401,15 @@ const ci = (r) => {
1401
1401
  ] }),
1402
1402
  s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
1403
1403
  ] });
1404
- }, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Dn = "_chargeActive_6cemk_190", Rn = "_title_6cemk_198", N = {
1404
+ }, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", kn = "_meta_6cemk_52", Nn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Dn = "_chargeActive_6cemk_190", Rn = "_title_6cemk_198", k = {
1405
1405
  options: fn,
1406
1406
  price: xn,
1407
1407
  oldPrice: bn,
1408
1408
  newPrice: jn,
1409
1409
  animate: vn,
1410
1410
  appearAndBounce: yn,
1411
- meta: Nn,
1412
- info: kn,
1411
+ meta: kn,
1412
+ info: Nn,
1413
1413
  infoRight: In,
1414
1414
  buttons: Sn,
1415
1415
  variants: Cn,
@@ -1428,7 +1428,7 @@ const ci = (r) => {
1428
1428
  };
1429
1429
  var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
1430
1430
  const li = (r) => {
1431
- var x, k;
1431
+ var x, N;
1432
1432
  const { variants: s } = r, [e, n] = _.useState(s[0]), [i, d] = _.useState(e.chargeTypes[0]), u = lt(), [o, m] = _.useState(1), { reset: g, addProductToCart: C } = vt(), [c, l] = _.useState(!1);
1433
1433
  _.useEffect(() => {
1434
1434
  l(!0);
@@ -1462,36 +1462,36 @@ const li = (r) => {
1462
1462
  }
1463
1463
  return _.useEffect(() => {
1464
1464
  (e.quantity.available === 0 || !e.quantity.available) && m(0);
1465
- }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
1466
- e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
1465
+ }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: k.options, children: [
1466
+ e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
1467
1467
  "div",
1468
1468
  {
1469
- className: W(N.charge, {
1470
- [N.chargeActive]: i === a
1469
+ className: W(k.charge, {
1470
+ [k.chargeActive]: i === a
1471
1471
  }),
1472
1472
  onClick: () => d(a),
1473
1473
  children: St[a]
1474
1474
  },
1475
1475
  a
1476
1476
  )) }),
1477
- /* @__PURE__ */ t.jsx("div", { className: N.variants, children: s.map((a) => {
1477
+ /* @__PURE__ */ t.jsx("div", { className: k.variants, children: s.map((a) => {
1478
1478
  var j;
1479
1479
  return /* @__PURE__ */ t.jsxs(
1480
1480
  "div",
1481
1481
  {
1482
- className: W(N.variant, {
1483
- [N.activeVariant]: e.id === a.id
1482
+ className: W(k.variant, {
1483
+ [k.activeVariant]: e.id === a.id
1484
1484
  }),
1485
1485
  onClick: () => n(a),
1486
1486
  children: [
1487
- /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
1488
- /* @__PURE__ */ t.jsx("span", { className: N.title, children: a.name }),
1487
+ /* @__PURE__ */ t.jsxs("div", { className: k.variantInfo, children: [
1488
+ /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
1489
1489
  /* @__PURE__ */ t.jsxs("span", { children: [
1490
1490
  "$",
1491
1491
  i === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
1492
1492
  ] })
1493
1493
  ] }),
1494
- /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
1494
+ /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: k.stock, children: [
1495
1495
  ((j = a.quantity.restrictions) == null ? void 0 : j.max) || a.quantity.available || 0,
1496
1496
  " in stock"
1497
1497
  ] }) })
@@ -1500,7 +1500,7 @@ const li = (r) => {
1500
1500
  a.id
1501
1501
  );
1502
1502
  }) }),
1503
- i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
1503
+ i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
1504
1504
  /* @__PURE__ */ t.jsx(
1505
1505
  H,
1506
1506
  {
@@ -1508,7 +1508,7 @@ const li = (r) => {
1508
1508
  onClick: () => {
1509
1509
  o > 1 ? m((a) => a - 1) : m(1);
1510
1510
  },
1511
- className: N.button,
1511
+ className: k.button,
1512
1512
  disabled: e.quantity.available === 0 || e.quantity.restrictions && o <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
1513
1513
  children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
1514
1514
  }
@@ -1520,7 +1520,7 @@ const li = (r) => {
1520
1520
  value: String(o),
1521
1521
  onChange: (a) => m(Number(a)),
1522
1522
  max: ((x = e.quantity.restrictions) == null ? void 0 : x.max) || e.quantity.available || 1 / 0,
1523
- min: ((k = e.quantity.restrictions) == null ? void 0 : k.min) || 0,
1523
+ min: ((N = e.quantity.restrictions) == null ? void 0 : N.min) || 0,
1524
1524
  centered: !0,
1525
1525
  disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
1526
1526
  }
@@ -1532,16 +1532,16 @@ const li = (r) => {
1532
1532
  onClick: () => {
1533
1533
  m((a) => a + 1);
1534
1534
  },
1535
- className: N.button,
1535
+ className: k.button,
1536
1536
  disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available !== void 0 && o >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
1537
1537
  children: /* @__PURE__ */ t.jsx(f, { name: "Plus" })
1538
1538
  }
1539
1539
  )
1540
1540
  ] }),
1541
- /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
1542
- /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
1541
+ /* @__PURE__ */ t.jsxs("div", { className: k.meta, children: [
1542
+ /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
1543
1543
  /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
1544
- /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
1544
+ /* @__PURE__ */ t.jsxs("div", { className: k.infoRight, children: [
1545
1545
  /* @__PURE__ */ t.jsx(
1546
1546
  f,
1547
1547
  {
@@ -1554,36 +1554,36 @@ const li = (r) => {
1554
1554
  /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : M(e.deliveryTime) })
1555
1555
  ] })
1556
1556
  ] }),
1557
- /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
1557
+ /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
1558
1558
  /* @__PURE__ */ t.jsx("span", { children: "Price" }),
1559
- /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
1560
- /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
1559
+ /* @__PURE__ */ t.jsx("div", { className: k.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
1560
+ /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
1561
1561
  "$ ",
1562
1562
  (e.price.amount || 0) * o
1563
1563
  ] }),
1564
- /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
1564
+ /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
1565
1565
  "$ ",
1566
1566
  (e.compareAtPrice.amount || 0) * o
1567
1567
  ] })
1568
- ] }) : /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
1568
+ ] }) : /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
1569
1569
  "$ ",
1570
1570
  (e.price.amount || 0) * o
1571
- ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
1572
- /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
1571
+ ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
1572
+ /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
1573
1573
  "$ ",
1574
1574
  e.subscriptionSettings.price.amount || 0
1575
1575
  ] }),
1576
- /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
1576
+ /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
1577
1577
  "$ ",
1578
1578
  e.subscriptionSettings.compareAtPrice.amount || 0
1579
1579
  ] })
1580
- ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
1580
+ ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
1581
1581
  "$ ",
1582
1582
  e.subscriptionSettings.price.amount || 0
1583
1583
  ] }) })
1584
1584
  ] })
1585
1585
  ] }),
1586
- /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
1586
+ /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
1587
1587
  /* @__PURE__ */ t.jsx(
1588
1588
  H,
1589
1589
  {
@@ -1604,17 +1604,17 @@ const li = (r) => {
1604
1604
  )
1605
1605
  ] })
1606
1606
  ] });
1607
- }, Ln = "_button_1tdo3_1", zn = "_login_1tdo3_14", Un = "_signUp_1tdo3_18", Hn = "_buttons_1tdo3_23", Fn = "_modal_1tdo3_32", Vn = "_closing_1tdo3_64", Yn = "_info_1tdo3_113", Gn = "_top_1tdo3_120", Wn = "_title_1tdo3_131", Jn = "_clear_1tdo3_138", Xn = "_activeClear_1tdo3_145", Kn = "_count_1tdo3_149", Qn = "_cart_1tdo3_164", Zn = "_empty_1tdo3_172", ts = "_product_1tdo3_198", es = "_products_1tdo3_207", ns = "_image_1tdo3_215", ss = "_productInfo_1tdo3_221", is = "_content_1tdo3_228", os = "_name_1tdo3_234", as = "_price_1tdo3_240", cs = "_productButtons_1tdo3_246", ls = "_productButton_1tdo3_246", rs = "_productCount_1tdo3_266", ds = "_bottom_1tdo3_282", us = "_subtotal_1tdo3_290", ms = "_block_1tdo3_298", hs = "_shoppingCount_1tdo3_305", ps = "_total_1tdo3_325", _s = "_link_1tdo3_331", gs = "_userInfo_1tdo3_338", fs = "_pagesMobileModal_1tdo3_349", xs = "_pagesMobileModalContent_1tdo3_363", bs = "_pagesMobileModalHeader_1tdo3_369", js = "_pagesMobileModalFooter_1tdo3_379", y = {
1607
+ }, Ln = "_button_ekti4_1", zn = "_login_ekti4_14", Un = "_signUp_ekti4_18", Hn = "_buttons_ekti4_23", Fn = "_modal_ekti4_32", Vn = "_closing_ekti4_64", Yn = "_info_ekti4_113", Gn = "_top_ekti4_120", Wn = "_title_ekti4_131", Jn = "_clear_ekti4_138", Xn = "_activeClear_ekti4_145", Kn = "_count_ekti4_149", Qn = "_cart_ekti4_164", Zn = "_empty_ekti4_172", ts = "_product_ekti4_198", es = "_products_ekti4_207", ns = "_image_ekti4_215", ss = "_productInfo_ekti4_221", is = "_content_ekti4_228", os = "_name_ekti4_234", as = "_price_ekti4_240", cs = "_productButtons_ekti4_246", ls = "_productButton_ekti4_246", rs = "_productCount_ekti4_266", ds = "_bottom_ekti4_282", us = "_subtotal_ekti4_290", ms = "_block_ekti4_298", hs = "_shoppingCount_ekti4_305", ps = "_total_ekti4_325", _s = "_link_ekti4_331", gs = "_userInfo_ekti4_338", fs = "_pagesMobileModal_ekti4_349", xs = "_pagesMobileModalContent_ekti4_363", bs = "_pagesMobileModalHeader_ekti4_369", js = "_pagesMobileModalFooter_ekti4_379", y = {
1608
1608
  button: Ln,
1609
1609
  login: zn,
1610
1610
  signUp: Un,
1611
1611
  buttons: Hn,
1612
1612
  modal: Fn,
1613
- "slide-in-fade": "_slide-in-fade_1tdo3_1",
1614
- "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
1613
+ "slide-in-fade": "_slide-in-fade_ekti4_1",
1614
+ "mobile-slide-in-fade": "_mobile-slide-in-fade_ekti4_1",
1615
1615
  closing: Vn,
1616
- "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
1617
- "slide-out-fade": "_slide-out-fade_1tdo3_1",
1616
+ "mobile-slide-out-fade": "_mobile-slide-out-fade_ekti4_1",
1617
+ "slide-out-fade": "_slide-out-fade_ekti4_1",
1618
1618
  info: Yn,
1619
1619
  top: Gn,
1620
1620
  title: Wn,
@@ -1831,11 +1831,11 @@ const li = (r) => {
1831
1831
  ] }),
1832
1832
  /* @__PURE__ */ t.jsx(H, { onClick: () => g("/checkout"), children: "Checkout" })
1833
1833
  ] })
1834
- ] }) : /* @__PURE__ */ t.jsx(Ns, {})
1834
+ ] }) : /* @__PURE__ */ t.jsx(ks, {})
1835
1835
  ]
1836
1836
  }
1837
1837
  );
1838
- }, Ns = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
1838
+ }, ks = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
1839
1839
  /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
1840
1840
  f,
1841
1841
  {
@@ -1907,13 +1907,13 @@ const li = (r) => {
1907
1907
  children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
1908
1908
  }
1909
1909
  );
1910
- }, ks = ({
1910
+ }, Ns = ({
1911
1911
  children: r,
1912
1912
  logo: s,
1913
1913
  setIsOpen: e,
1914
1914
  signUp: n
1915
1915
  }) => {
1916
- const { setIsOpen: i } = kt(), d = () => {
1916
+ const { setIsOpen: i } = Nt(), d = () => {
1917
1917
  i(!1), setTimeout(() => {
1918
1918
  e(!1), i(!0);
1919
1919
  }, 300);
@@ -1961,7 +1961,7 @@ const li = (r) => {
1961
1961
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
1962
1962
  /* @__PURE__ */ t.jsx(Is, { setIsOpenModal: i }),
1963
1963
  n && /* @__PURE__ */ t.jsx(yt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
1964
- ks,
1964
+ Ns,
1965
1965
  {
1966
1966
  logo: s,
1967
1967
  setIsOpen: i,
@@ -2030,7 +2030,7 @@ const li = (r) => {
2030
2030
  s && /* @__PURE__ */ t.jsx(yt, { close: e, children: /* @__PURE__ */ t.jsx(Es, { title: r }) })
2031
2031
  ] });
2032
2032
  }, Es = ({ title: r = "Copy Product Link" }) => {
2033
- const { setIsOpenModal: s } = It(), { notification: e, setNotification: n } = At(), { setIsOpen: i } = kt(), d = window.location.href;
2033
+ const { setIsOpenModal: s } = It(), { notification: e, setNotification: n } = At(), { setIsOpen: i } = Nt(), d = window.location.href;
2034
2034
  function u() {
2035
2035
  navigator.clipboard.writeText(d), n({
2036
2036
  message: "Link copied to clipboard",
@@ -2261,7 +2261,7 @@ export {
2261
2261
  si as CategorySettings,
2262
2262
  $t as ChooseImage,
2263
2263
  bi as ChooseImageModal,
2264
- Ns as EmptyCart,
2264
+ ks as EmptyCart,
2265
2265
  oi as FormSettings,
2266
2266
  ri as HeaderButtons,
2267
2267
  f as Icon,
@@ -2275,19 +2275,19 @@ export {
2275
2275
  _i as MetaInfoPost,
2276
2276
  yt as Modal,
2277
2277
  di as PagesMobileMenu,
2278
- ks as PagesMobileModal,
2278
+ Ns as PagesMobileModal,
2279
2279
  ii as PagesSettings,
2280
2280
  pi as ProductCardButtons,
2281
2281
  li as ProductOptions,
2282
- Nt as RangeSelector,
2282
+ kt as RangeSelector,
2283
2283
  at as Select,
2284
2284
  ui as ShareLink,
2285
2285
  vs as ShoppingButton,
2286
2286
  ys as ShoppingModalCart,
2287
2287
  it as Switch,
2288
2288
  yi as TextSettings,
2289
- Ni as TextareaSettings,
2289
+ ki as TextareaSettings,
2290
2290
  gi as TextareaUI,
2291
- ki as TypesText,
2291
+ Ni as TypesText,
2292
2292
  Ct as UserInfo
2293
2293
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@billgangcom/theme-lib",
3
- "version": "1.62.4",
3
+ "version": "1.62.5",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"