@billgangcom/theme-lib 1.100.7 → 1.101.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, e as U, g as Ct, h as mt, i as pt, P as gt, S as lt, k as Pt, D as ft, l as xt, v as _t, B as dt, m as ot, a as wt, n as Tt, O as ht, o as J, q as yt, C as jt, r as V, t as At, w as Dt, x as bt, y as Et, z as It, A as W, L as Rt, E as St, F as vt, b as ct, s as at, f as Q, G as Lt, H as R, J as Ut, M as ut, K as Ht, N as rt, Q as zt, T as Mt, U as Ft, V as Bt, W as Vt } from "./index-Qq-gh3Zs.js";
-import { a2 as si, a6 as ni, a0 as ii, _ as ai, a5 as oi, a4 as ci, Z as ri, $ as li, X as di, Y as ui, a1 as hi, a3 as mi } from "./index-Qq-gh3Zs.js";
+import { j as t, I as j, e as U, g as Ct, h as mt, i as pt, P as gt, S as lt, k as Pt, D as ft, l as xt, v as _t, B as dt, m as ot, a as wt, n as Tt, O as ht, o as J, q as yt, C as jt, r as V, t as At, w as Dt, x as bt, y as Et, z as It, A as W, L as Rt, E as St, F as vt, b as ct, s as at, f as Q, G as Lt, H as R, J as Ut, M as ut, K as Ht, N as rt, Q as zt, T as Mt, U as Ft, V as Bt, W as Vt } from "./index-j3ElqsZ4.js";
+import { a2 as si, a6 as ni, a0 as ii, _ as ai, a5 as oi, a4 as ci, Z as ri, $ as li, X as di, Y as ui, a1 as hi, a3 as mi } from "./index-j3ElqsZ4.js";
 import f from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
