@billgangcom/theme-lib 1.69.8 → 1.69.9

package/dist/ui.es.js

@@ -1,14 +1,14 @@
-import { j as t, I as b, c as V, b as Ct, d as pt, e as mt, P as gt, S as lt, g as wt, D as ft, h as xt, v as _t, B as dt, i as it, a as Pt, k as Mt, O as ht, l as J, m as jt, C as vt, n as H, o as $t, p as Ot, q as bt, r as At, t as It, w as W, L as Et, x as St, y as yt, z as ot, s as at, f as tt, A as R, E as Dt, M as ut, F as Rt, G as ct, H as Lt, J as Tt, K as Ut, N as Bt, Q as zt } from "./index-RnaHlebe.js";
-import { $ as Xn, Y as Qn, W as Jn, _ as Kn, V as Zn, X as ti, T as ei, U as si, Z as ni } from "./index-RnaHlebe.js";
+import { j as t, I as b, c as V, d as Ct, e as pt, g as mt, P as gt, S as lt, h as wt, D as ft, i as xt, v as _t, B as dt, k as it, a as Pt, l as Mt, O as ht, m as J, n as jt, C as vt, o as H, p as $t, q as Ot, r as bt, t as At, w as It, x as G, L as Et, y as St, z as yt, A as ot, s as at, f as tt, E as R, F as Dt, M as ut, G as Rt, H as ct, J as Lt, K as Tt, N as Ut, Q as Bt, T as zt } from "./index-CLA9Fs_V.js";
+import { a1 as Xn, Z as Qn, X as Jn, a0 as Kn, W as Zn, Y as ti, U as ei, V as si, _ as ni, $ as ii } from "./index-CLA9Fs_V.js";
 import g from "react";
 import "react-dom";