@@ -62,7 +62,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [_, M] = f.useState(null), [I, r] = f.useState(null);
+  const [_, M] = f.useState(null), [N, r] = f.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
@@ -112,7 +112,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
           "label",
           {
             className: U(G.padding, {
-              [G.active]: I === l
+              [G.active]: N === l
             }),
             onFocus: () => {
               r(l);
@@ -201,7 +201,7 @@ const Un = (u) => {
     subtitle: g,
     draggable: _ = !1,
     withImage: M = !1,
-    addable: I = !0,
+    addable: N = !0,
     itemsOptions: r,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: y,
@@ -210,18 +210,18 @@ const Un = (u) => {
     deletable: a,
     aspectRatio: b,
     setAspectRatio: k
-  } = u, A = mt(
+  } = u, q = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   ), E = (i) => {
-    const { active: N, over: P } = i;
-    if (P && N.id !== P.id) {
-      const q = s.findIndex((C) => C === N.id), $ = s.findIndex((C) => C === P.id);
-      if (q !== -1 && $ !== -1) {
-        const C = [...s], [Z] = C.splice(q, 1);
+    const { active: v, over: P } = i;
+    if (P && v.id !== P.id) {
+      const A = s.findIndex((C) => C === v.id), $ = s.findIndex((C) => C === P.id);
+      if (A !== -1 && $ !== -1) {
+        const C = [...s], [Z] = C.splice(A, 1);
         C.splice($, 0, Z), c(C);
       }
     }
@@ -246,10 +246,10 @@ const Un = (u) => {
         }
       );
   }
-  const L = (i, N = !1) => {
+  const L = (i, v = !1) => {
     const P = r.find(($) => $.id === i);
     if (!P) return;
-    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -265,7 +265,7 @@ const Un = (u) => {
           onChange: ($) => {
             const C = [...s], Z = r.find((p) => p.name === $);
             if (!Z) return;
-            const v = Z.id, D = C.map((p) => p === i ? v : p);
+            const I = Z.id, D = C.map((p) => p === i ? I : p);
             c([...D]);
           },
           value: P.name,
@@ -276,7 +276,7 @@ const Un = (u) => {
           }))
         }
       ),
-      N && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+      v && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
         j,
         {
           name: "Trash",
@@ -292,14 +292,14 @@ const Un = (u) => {
       ge,
       {
         id: i,
-        children: q
+        children: A
       },
       J()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
-        children: q
+        children: A
       },
       J()
     );
@@ -321,7 +321,7 @@ const Un = (u) => {
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: A,
+          sensors: q,
           onDragEnd: E,
           children: /* @__PURE__ */ t.jsx(
             xt,
@@ -333,7 +333,7 @@ const Un = (u) => {
           )
         }
       ) : s.map((i) => L(i, a)),
-      I && /* @__PURE__ */ t.jsx(
+      N && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -353,15 +353,15 @@ const Un = (u) => {
               disabled: !!(x && x <= s.length || s.length === r.length),
               onClick: () => {
                 const i = [...s];
-                let N = null;
+                let v = null;
                 if (r) {
                   for (let P = 0; P < r.length; P++)
-                    if (!s.find((q) => q === r[P].id)) {
-                      N = r[P];
+                    if (!s.find((A) => A === r[P].id)) {
+                      v = r[P];
                       break;
                     }
                 }
-                i.push((N == null ? void 0 : N.id) || r[0].id), c(i);
+                i.push((v == null ? void 0 : v.id) || r[0].id), c(i);
               },
               style: {
                 width: "fit-content"
@@ -473,11 +473,11 @@ const Hn = (u) => {
     draggable: g = !1,
     deletable: _ = !0,
     addable: M = !0,
-    itemsType: I,
+    itemsType: N,
     itemsOptions: r,
     addableOptions: l = {},
     limit: y
-  } = u, [x, m] = f.useState(null), [a, b] = f.useState(null), k = f.useRef(null), A = mt(
+  } = u, [x, m] = f.useState(null), [a, b] = f.useState(null), k = f.useRef(null), q = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
@@ -486,29 +486,29 @@ const Hn = (u) => {
   );
   f.useEffect(() => {
     if (x) {
-      const i = [...s].map((N) => N.id === x.id ? x : N);
+      const i = [...s].map((v) => v.id === x.id ? x : v);
       c(i);
     }
   }, [x]), f.useEffect(() => {
     k.current && a && (k.current.getBoundingClientRect().height, a.top);
   }, [k.current, a]);
-  const E = (i, N) => {
+  const E = (i, v) => {
     i.stopPropagation();
     const P = i.target.getBoundingClientRect();
     b({
       top: P.top + window.scrollY,
       left: P.left - 30
-    }), m(N);
+    }), m(v);
   }, K = (i) => {
-    const { active: N, over: P } = i;
-    if (P && N.id !== P.id) {
-      const q = s.findIndex((C) => C.id === N.id), $ = s.findIndex((C) => C.id === P.id);
-      if (q !== -1 && $ !== -1) {
-        const C = [...s], [Z] = C.splice(q, 1);
+    const { active: v, over: P } = i;
+    if (P && v.id !== P.id) {
+      const A = s.findIndex((C) => C.id === v.id), $ = s.findIndex((C) => C.id === P.id);
+      if (A !== -1 && $ !== -1) {
+        const C = [...s], [Z] = C.splice(A, 1);
         C.splice($, 0, Z), c(C);
       }
     }
-  }, L = (i, N) => {
+  }, L = (i, v) => {
     const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
@@ -519,27 +519,27 @@ const Hn = (u) => {
           height: 20
         }
       ) }),
-      I === "select" && r && /* @__PURE__ */ t.jsx(
+      N === "select" && r && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (q) => {
-            const $ = [...s], C = r.find((v) => v.name === q);
+          onChange: (A) => {
+            const $ = [...s], C = r.find((I) => I.name === A);
             if (!C) return;
-            const Z = $.map((v) => v.id === i.id ? {
+            const Z = $.map((I) => I.id === i.id ? {
               ...C,
               name: {
-                "en-US": q
+                "en-US": A
               }
-            } : v);
+            } : I);
             m({
               ...i,
               name: {
-                "en-US": q
+                "en-US": A
               }
             }), c([...Z]);
           },
           value: i.name,
-          options: r.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
+          options: r.filter((A) => !s.find(($) => $.name === A.name)).map((A) => A.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
@@ -550,7 +550,7 @@ const Hn = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (q) => E(q, i)
+            onClick: (A) => E(A, i)
           }
         ) }),
         _ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -561,7 +561,7 @@ const Hn = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((q) => q.id !== i.id))
+            onClick: () => c(s.filter((A) => A.id !== i.id))
           }
         ) })
       ] })
@@ -570,7 +570,7 @@ const Hn = (u) => {
       ke,
       {
         product: i,
-        index: N,
+        index: v,
         children: P
       },
       i.id
@@ -599,18 +599,18 @@ const Hn = (u) => {
       g ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: A,
+          sensors: q,
           onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s.map((i) => i.id),
               strategy: _t,
-              children: s.map((i, N) => L(i, N))
+              children: s.map((i, v) => L(i, v))
             }
           )
         }
-      ) : s.map((i, N) => L(i, N)),
+      ) : s.map((i, v) => L(i, v)),
       M && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -630,17 +630,17 @@ const Hn = (u) => {
               disabled: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length)),
               onClick: () => {
                 const i = [...s];
-                let N = null;
+                let v = null;
                 if (r) {
                   for (let P = 0; P < r.length; P++)
-                    if (!s.find((q) => q.id === r[P].id)) {
-                      N = r[P];
+                    if (!s.find((A) => A.id === r[P].id)) {
+                      v = r[P];
                       break;
                     }
                 }
-                I === "select" && r && i.push({
-                  name: N ? N.name : r[0].name,
-                  id: (N == null ? void 0 : N.id) || r[0].id,
+                N === "select" && r && i.push({
+                  name: v ? v.name : r[0].name,
+                  id: (v == null ? void 0 : v.id) || r[0].id,
                   ...l
                 }), c(i);
               },
@@ -696,7 +696,7 @@ const zn = (u) => {
     editable: g = !0,
     draggable: _ = !1,
     deletable: M = !0,
-    addable: I = !0,
+    addable: N = !0,
     itemsType: r,
     itemsPlaceholder: l = "",
     itemsOptions: y,
@@ -705,10 +705,10 @@ const zn = (u) => {
     modalOptions: a,
     addableOptions: b = {},
     limit: k
-  } = u, [A, E] = f.useState(null), [K, L] = f.useState({
+  } = u, [q, E] = f.useState(null), [K, L] = f.useState({
     top: 0,
     left: 0
-  }), [i, N] = f.useState(null), P = f.useRef(null), [q, $] = f.useState(!1), C = mt(
+  }), [i, v] = f.useState(null), P = f.useRef(null), [A, $] = f.useState(!1), C = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
@@ -723,11 +723,11 @@ const zn = (u) => {
       E(null), $(!1), document.body.removeEventListener("click", p);
     };
   }, []), f.useEffect(() => {
-    if (A) {
-      const p = [...s].map((S) => S.id === A.id ? A : S);
+    if (q) {
+      const p = [...s].map((S) => S.id === q.id ? q : S);
       c(p);
     }
-  }, [A]), f.useEffect(() => {
+  }, [q]), f.useEffect(() => {
     if (P.current && i) {
       const p = P.current.getBoundingClientRect().height, S = window.innerHeight;
       let B = i.top;
@@ -740,11 +740,11 @@ const zn = (u) => {
   const Z = (p, S) => {
     p.stopPropagation();
     const B = p.target.getBoundingClientRect();
-    N({
+    v({
       top: B.top + window.scrollY,
       left: B.left - 30
     }), E(S), $(!0);
-  }, v = (p) => {
+  }, I = (p) => {
     const { active: S, over: B } = p;
     if (B && S.id !== B.id) {
       const T = s.findIndex((z) => z.id === S.id), tt = s.findIndex((z) => z.id === B.id);
@@ -868,11 +868,11 @@ const zn = (u) => {
         }
       )
     ] }),
-    A && g && a && q && /* @__PURE__ */ t.jsx(
+    q && g && a && A && /* @__PURE__ */ t.jsx(
       At,
       {
         ref: P,
-        activeItem: A,
+        activeItem: q,
         setActiveItem: E,
         popupPosition: K,
         modalOptions: a,
@@ -886,7 +886,7 @@ const zn = (u) => {
         ft,
         {
           sensors: C,
-          onDragEnd: v,
+          onDragEnd: I,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
@@ -897,7 +897,7 @@ const zn = (u) => {
           )
         }
       ) : s.map((p) => D(p)),
-      I && /* @__PURE__ */ t.jsx(
+      N && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -987,22 +987,22 @@ const zn = (u) => {
   const { buttons: n, setButtons: o, deletable: s = !0, addable: c = !0, editableLink: e = !0 } = u, { pages: h } = bt(), [d, g] = f.useState(null), [_, M] = f.useState({
     top: 0,
     left: 0
-  }), [I, r] = f.useState(null), l = f.useRef(null);
+  }), [N, r] = f.useState(null), l = f.useRef(null);
   f.useEffect(() => {
     if (d) {
       const m = [...n].map((a) => a.id === d.id ? d : a);
       o(m);
     }
   }, [d]), f.useEffect(() => {
-    if (l.current && I) {
+    if (l.current && N) {
       const m = l.current.getBoundingClientRect().height, a = window.innerHeight;
-      let b = I.top;
+      let b = N.top;
       b + m > a + window.scrollY - 200 && (b = a + window.scrollY - m - 200), b < 0 && (b = 10), M({
         top: b,
-        left: I.left
+        left: N.left
       });
     }
-  }, [l.current, I]);
+  }, [l.current, N]);
   const y = (m, a) => {
     m.stopPropagation();
     const b = m.target.getBoundingClientRect();
@@ -1029,11 +1029,11 @@ const zn = (u) => {
             ot,
             {
               onChange: (b) => {
-                const A = [...n].map((E) => E.id === m.id ? {
+                const q = [...n].map((E) => E.id === m.id ? {
                   ...m,
                   type: b
                 } : E);
-                o(A);
+                o(q);
               },
               value: m.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1214,7 +1214,7 @@ const Vn = (u) => {
     editable: g = !0,
     draggable: _ = !1,
     withImage: M = !1,
-    deletable: I = !0,
+    deletable: N = !0,
     addable: r = !0,
     itemsType: l,
     itemsOptions: y,
@@ -1223,7 +1223,7 @@ const Vn = (u) => {
     setAspectRatio: a
   } = u, [b, k] = f.useState(
     null
-  ), [A, E] = f.useState({
+  ), [q, E] = f.useState({
     top: 0,
     left: 0
   }), [K, L] = f.useState(!1), i = mt(
@@ -1234,33 +1234,33 @@ const Vn = (u) => {
     })
   );
   f.useEffect(() => {
-    const v = () => {
+    const I = () => {
       k(null), L(!1);
     };
-    return document.body.addEventListener("click", v), k(null), L(!1), () => {
-      k(null), L(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", I), k(null), L(!1), () => {
+      k(null), L(!1), document.body.removeEventListener("click", I);
     };
   }, []), f.useEffect(() => {
     if (b) {
-      const v = [...s].map((D) => D.listingId === b.listingId ? b : D);
-      c(v);
+      const I = [...s].map((D) => D.listingId === b.listingId ? b : D);
+      c(I);
     }
   }, [b]);
-  const N = (v, D) => {
-    v.stopPropagation();
-    const p = v.target.getBoundingClientRect(), S = 100, B = window.innerHeight;
+  const v = (I, D) => {
+    I.stopPropagation();
+    const p = I.target.getBoundingClientRect(), S = 100, B = window.innerHeight;
     let T = p.top + window.scrollY;
     T + S > B && (T = B - S - 20), L(!0), E({
       top: T - 80,
       left: p.left - 30
     }), k(D);
   };
-  function P(v) {
+  function P(I) {
     if (M)
-      return v ? /* @__PURE__ */ t.jsx(
+      return I ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${v}/w=1000`,
+          src: `https://imagedelivery.net/${I}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1275,8 +1275,8 @@ const Vn = (u) => {
         }
       );
   }
-  const q = (v) => {
-    const { active: D, over: p } = v;
+  const A = (I) => {
+    const { active: D, over: p } = I;
     if (p && D.id !== p.id) {
       const S = s.findIndex((T) => String(T.listingId) === D.id), B = s.findIndex((T) => String(T.listingId) === p.id);
       if (S !== -1 && B !== -1) {
@@ -1286,8 +1286,8 @@ const Vn = (u) => {
     }
   }, $ = () => {
     L(!1), k(null);
-  }, C = (v) => {
-    const D = y.find((S) => v.listingId === S.id);
+  }, C = (I) => {
+    const D = y.find((S) => I.listingId === S.id);
     if (!D) return null;
     const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -1308,7 +1308,7 @@ const Vn = (u) => {
             const tt = {
               listingId: T.id,
               image: T.productData.images.length > 0 ? T.productData.images[0].cfId : ""
-            }, z = B.map((F) => F.listingId === v.listingId ? tt : F);
+            }, z = B.map((F) => F.listingId === I.listingId ? tt : F);
             k(tt), c([...z]);
           },
           value: D.productData.name,
@@ -1332,10 +1332,10 @@ const Vn = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (S) => N(S, v)
+            onClick: (S) => v(S, I)
           }
         ) }),
-        I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        N && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Trash",
@@ -1343,7 +1343,7 @@ const Vn = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((S) => S !== v))
+            onClick: () => c(s.filter((S) => S !== I))
           }
         ) })
       ] })
@@ -1351,17 +1351,17 @@ const Vn = (u) => {
     return _ ? /* @__PURE__ */ t.jsx(
       De,
       {
-        product: v,
+        product: I,
         children: p
       },
-      v.listingId
+      I.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
         children: p
       },
-      v.listingId
+      I.listingId
     );
   }, Z = f.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
@@ -1371,7 +1371,7 @@ const Vn = (u) => {
         lt,
         {
           current: n,
-          onChange: (v) => o == null ? void 0 : o(v)
+          onChange: (I) => o == null ? void 0 : o(I)
         }
       )
     ] }),
@@ -1382,7 +1382,7 @@ const Vn = (u) => {
         activeItem: b,
         setActiveItem: k,
         setIsOpenModal: L,
-        popupPosition: A,
+        popupPosition: q,
         itemsOptions: y
       }
     ),
@@ -1392,18 +1392,18 @@ const Vn = (u) => {
         ft,
         {
           sensors: i,
-          onDragEnd: q,
+          onDragEnd: A,
           onDragStart: $,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((v) => String(v.listingId)),
+              items: s.map((I) => String(I.listingId)),
               strategy: _t,
-              children: s.map((v) => C(v))
+              children: s.map((I) => C(I))
             }
           )
         }
-      ) : s.map((v) => C(v)),
+      ) : s.map((I) => C(I)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1419,16 +1419,16 @@ const Vn = (u) => {
               className: W.button,
               size: "s",
               onClick: () => {
-                const v = [...s];
+                const I = [...s];
                 for (let D = 0; D < y.length; D++)
                   if (!s.find((p) => p.listingId === y[D].id)) {
-                    v.push({
+                    I.push({
                       listingId: y[D].id,
                       image: y[D].productData.images.length > 0 ? y[D].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                c(v);
+                c(I);
               },
               disabled: s.length === (x || y.length),
               style: {
@@ -1455,7 +1455,7 @@ const Vn = (u) => {
       {
         value: m,
         options: Object.keys(Tt),
-        onChange: (v) => a(v),
+        onChange: (I) => a(I),
         leftAddonOptions: wt
       }
     ),
@@ -1494,7 +1494,7 @@ const is = (u) => {
   var K, L;
   const { product: n, setIsOpen: o, isCartEnabled: s = !0 } = u, { variants: c } = n, [e, h] = f.useState(c[0]), [d, g] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: M } = St(), I = vt(), [r, l] = f.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [a, b] = f.useState(!1);
+  ), { notifications: _, setNotifications: M } = St(), N = vt(), [r, l] = f.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [a, b] = f.useState(!1);
   f.useEffect(() => {
     b(!0);
     const i = setTimeout(() => b(!1), 600);
@@ -1516,19 +1516,20 @@ const is = (u) => {
         }
       ]);
     } catch (i) {
+      const v = i;
       M([
         ..._,
         {
           id: J(),
-          message: `Product failed to add to cart: ${i}`,
+          message: `Product failed to add to cart: ${v.message}`,
           status: "error"
         }
       ]);
     }
     o == null || o(!1);
   }
-  function A() {
-    x(), k(), I("/checkout");
+  function q() {
+    x(), k(), N("/checkout");
   }
   function E(i) {
     if (i >= 864e5) {
@@ -1564,10 +1565,10 @@ const is = (u) => {
       i
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: O.variants, children: c.filter((i) => {
-      var N;
-      return (N = i.chargeTypes) == null ? void 0 : N.includes(d);
+      var v;
+      return (v = i.chargeTypes) == null ? void 0 : v.includes(d);
     }).map((i) => {
-      var N, P;
+      var v, P;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -1604,7 +1605,7 @@ const is = (u) => {
                 className: O.stock,
                 id: "md",
                 children: [
-                  (N = i.quantity.restrictions) != null && N.max || i.quantity.available !== void 0 ? ((P = i.quantity.restrictions) == null ? void 0 : P.max) || i.quantity.available : "∞",
+                  (v = i.quantity.restrictions) != null && v.max || i.quantity.available !== void 0 ? ((P = i.quantity.restrictions) == null ? void 0 : P.max) || i.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -1761,7 +1762,7 @@ const is = (u) => {
         R,
         {
           type: "Primary",
-          onClick: () => A(),
+          onClick: () => q(),
           disabled: e.quantity && e.quantity.available === 0 || r === 0,
           children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
@@ -1837,8 +1838,8 @@ const is = (u) => {
       s(y);
     })();
   }, [h.parts, d]);
-  function g(I) {
-    return !I || !(I != null && I.variants) ? !1 : I.chargeType === "RECURRING";
+  function g(N) {
+    return !N || !(N != null && N.variants) ? !1 : N.chargeType === "RECURRING";
   }
   const _ = h.parts.length > 0 && o.length > 0 && !g(o[0]);
   function M() {
@@ -1855,8 +1856,8 @@ const is = (u) => {
           padding: 10,
           position: "relative"
         },
-        onClick: (I) => {
-          I.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), e(!0));
+        onClick: (N) => {
+          N.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), e(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1889,7 +1890,7 @@ const is = (u) => {
 }, Ls = (u) => {
   var x, m;
   const { activeProducts: n, isCartNotEmpty: o, isOpen: s, close: c } = u, { cart: e, reset: h, getTotalAndDiscount: d, updateQuantityOfProduct: g, removeProduct: _ } = ct(), M = vt();
-  function I(a, b) {
+  function N(a, b) {
     M(a, { replace: b });
   }
   function r(a) {
@@ -2002,7 +2003,7 @@ const is = (u) => {
                           dangerouslySetInnerHTML: {
                             __html: at(
                               ((b = a.variants.find(
-                                (A) => A.id === a.activeVariantId
+                                (q) => q.id === a.activeVariantId
                               )) == null ? void 0 : b.name) || a.name
                             )
                           }
@@ -2010,10 +2011,10 @@ const is = (u) => {
                       ),
                       /* @__PURE__ */ t.jsx("div", { className: w.price, children: Q({
                         amount: a.variants.find(
-                          (A) => A.id === a.activeVariantId
+                          (q) => q.id === a.activeVariantId
                         ).price.amount * ((a == null ? void 0 : a.quantity) || 1),
                         currency: a.variants.find(
-                          (A) => A.id === a.activeVariantId
+                          (q) => q.id === a.activeVariantId
                         ).price.currency
                       }) })
                     ] })
@@ -2045,9 +2046,9 @@ const is = (u) => {
                         className: w.productCount,
                         type: "number",
                         value: ((k = a.quantity) == null ? void 0 : k.toString()) || "",
-                        onChange: (A) => {
+                        onChange: (q) => {
                           const E = Math.min(
-                            Number(A.target.value),
+                            Number(q.target.value),
                             a.variants.find((K) => K.id === a.activeVariantId).quantity.available || 1 / 0
                           );
                           E < 1 || g({
@@ -2058,7 +2059,7 @@ const is = (u) => {
                           });
                         },
                         min: 1,
-                        max: a.variants.find((A) => A.id === a.activeVariantId).quantity.available || 1 / 0
+                        max: a.variants.find((q) => q.id === a.activeVariantId).quantity.available || 1 / 0
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
@@ -2067,7 +2068,7 @@ const is = (u) => {
                         type: "Secondary",
                         onClick: () => r(a),
                         className: w.productButton,
-                        disabled: a.quantity === a.variants.find((A) => A.id === a.activeVariantId).quantity.available,
+                        disabled: a.quantity === a.variants.find((q) => q.id === a.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
                           j,
                           {
@@ -2115,7 +2116,7 @@ const is = (u) => {
                 currency: e.parts.length > 0 && ((m = (x = n.find((a) => a.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((a) => a.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx(R, { onClick: () => I("/checkout", !1), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(R, { onClick: () => N("/checkout", !1), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(Us, {})
       ]
@@ -2481,11 +2482,11 @@ const is = (u) => {
   buttonsBlock: cn,
   cartDisabled: rn
 }, Qn = (u) => {
-  var M, I;
+  var M, N;
   const { setIsOpen: n, setModalType: o, productId: s, isCartEnabled: c = !0 } = u, { cart: e } = ct(), { pageContext: h } = bt(), d = (M = h == null ? void 0 : h.listings) == null ? void 0 : M.find((r) => r.id === s);
   if (!d)
     return null;
-  const g = (I = h == null ? void 0 : h.products) == null ? void 0 : I.find(
+  const g = (N = h == null ? void 0 : h.products) == null ? void 0 : N.find(
     (r) => r.uniquePath === d.productData.uniquePath
   );
   if (!g)
@@ -2581,7 +2582,7 @@ const is = (u) => {
   var r;
   const { pageContext: n } = bt(), o = (r = n == null ? void 0 : n.listings) == null ? void 0 : r.find((l) => l.id === u.productId), [s, c] = f.useState(!0), [e, h] = f.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [g, _] = f.useState(
     "ONE_TIME"
-  ), { addProducts: M } = ct(), { setIsOpen: I } = rt();
+  ), { addProducts: M } = ct(), { setIsOpen: N } = rt();
   return f.useEffect(() => {
     (async () => {
       c(!0);
@@ -2593,7 +2594,7 @@ const is = (u) => {
       M(y == null ? void 0 : y.data.products), h(y == null ? void 0 : y.data.products[0]), c(!1);
     })();
   }, []), f.useEffect(() => {
-    I(!0);
+    N(!0);
   }, []), /* @__PURE__ */ t.jsx(ut, { close: u.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2624,7 +2625,7 @@ const is = (u) => {
     }
   ) });
 }, bn = (u) => {
-  const { variants: n, activeChargeType: o, productId: s, setIsOpen: c } = u, { cart: e, addProductToCart: h, addProducts: d, updateQuantityOfProduct: g } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: I } = bt(), { setIsOpen: r } = rt(), l = () => {
+  const { variants: n, activeChargeType: o, productId: s, setIsOpen: c } = u, { cart: e, addProductToCart: h, addProducts: d, updateQuantityOfProduct: g } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: N } = bt(), { setIsOpen: r } = rt(), l = () => {
     r(!1), setTimeout(() => {
       c(!1);
     }, 300);
@@ -2648,7 +2649,7 @@ const is = (u) => {
         chargeType: o
       });
     else {
-      I != null && I.products && d(I.products);
+      N != null && N.products && d(N.products);
       try {
         h({
           productId: s,
@@ -2664,11 +2665,12 @@ const is = (u) => {
           }
         ]);
       } catch (k) {
+        const q = k;
         M([
           ..._,
           {
             id: J(),
-            message: `Product failed to add to cart: ${k}`,
+            message: `Product failed to add to cart: ${q.message}`,
             status: "error"
           }
         ]);
@@ -2801,7 +2803,7 @@ const is = (u) => {
     setProductId: c,
     setIsProductModalOpen: e,
     setShowDropdown: h
-  } = u, [d, g] = f.useState(null), [_, M] = f.useState(!0), { setIsOpen: I } = rt();
+  } = u, [d, g] = f.useState(null), [_, M] = f.useState(!0), { setIsOpen: N } = rt();
   f.useEffect(() => {
     var y;
     M(!0);
@@ -2810,10 +2812,10 @@ const is = (u) => {
     );
     l && g([...l]), M(!1);
   }, [o]), f.useEffect(() => {
-    I(!0);
+    N(!0);
   }, []);
   const r = () => {
-    I(!1), setTimeout(() => {
+    N(!1), setTimeout(() => {
       n(!1);
     }, 300);
   };