-const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Gt = "_alignments_kh9z8_39", Wt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Y = {
+const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Wt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Y = {
   block: Vt,
   title: Ht,
   subtitle: Ft,
   alignmentContent: Yt,
-  alignments: Gt,
-  alignment: Wt,
+  alignments: Wt,
+  alignment: Gt,
   circle: Xt,
   paddings: Qt,
   padding: Jt,
@@ -25,7 +25,7 @@ const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
   "bottomRight"
 ], te = ["left", "top", "right", "bottom"], qn = (d) => {
   const {
-    alignment: i,
+    alignment: n,
     padding: a,
     setPadding: s,
     setAlignment: e,
@@ -82,8 +82,8 @@ const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
               M(null);
             },
             children: [
-              o !== i && v !== o && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
-              o !== i && v === o && /* @__PURE__ */ t.jsx(
+              o !== n && v !== o && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
+              o !== n && v === o && /* @__PURE__ */ t.jsx(
                 b,
                 {
                   name: h(v),
@@ -92,10 +92,10 @@ const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
                   height: 22
                 }
               ),
-              o === i && /* @__PURE__ */ t.jsx(
+              o === n && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: h(i),
+                  name: h(n),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -134,9 +134,9 @@ const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
                 {
                   type: "number",
                   value: String(a[o]),
-                  onChange: (n) => s({
+                  onChange: (i) => s({
                     ...a,
-                    [o]: Math.min(Number(n), 999)
+                    [o]: Math.min(Number(i), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -163,7 +163,7 @@ const Vt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
   addButton: de,
   deleteButton: ue
 };
-function he({ id: d, children: i }) {
+function he({ id: d, children: n }) {
   const {
     attributes: a,
     listeners: s,
@@ -185,13 +185,13 @@ function he({ id: d, children: i }) {
       className: `${X.product} ${h ? X.dragging : ""}`,
       ...a,
       ...s,
-      children: i
+      children: n
     }
   );
 }
 const $n = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
@@ -204,8 +204,8 @@ const $n = (d) => {
     addable: x = !0,
     itemsOptions: c,
     hasRangeSelector: o = !1,
-    rangeSelectorOptions: n,
-    limit: q,
+    rangeSelectorOptions: i,
+    limit: T,
     autoScrollInterval: _,
     deletable: j,
     aspectRatio: N,
@@ -305,17 +305,17 @@ const $n = (d) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (h || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
       h && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: h }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: i,
+          current: n,
           onChange: (p) => a == null ? void 0 : a(p)
         }
       )
     ] }),
-    o && n && /* @__PURE__ */ t.jsx(wt, { ...n }),
+    o && i && /* @__PURE__ */ t.jsx(wt, { ...i }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
       f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
       v ? /* @__PURE__ */ t.jsx(
@@ -347,10 +347,10 @@ const $n = (d) => {
             {
               withoutHover: !0,
               className: V(X.button, {
-                [X.disabled]: !!(q && q <= s.length || s.length === c.length)
+                [X.disabled]: !!(T && T <= s.length || s.length === c.length)
               }),
               size: "s",
-              disabled: !!(q && q <= s.length || s.length === c.length),
+              disabled: !!(T && T <= s.length || s.length === c.length),
               onClick: () => {
                 const p = [...s];
                 let C = null;
@@ -435,7 +435,7 @@ const $n = (d) => {
   addButton: ye,
   deleteButton: Ie
 };
-function Ne({ product: d, children: i }) {
+function Ne({ product: d, children: n }) {
   const {
     attributes: a,
     listeners: s,
@@ -457,13 +457,13 @@ function Ne({ product: d, children: i }) {
       className: `${F.product} ${h ? F.dragging : ""}`,
       ...a,
       ...s,
-      children: i
+      children: n
     }
   );
 }
 const On = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
@@ -476,8 +476,8 @@ const On = (d) => {
     itemsType: x,
     itemsOptions: c,
     addableOptions: o = {},
-    limit: n
-  } = d, [q, _] = g.useState(null), [j, N] = g.useState(null), k = g.useRef(null), D = pt(
+    limit: i
+  } = d, [T, _] = g.useState(null), [j, N] = g.useState(null), k = g.useRef(null), D = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
@@ -485,11 +485,11 @@ const On = (d) => {
     })
   );
   g.useEffect(() => {
-    if (q) {
-      const p = [...s].map((C) => C.id === q.id ? q : C);
+    if (T) {
+      const p = [...s].map((C) => C.id === T.id ? T : C);
       e(p);
     }
-  }, [q]), g.useEffect(() => {
+  }, [T]), g.useEffect(() => {
     k.current && j && (k.current.getBoundingClientRect().height, j.top);
   }, [k.current, j]);
   const L = (p, C) => {
@@ -584,12 +584,12 @@ const On = (d) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
-    (l || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+    (l || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
       l && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: l }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: i,
+          current: n,
           onChange: (p) => a == null ? void 0 : a(p)
         }
       )
@@ -624,10 +624,10 @@ const On = (d) => {
             {
               withoutHover: !0,
               className: V(F.button, {
-                [F.disabled]: !!(n && n <= s.length || s.length === (c == null ? void 0 : c.length))
+                [F.disabled]: !!(i && i <= s.length || s.length === (c == null ? void 0 : c.length))
               }),
               size: "s",
-              disabled: !!(n && n <= s.length || s.length === (c == null ? void 0 : c.length)),
+              disabled: !!(i && i <= s.length || s.length === (c == null ? void 0 : c.length)),
               onClick: () => {
                 const p = [...s];
                 let C = null;
@@ -666,8 +666,8 @@ const On = (d) => {
   ] });
 };
 function Ce(d) {
-  const { product: i, children: a } = d, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: f } = jt({
-    id: i.id
+  const { product: n, children: a } = d, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: f } = jt({
+    id: n.id
   }), v = {
     transform: vt.Transform.toString(r),
     transition: h
@@ -686,7 +686,7 @@ function Ce(d) {
 }
 const An = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
@@ -699,8 +699,8 @@ const An = (d) => {
     addable: x = !0,
     itemsType: c,
     itemsPlaceholder: o = "",
-    itemsOptions: n,
-    hasRangeSelector: q = !1,
+    itemsOptions: i,
+    hasRangeSelector: T = !1,
     rangeSelectorOptions: _,
     modalOptions: j,
     addableOptions: N = {},
@@ -724,30 +724,30 @@ const An = (d) => {
     };
   }, []), g.useEffect(() => {
     if (D) {
-      const u = [...s].map((B) => B.id === D.id ? D : B);
+      const u = [...s].map((q) => q.id === D.id ? D : q);
       e(u);
     }
   }, [D]), g.useEffect(() => {
     if (w.current && p) {
-      const u = w.current.getBoundingClientRect().height, B = window.innerHeight;
+      const u = w.current.getBoundingClientRect().height, q = window.innerHeight;
       let S = p.top;
-      S + u > B + window.scrollY - 200 && (S = B + window.scrollY - u - 200), S < 0 && (S = 10), m({
+      S + u > q + window.scrollY - 200 && (S = q + window.scrollY - u - 200), S < 0 && (S = 10), m({
         top: S,
         left: p.left
       });
     }
   }, [w.current, p]);
-  const y = (u, B) => {
+  const y = (u, q) => {
     u.stopPropagation();
     const S = u.target.getBoundingClientRect();
     C({
       top: S.top + window.scrollY,
       left: S.left - 30
-    }), L(B), I(!0);
+    }), L(q), I(!0);
   }, A = (u) => {
-    const { active: B, over: S } = u;
-    if (S && B.id !== S.id) {
-      const E = s.findIndex((U) => U.id === B.id), et = s.findIndex((U) => U.id === S.id);
+    const { active: q, over: S } = u;
+    if (S && q.id !== S.id) {
+      const E = s.findIndex((U) => U.id === q.id), et = s.findIndex((U) => U.id === S.id);
       if (E !== -1 && et !== -1) {
         const U = [...s], [Z] = U.splice(E, 1);
         U.splice(et, 0, Z), e(U);
@@ -755,7 +755,7 @@ const An = (d) => {
     }
   }, z = (u) => {
     var S;
-    const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
@@ -765,7 +765,7 @@ const An = (d) => {
           height: 20
         }
       ) }),
-      c === "select" && n && /* @__PURE__ */ t.jsx(
+      c === "select" && i && /* @__PURE__ */ t.jsx(
         it,
         {
           onChange: (E) => {
@@ -783,7 +783,7 @@ const An = (d) => {
             }), e([...U]);
           },
           value: u.name["en-US"],
-          options: n.filter(
+          options: i.filter(
             (E) => !s.find((et) => et.name["en-US"] === E)
           )
         }
@@ -845,25 +845,25 @@ const An = (d) => {
       Ce,
       {
         product: u,
-        children: B
+        children: q
       },
       u.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: H.product,
-        children: B
+        children: q
       },
       u.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+    (r || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
       r && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: r }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: i,
+          current: n,
           onChange: (u) => a == null ? void 0 : a(u)
         }
       )
@@ -879,7 +879,7 @@ const An = (d) => {
         setIsOpenModal: I
       }
     ),
-    q && _ && /* @__PURE__ */ t.jsx(wt, { ..._ }),
+    T && _ && /* @__PURE__ */ t.jsx(wt, { ..._ }),
     /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
       h && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: h }),
       v ? /* @__PURE__ */ t.jsx(
@@ -916,17 +916,17 @@ const An = (d) => {
               disabled: !!(k && k <= s.length),
               onClick: () => {
                 const u = [...s];
-                let B = null;
-                if (n) {
-                  for (let S = 0; S < n.length; S++)
-                    if (!s.find((E) => E.name["en-US"] === n[S])) {
-                      B = n[S];
+                let q = null;
+                if (i) {
+                  for (let S = 0; S < i.length; S++)
+                    if (!s.find((E) => E.name["en-US"] === i[S])) {
+                      q = i[S];
                       break;
                     }
                 }
-                c === "select" && n ? u.push({
+                c === "select" && i ? u.push({
                   name: {
-                    "en-US": B || n[0]
+                    "en-US": q || i[0]
                   },
                   id: J(),
                   ...N,
@@ -984,13 +984,13 @@ const An = (d) => {
   addButton: Te,
   deleteButton: Be
 }, qe = (d) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = d, { pages: r } = bt(), [h, f] = g.useState(null), [v, M] = g.useState({
+  const { buttons: n, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = d, { pages: r } = bt(), [h, f] = g.useState(null), [v, M] = g.useState({
     top: 0,
     left: 0
   }), [x, c] = g.useState(null), o = g.useRef(null);
   g.useEffect(() => {
     if (h) {
-      const _ = [...i].map((j) => j.id === h.id ? h : j);
+      const _ = [...n].map((j) => j.id === h.id ? h : j);
       a(_);
     }
   }, [h]), g.useEffect(() => {
@@ -1003,15 +1003,15 @@ const An = (d) => {
       });
     }
   }, [o.current, x]);
-  const n = (_, j) => {
+  const i = (_, j) => {
     _.stopPropagation();
     const N = _.target.getBoundingClientRect();
     c({
       top: N.top + window.scrollY - 70,
       left: N.left - (e ? 30 : 65)
     }), f(j);
-  }, q = (_, j) => {
-    const N = [...i], k = {
+  }, T = (_, j) => {
+    const N = [...n], k = {
       ..._,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
@@ -1020,7 +1020,7 @@ const An = (d) => {
   };
   return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
-    i.map((_, j) => /* @__PURE__ */ t.jsxs(
+    n.map((_, j) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: st.product,
@@ -1029,7 +1029,7 @@ const An = (d) => {
             it,
             {
               onChange: (N) => {
-                const D = [...i].map((L) => L.id === _.id ? {
+                const D = [...n].map((L) => L.id === _.id ? {
                   ..._,
                   type: N
                 } : L);
@@ -1048,7 +1048,7 @@ const An = (d) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  q(_, j);
+                  T(_, j);
                 }
               }
             ) }),
@@ -1060,7 +1060,7 @@ const An = (d) => {
                 width: 20,
                 height: 20,
                 onClick: (N) => {
-                  n(N, _);
+                  i(N, _);
                 }
               }
             ) }),
@@ -1070,7 +1070,7 @@ const An = (d) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const N = i.filter((k) => k.id !== _.id);
+                  const N = n.filter((k) => k.id !== _.id);
                   a(N);
                 },
                 width: 20,
@@ -1108,7 +1108,7 @@ const An = (d) => {
             className: st.button,
             size: "s",
             onClick: () => {
-              const _ = [...i];
+              const _ = [...n];
               l ? _.push({
                 type: "Primary",
                 id: J(),
@@ -1152,7 +1152,7 @@ const An = (d) => {
   ] });
 }, En = (d) => {
   const {
-    isActiveButtons: i,
+    isActiveButtons: n,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
@@ -1166,12 +1166,12 @@ const An = (d) => {
       /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: i,
+          current: n,
           onChange: (f) => a(f)
         }
       )
     ] }),
-    i && /* @__PURE__ */ t.jsx(
+    n && /* @__PURE__ */ t.jsx(
       qe,
       {
         buttons: s,
@@ -1184,8 +1184,8 @@ const An = (d) => {
   ] }) });
 };
 function $e(d) {
-  const { product: i, children: a } = d, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: f } = jt({
-    id: String(i.listingId)
+  const { product: n, children: a } = d, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: f } = jt({
+    id: String(n.listingId)
   }), v = {
     transform: vt.Transform.toString(r),
     transition: h
@@ -1195,7 +1195,7 @@ function $e(d) {
     {
       ref: l,
       style: v,
-      className: `${W.product} ${f ? W.dragging : ""}`,
+      className: `${G.product} ${f ? G.dragging : ""}`,
       ...s,
       ...e,
       children: a
@@ -1204,7 +1204,7 @@ function $e(d) {
 }
 const Dn = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
@@ -1217,8 +1217,8 @@ const Dn = (d) => {
     deletable: x = !0,
     addable: c = !0,
     itemsType: o,
-    itemsOptions: n,
-    limit: q,
+    itemsOptions: i,
+    limit: T,
     aspectRatio: _,
     setAspectRatio: j
   } = d, [N, k] = g.useState(
@@ -1248,9 +1248,9 @@ const Dn = (d) => {
   }, [N]);
   const C = (y, A) => {
     y.stopPropagation();
-    const z = y.target.getBoundingClientRect(), u = 100, B = window.innerHeight;
+    const z = y.target.getBoundingClientRect(), u = 100, q = window.innerHeight;
     let S = z.top + window.scrollY;
-    S + u > B && (S = B - u - 20), m(!0), L({
+    S + u > q && (S = q - u - 20), m(!0), L({
       top: S - 80,
       left: z.left - 30
     }), k(A);
@@ -1278,14 +1278,14 @@ const Dn = (d) => {
   const $ = (y) => {
     const { active: A, over: z } = y;
     if (z && A.id !== z.id) {
-      const u = s.findIndex((S) => String(S.listingId) === A.id), B = s.findIndex((S) => String(S.listingId) === z.id);
-      if (u !== -1 && B !== -1) {
+      const u = s.findIndex((S) => String(S.listingId) === A.id), q = s.findIndex((S) => String(S.listingId) === z.id);
+      if (u !== -1 && q !== -1) {
         const S = [...s], [E] = S.splice(u, 1);
-        S.splice(B, 0, E), e(S);
+        S.splice(q, 0, E), e(S);
       }
     }
   }, I = (y) => {
-    const A = n.find((u) => y.listingId === u.id);
+    const A = i.find((u) => y.listingId === u.id);
     if (!A) return null;
     const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -1301,29 +1301,29 @@ const Dn = (d) => {
         it,
         {
           onChange: (u) => {
-            const B = [...s], S = n.find((U) => U.productData.name === u);
+            const q = [...s], S = i.find((U) => U.productData.name === u);
             if (!S) return;
             const E = {
               listingId: S.id,
               image: S.productData.images.length > 0 ? S.productData.images[0].cfId : ""
-            }, et = B.map((U) => U.listingId === y.listingId ? E : U);
+            }, et = q.map((U) => U.listingId === y.listingId ? E : U);
             k(E), e([...et]);
           },
           value: A.productData.name,
           options: [
-            ...n.filter((u) => !s.find((B) => B.listingId === u.id)).map((u) => u.productData.name)
+            ...i.filter((u) => !s.find((q) => q.listingId === u.id)).map((u) => u.productData.name)
           ],
-          leftAddonOptions: n.map((u) => {
-            var B;
+          leftAddonOptions: i.map((u) => {
+            var q;
             return {
               value: u.productData.name,
-              addon: w(((B = u.productData.images[0]) == null ? void 0 : B.cfId) || "")
+              addon: w(((q = u.productData.images[0]) == null ? void 0 : q.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        f && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
+        f && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
@@ -1333,7 +1333,7 @@ const Dn = (d) => {
             onClick: (u) => C(u, y)
           }
         ) }),
-        x && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        x && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1356,19 +1356,19 @@ const Dn = (d) => {
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W.product,
+        className: G.product,
         children: z
       },
       y.listingId
     );
   }, O = g.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: r }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
+    (r || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: r }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: i,
+          current: n,
           onChange: (y) => a == null ? void 0 : a(y)
         }
       )
@@ -1381,11 +1381,11 @@ const Dn = (d) => {
         setActiveItem: k,
         setIsOpenModal: m,
         popupPosition: D,
-        itemsOptions: n
+        itemsOptions: i
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: h }),
+    n && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
+      h && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: h }),
       v ? /* @__PURE__ */ t.jsx(
         ft,
         {
@@ -1413,25 +1413,25 @@ const Dn = (d) => {
             dt,
             {
               withoutHover: !0,
-              className: W.button,
+              className: G.button,
               size: "s",
               onClick: () => {
                 const y = [...s];
-                for (let A = 0; A < n.length; A++)
-                  if (!s.find((z) => z.listingId === n[A].id)) {
+                for (let A = 0; A < i.length; A++)
+                  if (!s.find((z) => z.listingId === i[A].id)) {
                     y.push({
-                      listingId: n[A].id,
-                      image: n[A].productData.images.length > 0 ? n[A].productData.images[0].cfId : ""
+                      listingId: i[A].id,
+                      image: i[A].productData.images.length > 0 ? i[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 e(y);
               },
-              disabled: s.length === (q || n.length),
+              disabled: s.length === (T || i.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1456,7 +1456,7 @@ const Dn = (d) => {
         leftAddonOptions: Pt
       }
     ),
-    i && l !== void 0 && /* @__PURE__ */ t.jsx(
+    n && l !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
@@ -1464,7 +1464,7 @@ const Dn = (d) => {
       }
     )
   ] });
-}, Oe = "_options_167h8_1", Ae = "_price_167h8_18", Ee = "_oldPrice_167h8_25", De = "_newPrice_167h8_33", Re = "_animate_167h8_40", Le = "_meta_167h8_58", Ue = "_info_167h8_64", ze = "_infoRight_167h8_73", Ve = "_buttons_167h8_80", He = "_variants_167h8_87", Fe = "_variant_167h8_87", Ye = "_stock_167h8_105", Ge = "_variantInfo_167h8_112", We = "_quantity_167h8_119", Xe = "_button_167h8_80", Qe = "_activeVariant_167h8_165", Je = "_chargeTypes_167h8_169", Ke = "_charge_167h8_169", Ze = "_chargeActive_167h8_194", ts = "_title_167h8_202", T = {
+}, Oe = "_options_167h8_1", Ae = "_price_167h8_18", Ee = "_oldPrice_167h8_25", De = "_newPrice_167h8_33", Re = "_animate_167h8_40", Le = "_meta_167h8_58", Ue = "_info_167h8_64", ze = "_infoRight_167h8_73", Ve = "_buttons_167h8_80", He = "_variants_167h8_87", Fe = "_variant_167h8_87", Ye = "_stock_167h8_105", We = "_variantInfo_167h8_112", Ge = "_quantity_167h8_119", Xe = "_button_167h8_80", Qe = "_activeVariant_167h8_165", Je = "_chargeTypes_167h8_169", Ke = "_charge_167h8_169", Ze = "_chargeActive_167h8_194", ts = "_title_167h8_202", B = {
   options: Oe,
   price: Ae,
   oldPrice: Ee,
@@ -1477,8 +1477,8 @@ const Dn = (d) => {
   variants: He,
   variant: Fe,
   stock: Ye,
-  variantInfo: Ge,
-  quantity: We,
+  variantInfo: We,
+  quantity: Ge,
   button: Xe,
   activeVariant: Qe,
   chargeTypes: Je,
@@ -1489,9 +1489,9 @@ const Dn = (d) => {
 var kt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(kt || {});
 const es = (d) => {
   var L, K;
-  const { product: i, setIsOpen: a } = d, { variants: s } = i, [e, l] = g.useState(s[0]), [r, h] = g.useState(
+  const { product: n, setIsOpen: a } = d, { variants: s } = n, [e, l] = g.useState(s[0]), [r, h] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: f, setNotifications: v } = St(), M = yt(), [x, c] = g.useState(1), { cart: o, reset: n, addProductToCart: q } = ot(), [_, j] = g.useState(!1);
+  ), { notifications: f, setNotifications: v } = St(), M = yt(), [x, c] = g.useState(1), { cart: o, reset: i, addProductToCart: T } = ot(), [_, j] = g.useState(!1);
   g.useEffect(() => {
     j(!0);
     const m = setTimeout(() => j(!1), 600);
@@ -1499,8 +1499,8 @@ const es = (d) => {
   }, [x]);
   async function N() {
     try {
-      q({
-        productId: i.id,
+      T({
+        productId: n.id,
         productVariantId: e.id,
         quantity: x
       }), v([
@@ -1524,7 +1524,9 @@ const es = (d) => {
     a == null || a(!1);
   }
   function k() {
-    n(), N(), M("/checkout");
+    i(), N(), M("/checkout", {
+      replace: !0
+    });
   }
   function D(m) {
     if (m >= 864e5) {
@@ -1543,36 +1545,36 @@ const es = (d) => {
   }
   return g.useEffect(() => {
     e.quantity && e.quantity.available === 0 ? c(0) : c(1);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: T.chargeTypes, children: e.chargeTypes.map((m) => /* @__PURE__ */ t.jsx(
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((m) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(T.charge, {
-          [T.chargeActive]: r === m
+        className: V(B.charge, {
+          [B.chargeActive]: r === m
         }),
         onClick: () => h(m),
         children: kt[m]
       },
       m
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: T.variants, children: s.map((m) => {
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((m) => {
       var p, C;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(T.variant, {
-            [T.activeVariant]: e.id === m.id
+          className: V(B.variant, {
+            [B.activeVariant]: e.id === m.id
           }),
           onClick: () => l(m),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: T.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: T.title, children: at(m.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: B.title, children: at(m.name) }),
               /* @__PURE__ */ t.jsx("span", { children: tt({
                 amount: r === "ONE_TIME" ? m.price.amount : m.subscriptionSettings ? m.subscriptionSettings.price.amount : 0,
                 currency: r === "ONE_TIME" ? m.price.currency : m.subscriptionSettings ? m.subscriptionSettings.price.currency : "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: T.stock, children: [
+            /* @__PURE__ */ t.jsx("div", { children: r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
               (p = m.quantity.restrictions) != null && p.max || m.quantity.available !== void 0 ? ((C = m.quantity.restrictions) == null ? void 0 : C.max) || m.quantity.available : "∞",
               " ",
               "in stock"
@@ -1582,7 +1584,7 @@ const es = (d) => {
         m.id
       );
     }) }),
-    r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: T.quantity, children: [
+    r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
       /* @__PURE__ */ t.jsx(
         R,
         {
@@ -1590,7 +1592,7 @@ const es = (d) => {
           onClick: () => {
             x > 1 ? c((m) => m - 1) : c(1);
           },
-          className: T.button,
+          className: B.button,
           disabled: e.quantity.available && e.quantity.restrictions && x <= e.quantity.restrictions.min || e.quantity.available === 0,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
@@ -1616,16 +1618,16 @@ const es = (d) => {
           onClick: () => {
             c((m) => m + 1);
           },
-          className: T.button,
+          className: B.button,
           disabled: !!(e.quantity.available && e.quantity.restrictions && x >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && x >= e.quantity.available),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: T.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: T.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -1638,36 +1640,36 @@ const es = (d) => {
           /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : D(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: T.infoRight, children: r === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
-          /* @__PURE__ */ t.jsx("span", { className: V(T.newPrice, { [T.animate]: _ }), children: tt({
+        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: r === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsx("span", { className: V(B.newPrice, { [B.animate]: _ }), children: tt({
             amount: e.price.amount * x,
             currency: e.price.currency
           }) }),
-          /* @__PURE__ */ t.jsx("span", { className: T.oldPrice, children: tt({
+          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: tt({
             amount: e.compareAtPrice.amount * x,
             currency: e.compareAtPrice.currency
           }) })
-        ] }) : /* @__PURE__ */ t.jsx("span", { className: V(T.newPrice, { [T.animate]: _ }), children: tt({
+        ] }) : /* @__PURE__ */ t.jsx("span", { className: V(B.newPrice, { [B.animate]: _ }), children: tt({
           amount: e.price.amount * x,
           currency: e.price.currency
-        }) }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
-          /* @__PURE__ */ t.jsx("span", { className: V(T.newPrice, { [T.animate]: _ }), children: tt({
+        }) }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsx("span", { className: V(B.newPrice, { [B.animate]: _ }), children: tt({
             amount: e.subscriptionSettings.price.amount * x,
             currency: e.subscriptionSettings.price.currency
           }) }),
-          /* @__PURE__ */ t.jsx("span", { className: T.oldPrice, children: tt({
+          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: tt({
             amount: e.subscriptionSettings.compareAtPrice.amount * x,
             currency: e.subscriptionSettings.compareAtPrice.currency
           }) })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsx("span", { className: V(T.newPrice, { [T.animate]: _ }), children: tt({
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsx("span", { className: V(B.newPrice, { [B.animate]: _ }), children: tt({
           amount: e.subscriptionSettings.price.amount * x,
           currency: e.subscriptionSettings.price.currency
         }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
         R,
         {
@@ -1684,7 +1686,7 @@ const es = (d) => {
           onClick: () => N(),
           disabled: e.quantity && e.quantity.available === 0,
           children: o.parts.some(
-            (m) => m.productId === i.id && m.productVariantId === e.id
+            (m) => m.productId === n.id && m.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
         }
       )
@@ -1724,43 +1726,41 @@ const es = (d) => {
   pagesMobileModalHeader: Bs,
   pagesMobileModalFooter: qs
 }, Rn = (d) => {
-  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = d;
+  const { shopping: n, signUp: a, isShowUserInfo: s = !0 } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
-    i && /* @__PURE__ */ t.jsx($s, {}),
+    n && /* @__PURE__ */ t.jsx($s, {}),
     s && /* @__PURE__ */ t.jsx(qt, { signUp: a })
   ] });
 }, $s = () => {
-  const [d, i] = g.useState(!1), [a, s] = g.useState([]), [e, l] = g.useState(!1), { cart: r, products: h } = ot();
+  const [d, n] = g.useState(!1), [a, s] = g.useState([]), [e, l] = g.useState(!1), { cart: r, products: h } = ot();
   function f(c) {
     if (c.variants.length > 0) {
       for (let o = 0; o < r.parts.length; o++)
-        for (let n = 0; n < c.variants.length; n++)
-          if (c.variants[n] && r.parts[o].productVariantId === c.variants[n].id)
+        for (let i = 0; i < c.variants.length; i++)
+          if (c.variants[i] && r.parts[o].productVariantId === c.variants[i].id)
             return r.parts[o].productVariantId;
     }
     return c.variants[0].id;
   }
   function v(c) {
     for (let o = 0; o < r.parts.length; o++)
-      for (let n = 0; n < c.variants.length; n++)
-        if (c.variants[n] && r.parts[o].productVariantId === c.variants[n].id)
+      for (let i = 0; i < c.variants.length; i++)
+        if (c.variants[i] && r.parts[o].productVariantId === c.variants[i].id)
           return r.parts[o].quantity;
   }
   g.useEffect(() => {
     (async () => {
-      const o = r.parts.map((_) => String(_.productId)), n = h.filter((_) => o.includes(String(_.id))) || [];
-      console.log(h, "products"), console.log(o), console.log(n, "productsBuffer");
-      const q = n.map((_) => ({
+      const o = r.parts.map((_) => String(_.productId)), T = (h.filter((_) => o.includes(String(_.id))) || []).map((_) => ({
         ..._,
         activeVariantId: f(_),
         quantity: v(_)
       }));
-      s(q);
+      s(T);
     })();
   }, [r.parts]);
   function M(c) {
     var o;
-    return !c || !(c != null && c.variants) ? !1 : (o = c.variants.find((n) => n.id === c.activeVariantId)) == null ? void 0 : o.subscriptionSettings;
+    return !c || !(c != null && c.variants) ? !1 : (o = c.variants.find((i) => i.id === c.activeVariantId)) == null ? void 0 : o.subscriptionSettings;
   }
   const x = r.parts.length > 0 && a.length > 0 && !M(a[0]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1773,7 +1773,7 @@ const es = (d) => {
           position: "relative"
         },
         onClick: (c) => {
-          c.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), l(!0));
+          c.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), l(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1791,7 +1791,7 @@ const es = (d) => {
       {
         close: () => {
           l(!1), setTimeout(() => {
-            i(!1);
+            n(!1);
           }, 300);
         },
         withAnimation: !1,
@@ -1808,31 +1808,31 @@ const es = (d) => {
   ] });
 }, Os = (d) => {
   var c, o;
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = d, { cart: e, reset: l, getTotalAndDiscount: r, updateQuantityOfProduct: h } = ot(), f = yt();
-  function v(n) {
-    f(n);
+  const { activeProducts: n, isCartNotEmpty: a, isOpen: s } = d, { cart: e, reset: l, getTotalAndDiscount: r, updateQuantityOfProduct: h } = ot(), f = yt();
+  function v(i, T) {
+    f(i, { replace: T });
   }
-  function M(n) {
-    n.quantity && h({
-      productId: n.id,
-      productVariantId: n.activeVariantId,
-      quantity: n.quantity + 1
+  function M(i) {
+    i.quantity && h({
+      productId: i.id,
+      productVariantId: i.activeVariantId,
+      quantity: i.quantity + 1
     });
   }
-  function x(n) {
-    n.quantity && h({
-      productId: n.id,
-      productVariantId: n.activeVariantId,
-      quantity: n.quantity - 1
+  function x(i) {
+    i.quantity && h({
+      productId: i.id,
+      productVariantId: i.activeVariantId,
+      quantity: i.quantity - 1
     });
   }
-  return console.log(i), /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: V(P.modal, {
         [P.closing]: !s
       }),
-      onClick: (n) => n.stopPropagation(),
+      onClick: (i) => i.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
@@ -1852,16 +1852,16 @@ const es = (d) => {
           )
         ] }),
         a ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: P.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: P.products, children: [...new Map(n.map((i) => [i.id, i])).values()].map((i) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: P.product,
               children: [
                 /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
-                  n.images.length > 0 ? /* @__PURE__ */ t.jsx(
+                  i.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${n.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${i.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
@@ -1875,13 +1875,13 @@ const es = (d) => {
                     }
                   ) }),
                   /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: P.name, children: at(n.name) }),
+                    /* @__PURE__ */ t.jsx("div", { className: P.name, children: at(i.name) }),
                     /* @__PURE__ */ t.jsx("div", { className: P.price, children: tt({
-                      amount: n.variants.find(
-                        (q) => q.id === n.activeVariantId
-                      ).price.amount * ((n == null ? void 0 : n.quantity) || 1),
-                      currency: n.variants.find(
-                        (q) => q.id === n.activeVariantId
+                      amount: i.variants.find(
+                        (T) => T.id === i.activeVariantId
+                      ).price.amount * ((i == null ? void 0 : i.quantity) || 1),
+                      currency: i.variants.find(
+                        (T) => T.id === i.activeVariantId
                       ).price.currency
                     }) })
                   ] })
@@ -1892,10 +1892,10 @@ const es = (d) => {
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && x(n);
+                        i.quantity !== 1 && x(i);
                       },
                       className: P.productButton,
-                      disabled: n.quantity === 1,
+                      disabled: i.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1907,14 +1907,14 @@ const es = (d) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: i.quantity }),
                   /* @__PURE__ */ t.jsx(
                     R,
                     {
                       type: "Secondary",
-                      onClick: () => M(n),
+                      onClick: () => M(i),
                       className: P.productButton,
-                      disabled: n.quantity === n.variants.find((q) => q.id === n.activeVariantId).quantity.available,
+                      disabled: i.quantity === i.variants.find((T) => T.id === i.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1929,7 +1929,7 @@ const es = (d) => {
                 ] })
               ]
             },
-            n.id
+            i.id
           )) }),
           /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
             /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
@@ -1947,10 +1947,10 @@ const es = (d) => {
               ] }),
               /* @__PURE__ */ t.jsx("div", { className: P.total, children: tt({
                 amount: r().total,
-                currency: e.parts.length > 0 && ((o = (c = i.find((n) => n.id === e.parts[0].productId)) == null ? void 0 : c.variants.find((n) => n.id === e.parts[0].productVariantId)) == null ? void 0 : o.price.currency) || "USD"
+                currency: e.parts.length > 0 && ((o = (c = n.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : c.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : o.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx(R, { onClick: () => v("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(R, { onClick: () => v("/checkout", !0), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(As, {})
       ]
@@ -1977,7 +1977,7 @@ const es = (d) => {
       }
     )
   ] })
-] }), qt = ({ signUp: d, close: i }) => {
+] }), qt = ({ signUp: d, close: n }) => {
   const { token: a } = Rt(), s = yt(), [e, l] = g.useState("test-email@gmail.com");
   g.useEffect(() => {
     a && (async () => {
@@ -1994,7 +1994,7 @@ const es = (d) => {
     {
       className: P.userInfo,
       onClick: () => {
-        r("/customer-dash"), i == null || i();
+        r("/customer-dash"), n == null || n();
       },
       children: /* @__PURE__ */ t.jsx("div", { children: e || "test-email@gmail.com" })
     }
@@ -2003,7 +2003,7 @@ const es = (d) => {
       R,
       {
         onClick: () => {
-          r("/customer-dash"), i == null || i();
+          r("/customer-dash"), n == null || n();
         },
         type: "Secondary",
         style: {
@@ -2016,7 +2016,7 @@ const es = (d) => {
       R,
       {
         onClick: () => {
-          r("/customer-dash"), i == null || i();
+          r("/customer-dash"), n == null || n();
         },
         type: "Primary",
         style: {
@@ -2029,7 +2029,7 @@ const es = (d) => {
   ] });
 }, Es = ({
   children: d,
-  logo: i,
+  logo: n,
   setIsOpen: a,
   signUp: s
 }) => {
@@ -2045,7 +2045,7 @@ const es = (d) => {
       onClick: (r) => r.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: P.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: i }),
+          /* @__PURE__ */ t.jsx("div", { children: n }),
           /* @__PURE__ */ t.jsx(
             R,
             {
@@ -2068,7 +2068,7 @@ const es = (d) => {
   );
 }, Ln = ({
   children: d,
-  logo: i,
+  logo: n,
   signUp: a
 }) => {
   const [s, e] = g.useState(!1);
@@ -2082,7 +2082,7 @@ const es = (d) => {
         children: /* @__PURE__ */ t.jsx(
           Es,
           {
-            logo: i,
+            logo: n,
             setIsOpen: e,
             signUp: a,
             children: d
@@ -2092,7 +2092,7 @@ const es = (d) => {
     )
   ] });
 }, Ds = (d) => {
-  const { setIsOpenModal: i } = d;
+  const { setIsOpenModal: n } = d;
   return /* @__PURE__ */ t.jsx(
     R,
     {
@@ -2101,7 +2101,7 @@ const es = (d) => {
         padding: 10
       },
       onClick: (a) => {
-        a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
+        a.stopPropagation(), window.location.pathname.includes("/admin/builder") || n(!0);
       },
       children: /* @__PURE__ */ t.jsx(b, { name: "List" })
     }
@@ -2116,7 +2116,7 @@ const es = (d) => {
   copyTextMobile: Fs,
   copyTextMiniMobile: Ys
 }, Un = ({ title: d = "Copy Product Link" }) => {
-  const { isOpenModal: i, setIsOpenModal: a } = Tt();
+  const { isOpenModal: n, setIsOpenModal: a } = Tt();
   function s() {
     a(!0);
   }
@@ -2139,10 +2139,10 @@ const es = (d) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Gs, { title: d }) })
+    n && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Ws, { title: d }) })
   ] });
-}, Gs = ({ title: d = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = Tt(), { notifications: a, setNotifications: s } = St(), { setIsOpen: e } = ct(), l = window.location.href;
+}, Ws = ({ title: d = "Copy Product Link" }) => {
+  const { setIsOpenModal: n } = Tt(), { notifications: a, setNotifications: s } = St(), { setIsOpen: e } = ct(), l = window.location.href;
   function r() {
     navigator.clipboard.writeText(l), s([
       ...a,
@@ -2155,7 +2155,7 @@ const es = (d) => {
   }
   function h() {
     e(!1), setTimeout(() => {
-      i(!1), e(!0);
+      n(!1), e(!0);
     }, 300);
   }
   function f(v, M) {
@@ -2209,13 +2209,13 @@ const es = (d) => {
       ]
     }
   );
-}, Ws = "_accordion_1s1lq_1", Xs = "_header_1s1lq_9", Qs = "_icon_1s1lq_18", Js = "_open_1s1lq_21", Ks = "_content_1s1lq_25", rt = {
-  accordion: Ws,
+}, Gs = "_accordion_1s1lq_1", Xs = "_header_1s1lq_9", Qs = "_icon_1s1lq_18", Js = "_open_1s1lq_21", Ks = "_content_1s1lq_25", rt = {
+  accordion: Gs,
   header: Xs,
   icon: Qs,
   open: Js,
   content: Ks
-}, zn = ({ title: d, content: i, defaultOpen: a = !1 }) => {
+}, zn = ({ title: d, content: n, defaultOpen: a = !1 }) => {
   const [s, e] = g.useState(a), [l, r] = g.useState(0), h = g.useRef(null), f = () => {
     e(!s);
   };
@@ -2239,11 +2239,11 @@ const es = (d) => {
         ref: h,
         className: rt.content,
         style: { height: `${l}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: n })
       }
     )
   ] });
-}, Zs = ({ children: d, path: i, className: a, target: s = "_self", id: e }) => {
+}, Zs = ({ children: d, path: n, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2255,8 +2255,8 @@ const es = (d) => {
         children: d
       }
     );
-  const l = yt(), r = /^https?:\/\//.test(i), h = (f) => {
-    r || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (f.preventDefault(), l(i));
+  const l = yt(), r = /^https?:\/\//.test(n), h = (f) => {
+    r || s === "_blank" ? s === "_blank" ? window.open(n, "_blank") : window.open(n, "_self") : (f.preventDefault(), l(n, { replace: !1 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -2273,7 +2273,7 @@ const es = (d) => {
   buttonsBlock: tn
 }, Vn = (d) => {
   var v, M;
-  const { setIsOpen: i, setModalType: a, productId: s } = d, { cart: e } = ot(), { pageContext: l } = bt(), r = (v = l == null ? void 0 : l.listings) == null ? void 0 : v.find((x) => x.id === s);
+  const { setIsOpen: n, setModalType: a, productId: s } = d, { cart: e } = ot(), { pageContext: l } = bt(), r = (v = l == null ? void 0 : l.listings) == null ? void 0 : v.find((x) => x.id === s);
   if (!r)
     return null;
   const h = (M = l == null ? void 0 : l.products) == null ? void 0 : M.find(
@@ -2296,7 +2296,7 @@ const es = (d) => {
               width: "100%"
             },
             onClick: () => {
-              a("Add To Cart"), i(!0);
+              a("Add To Cart"), n(!0);
             },
             children: f ? "Add More" : "Add To Cart"
           }
@@ -2306,7 +2306,7 @@ const es = (d) => {
           {
             type: "Primary",
             onClick: () => {
-              a("Buy Now"), i(!0);
+              a("Buy Now"), n(!0);
             },
             children: "Buy"
           }
@@ -2319,8 +2319,8 @@ const es = (d) => {
   logo: nn,
   info: an
 }, Hn = ({ date: d }) => {
-  const { general: i } = Ut();
-  if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const { general: n } = Ut();
+  if (!n) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
     const e = new Date(s), l = {
       month: "short",
@@ -2333,10 +2333,10 @@ const es = (d) => {
     return e.toLocaleDateString("en-US", l);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: Nt.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: Nt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: Nt.logo, children: n.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
+        src: `https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,
         alt: "image",
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
@@ -2349,7 +2349,7 @@ const es = (d) => {
       }
     ) }),
     /* @__PURE__ */ t.jsxs("div", { className: Nt.info, children: [
-      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: n.info.name }),
       /* @__PURE__ */ t.jsx("p", { id: "p", children: a(d) })
     ] })
   ] });
@@ -2368,18 +2368,18 @@ const es = (d) => {
   loading: xn
 }, Fn = (d) => {
   var c;
-  const { pageContext: i } = bt(), a = (c = i == null ? void 0 : i.listings) == null ? void 0 : c.find((o) => o.id === d.productId), [s, e] = g.useState(!0), [l, r] = g.useState(null), h = (l == null ? void 0 : l.variants[0]) || null, [f, v] = g.useState(
+  const { pageContext: n } = bt(), a = (c = n == null ? void 0 : n.listings) == null ? void 0 : c.find((o) => o.id === d.productId), [s, e] = g.useState(!0), [l, r] = g.useState(null), h = (l == null ? void 0 : l.variants[0]) || null, [f, v] = g.useState(
     h != null && h.chargeTypes && h.chargeTypes.length > 1 ? h.chargeTypes[0] : "ONE_TIME"
   ), { addProducts: M } = ot(), { setIsOpen: x } = ct();
   return g.useEffect(() => {
     (async () => {
       e(!0);
-      const n = await zt(
+      const i = await zt(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
       );
-      M(n == null ? void 0 : n.data.products), r(n == null ? void 0 : n.data.products[0]), e(!1);
+      M(i == null ? void 0 : i.data.products), r(i == null ? void 0 : i.data.products[0]), e(!1);
     })();
   }, []), g.useEffect(() => {
     x(!0);
@@ -2412,8 +2412,8 @@ const es = (d) => {
     }
   ) });
 }, _n = (d) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: l, setIsOpen: r } = d, { cart: h, addProductToCart: f, addProducts: v, updateQuantityOfProduct: M } = ot(), { notifications: x, setNotifications: c } = St(), { pageContext: o } = bt(), { setIsOpen: n } = ct(), q = () => {
-    n(!1), setTimeout(() => {
+  const { variants: n, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: l, setIsOpen: r } = d, { cart: h, addProductToCart: f, addProducts: v, updateQuantityOfProduct: M } = ot(), { notifications: x, setNotifications: c } = St(), { pageContext: o } = bt(), { setIsOpen: i } = ct(), T = () => {
+    i(!1), setTimeout(() => {
       r(!1);
     }, 300);
   };
@@ -2428,7 +2428,7 @@ const es = (d) => {
         quantity: N.quantity + 1
       });
     else {
-      o != null && o.products && (console.log("pageContext.products in product card modal", o.products), v(o.products));
+      o != null && o.products && v(o.products);
       try {
         f({
           productId: l,
@@ -2465,7 +2465,7 @@ const es = (d) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: q
+          onClick: T
         }
       )
     ] }),
@@ -2480,7 +2480,7 @@ const es = (d) => {
       },
       j
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: i.map((j) => {
+    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: n.map((j) => {
       var N, k, D;
       return /* @__PURE__ */ t.jsxs(
         "div",
@@ -2509,7 +2509,7 @@ const es = (d) => {
     }) })
   ] });
 }, jn = (d) => {
-  const { product: i, setIsOpen: a } = d, { setIsOpen: s } = ct(), e = () => {
+  const { product: n, setIsOpen: a } = d, { setIsOpen: s } = ct(), e = () => {
     s(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -2518,7 +2518,7 @@ const es = (d) => {
     /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        at(i.name)
+        at(n.name)
       ] }),
       /* @__PURE__ */ t.jsx(
         b,
@@ -2539,12 +2539,12 @@ const es = (d) => {
     /* @__PURE__ */ t.jsx("div", { className: Q.productOptions, children: /* @__PURE__ */ t.jsx(
       es,
       {
-        product: i,
+        product: n,
         setIsOpen: a
       }
     ) })
   ] });
-}, vn = "_contentModal_2a136_1", bn = "_modalTop_2a136_13", yn = "_loading_2a136_19", In = "_modalCards_2a136_27", Nn = "_modalImage_2a136_32", Cn = "_card_2a136_37", Sn = "_cardInfo_2a136_48", kn = "_cardButtons_2a136_55", wn = "_title_2a136_61", Pn = "_blockImage_2a136_68", G = {
+}, vn = "_contentModal_2a136_1", bn = "_modalTop_2a136_13", yn = "_loading_2a136_19", In = "_modalCards_2a136_27", Nn = "_modalImage_2a136_32", Cn = "_card_2a136_37", Sn = "_cardInfo_2a136_48", kn = "_cardButtons_2a136_55", wn = "_title_2a136_61", Pn = "_blockImage_2a136_68", W = {
   contentModal: vn,
   modalTop: bn,
   loading: yn,
@@ -2556,12 +2556,12 @@ const es = (d) => {
   title: wn,
   blockImage: Pn
 }, Yn = (d) => {
-  const { setIsOpen: i, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: l } = d, [r, h] = g.useState(null), [f, v] = g.useState(!0), { setIsOpen: M } = ct();
+  const { setIsOpen: n, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: l } = d, [r, h] = g.useState(null), [f, v] = g.useState(!0), { setIsOpen: M } = ct();
   g.useEffect(() => {
-    var n;
+    var i;
     v(!0);
-    const o = (n = a.listings) == null ? void 0 : n.filter(
-      (q) => s.listingIdList.includes(q.id)
+    const o = (i = a.listings) == null ? void 0 : i.filter(
+      (T) => s.listingIdList.includes(T.id)
     );
     o && h([...o]), v(!1);
   }, [a]), g.useEffect(() => {
@@ -2569,23 +2569,23 @@ const es = (d) => {
   }, []);
   const x = () => {
     M(!1), setTimeout(() => {
-      i(!1);
+      n(!1);
     }, 300);
   };
   function c(o) {
     return o.productData.compareAtPrice ? o.productData.compareAtPrice.amount : 0;
   }
-  return /* @__PURE__ */ t.jsx(ut, { close: () => i(!1), children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(ut, { close: () => n(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: G.contentModal,
+      className: W.contentModal,
       onClick: (o) => o.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: G.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: W.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: G.title,
+              className: W.title,
               id: "h4",
               children: at(s.name)
             }
@@ -2599,10 +2599,10 @@ const es = (d) => {
             }
           )
         ] }),
-        !f && r && /* @__PURE__ */ t.jsx("div", { className: G.modalCards, children: r.map((o) => /* @__PURE__ */ t.jsxs(
+        !f && r && /* @__PURE__ */ t.jsx("div", { className: W.modalCards, children: r.map((o) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: G.card,
+            className: W.card,
             children: [
               /* @__PURE__ */ t.jsx("div", { children: o.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
@@ -2611,14 +2611,14 @@ const es = (d) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: G.modalImage
+                  className: W.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: V(G.blockImage, G.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: G.cardInfo, children: [
+              ) : /* @__PURE__ */ t.jsx("div", { className: V(W.blockImage, W.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: W.cardInfo, children: [
                 /* @__PURE__ */ t.jsxs(
                   "span",
                   {
-                    className: G.name,
+                    className: W.name,
                     id: "h5",
                     children: [
                       at(o.productData.name),
@@ -2633,20 +2633,20 @@ const es = (d) => {
                 o.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: G.short,
+                    className: W.short,
                     id: "md",
                     children: at(o.productData.shortDescription)
                   }
                 ),
                 /* @__PURE__ */ t.jsx("span", {})
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: G.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: W.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
                   R,
                   {
                     type: "Secondary",
                     onClick: () => {
-                      e(o.id), i(!1), l(!0);
+                      e(o.id), n(!1), l(!0);
                     },
                     children: "Buy"
                   }
@@ -2657,7 +2657,7 @@ const es = (d) => {
           },
           o.id
         )) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: G.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
+        f && /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
       ]
     }
   ) });
@@ -2705,5 +2705,6 @@ export {
   ei as TextareaSettings,
   si as TextareaUI,
   ni as TypesText,
-  qt as UserInfo
+  qt as UserInfo,
+  ii as Wrapper
 };