@billgangcom/theme-lib 1.69.7 → 1.69.9

package/dist/ui.es.js

@@ -1,19 +1,19 @@
-import { j as t, I as b, c as U, b as Nt, u as ht, d as pt, P as mt, S as rt, R as kt, D as gt, e as ft, v as xt, B as lt, f as nt, a as wt, g as Pt, O as ut, h as J, i as _t, C as jt, k as F, l as Tt, m as qt, n as vt, o as Ot, p as yt, q as W, L as At, r as Ct, t as bt, w as at, s as it, x as D, y as Et, M as dt, z as Dt, A as ot, E as Rt, F as Mt, G as Lt, H as $t, J as zt } from "./index-CQFp0DVu.js";
-import { Y as Wn, V as Xn, Q as Qn, X as Jn, N as Kn, U as Zn, T as ti, K as ei, W as si } from "./index-CQFp0DVu.js";
-import m from "react";
+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 Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Vt = "_alignmentContent_kh9z8_30", Yt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Xt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Jt = "_active_kh9z8_97", Y = {
-  block: Ht,
-  title: Ut,
+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: Vt,
-  alignments: Yt,
+  alignmentContent: Yt,
+  alignments: Wt,
   alignment: Gt,
-  circle: Wt,
-  paddings: Xt,
-  padding: Qt,
-  active: Jt
-}, Kt = [
+  circle: Xt,
+  paddings: Qt,
+  padding: Jt,
+  active: Kt
+}, Zt = [
   "topLeft",
   "top",
   "topRight",
@@ -23,16 +23,16 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Zt = ["left", "top", "right", "bottom"], Bn = (r) => {
+], te = ["left", "top", "right", "bottom"], qn = (d) => {
   const {
-    alignment: i,
+    alignment: n,
     padding: a,
     setPadding: s,
     setAlignment: e,
-    isAlignment: c = !0,
-    isPadding: d = !0
-  } = r;
-  function u(o) {
+    isAlignment: l = !0,
+    isPadding: r = !0
+  } = d;
+  function h(o) {
     switch (o) {
       case "left":
       case "topLeft":
@@ -50,7 +50,7 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function g(o) {
+  function f(o) {
     switch (o) {
       case "left":
         return "AlignLeft";
@@ -62,13 +62,13 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [x, P] = m.useState(null), [v, n] = m.useState(null);
+  const [v, M] = g.useState(null), [x, c] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: Y.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: Y.alignmentContent, children: [
-      c && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
+      l && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: Y.alignments, children: Kt.map((o) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: Y.alignments, children: Zt.map((o) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
@@ -76,26 +76,26 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
             },
             className: Y.alignment,
             onMouseEnter: () => {
-              P(o);
+              M(o);
             },
             onMouseLeave: () => {
-              P(null);
+              M(null);
             },
             children: [
-              o !== i && x !== o && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
-              o !== i && x === o && /* @__PURE__ */ t.jsx(
+              o !== n && v !== o && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
+              o !== n && v === o && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: u(x),
+                  name: h(v),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              o === i && /* @__PURE__ */ t.jsx(
+              o === n && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: u(i),
+                  name: h(n),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -106,37 +106,37 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
           o
         )) })
       ] }),
-      d && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
+      r && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: Y.paddings, children: Zt.map((o) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: Y.paddings, children: te.map((o) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: U(Y.padding, {
-              [Y.active]: v === o
+            className: V(Y.padding, {
+              [Y.active]: x === o
             }),
             onFocus: () => {
-              n(o);
+              c(o);
             },
             onBlur: () => {
-              n(null);
+              c(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: g(o),
+                  name: f(o),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                Nt,
+                Ct,
                 {
                   type: "number",
                   value: String(a[o]),
-                  onChange: (p) => s({
+                  onChange: (i) => s({
                     ...a,
-                    [o]: Math.min(Number(p), 999)
+                    [o]: Math.min(Number(i), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -150,88 +150,88 @@ const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
       ] })
     ] })
   ] });
-}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_productsBlock_82zux_14", ne = "_top_82zux_26", ie = "_products_82zux_14", ae = "_product_82zux_14", oe = "_button_82zux_80", ce = "_disabled_82zux_91", re = "_buttons_82zux_118", le = "_addButton_82zux_157", de = "_deleteButton_82zux_179", X = {
-  title: te,
-  subtitle: ee,
-  productsBlock: se,
-  top: ne,
-  products: ie,
-  product: ae,
-  button: oe,
-  disabled: ce,
-  buttons: re,
-  addButton: le,
-  deleteButton: de
+}, ee = "_title_82zux_1", se = "_subtitle_82zux_5", ne = "_productsBlock_82zux_14", ie = "_top_82zux_26", ae = "_products_82zux_14", oe = "_product_82zux_14", ce = "_button_82zux_80", re = "_disabled_82zux_91", le = "_buttons_82zux_118", de = "_addButton_82zux_157", ue = "_deleteButton_82zux_179", X = {
+  title: ee,
+  subtitle: se,
+  productsBlock: ne,
+  top: ie,
+  products: ae,
+  product: oe,
+  button: ce,
+  disabled: re,
+  buttons: le,
+  addButton: de,
+  deleteButton: ue
 };
-function ue({ id: r, children: i }) {
+function he({ id: d, children: n }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: c,
-    transition: d,
-    isDragging: u
-  } = _t({
-    id: r
-  }), g = {
-    transform: jt.Transform.toString(c),
-    transition: d
+    transform: l,
+    transition: r,
+    isDragging: h
+  } = jt({
+    id: d
+  }), f = {
+    transform: vt.Transform.toString(l),
+    transition: r
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: g,
-      className: `${X.product} ${u ? X.dragging : ""}`,
+      style: f,
+      className: `${X.product} ${h ? X.dragging : ""}`,
       ...a,
       ...s,
-      children: i
+      children: n
     }
   );
 }
-const Tn = (r) => {
+const $n = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: c,
-    tags: d,
-    title: u,
-    subtitle: g,
-    draggable: x = !1,
-    withImage: P = !1,
-    addable: v = !0,
-    itemsOptions: n,
+    other: l,
+    tags: r,
+    title: h,
+    subtitle: f,
+    draggable: v = !1,
+    withImage: M = !1,
+    addable: x = !0,
+    itemsOptions: c,
     hasRangeSelector: o = !1,
-    rangeSelectorOptions: p,
-    limit: E,
+    rangeSelectorOptions: i,
+    limit: T,
     autoScrollInterval: _,
     deletable: j,
     aspectRatio: N,
-    setAspectRatio: M
-  } = r, z = ht(
-    pt(mt, {
+    setAspectRatio: k
+  } = d, D = pt(
+    mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), R = (h) => {
-    const { active: C, over: k } = h;
-    if (k && C.id !== k.id) {
-      const T = s.findIndex((q) => q === C.id), I = s.findIndex((q) => q === k.id);
-      if (T !== -1 && I !== -1) {
-        const q = [...s], [y] = q.splice(T, 1);
-        q.splice(I, 0, y), e(q);
+  ), L = (p) => {
+    const { active: C, over: w } = p;
+    if (w && C.id !== w.id) {
+      const $ = s.findIndex((O) => O === C.id), I = s.findIndex((O) => O === w.id);
+      if ($ !== -1 && I !== -1) {
+        const O = [...s], [y] = O.splice($, 1);
+        O.splice(I, 0, y), e(O);
       }
     }
   };
-  function K(h) {
-    if (P)
-      return h ? /* @__PURE__ */ t.jsx(
+  function K(p) {
+    if (M)
+      return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${h[0]}/w=1000`,
+          src: `https://imagedelivery.net/${p[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -246,11 +246,11 @@ const Tn = (r) => {
         }
       );
   }
-  const f = (h, C = !1) => {
-    const k = n.find((I) => I.id === h);
-    if (!k) return;
-    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  const m = (p, C = !1) => {
+    const w = c.find((I) => I.id === p);
+    if (!w) return;
+    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -260,17 +260,17 @@ const Tn = (r) => {
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        nt,
+        it,
         {
           onChange: (I) => {
-            const q = [...s], y = n.find((l) => l.name === I);
+            const O = [...s], y = c.find((u) => u.name === I);
             if (!y) return;
-            const O = y.id, H = q.map((l) => l === h ? O : l);
-            e([...H]);
+            const A = y.id, z = O.map((u) => u === p ? A : u);
+            e([...z]);
           },
-          value: k.name,
-          options: n.filter((I) => !s.find((q) => q === I.id)).map((I) => I.name),
-          leftAddonOptions: n.map((I) => ({
+          value: w.name,
+          options: c.filter((I) => !s.find((O) => O === I.id)).map((I) => I.name),
+          leftAddonOptions: c.map((I) => ({
             value: I.name,
             addon: K(I.images)
           }))
@@ -284,56 +284,56 @@ const Tn = (r) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((I) => I !== h))
+          onClick: () => e(s.filter((I) => I !== p))
         }
       ) }) })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      ue,
+    return v ? /* @__PURE__ */ t.jsx(
+      he,
       {
-        id: h,
-        children: T
+        id: p,
+        children: $
       },
       J()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
-        children: T
+        children: $
       },
       J()
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: u }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
-        rt,
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
+        lt,
         {
-          current: i,
-          onChange: (h) => a == null ? void 0 : a(h)
+          current: n,
+          onChange: (p) => a == null ? void 0 : a(p)
         }
       )
     ] }),
-    o && p && /* @__PURE__ */ t.jsx(kt, { ...p }),
+    o && i && /* @__PURE__ */ t.jsx(wt, { ...i }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      g && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: g }),
-      x ? /* @__PURE__ */ t.jsx(
-        gt,
+      f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
+      v ? /* @__PURE__ */ t.jsx(
+        ft,
         {
-          sensors: z,
-          onDragEnd: R,
+          sensors: D,
+          onDragEnd: L,
           children: /* @__PURE__ */ t.jsx(
-            ft,
+            xt,
             {
               items: s,
-              strategy: xt,
-              children: s.map((h) => f(h, j))
+              strategy: _t,
+              children: s.map((p) => m(p, j))
             }
           )
         }
-      ) : s.map((h) => f(h, j)),
-      v && /* @__PURE__ */ t.jsx(
+      ) : s.map((p) => m(p, j)),
+      x && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -343,25 +343,25 @@ const Tn = (r) => {
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            lt,
+            dt,
             {
               withoutHover: !0,
-              className: U(X.button, {
-                [X.disabled]: !!(E && E <= s.length || s.length === n.length)
+              className: V(X.button, {
+                [X.disabled]: !!(T && T <= s.length || s.length === c.length)
               }),
               size: "s",
-              disabled: !!(E && E <= s.length || s.length === n.length),
+              disabled: !!(T && T <= s.length || s.length === c.length),
               onClick: () => {
-                const h = [...s];
+                const p = [...s];
                 let C = null;
-                if (n) {
-                  for (let k = 0; k < n.length; k++)
-                    if (!s.find((T) => T === n[k].id)) {
-                      C = n[k];
+                if (c) {
+                  for (let w = 0; w < c.length; w++)
+                    if (!s.find(($) => $ === c[w].id)) {
+                      C = c[w];
                       break;
                     }
                 }
-                h.push((C == null ? void 0 : C.id) || n[0].id), e(h);
+                p.push((C == null ? void 0 : C.id) || c[0].id), e(p);
               },
               style: {
                 width: "fit-content"
@@ -382,37 +382,37 @@ const Tn = (r) => {
         }
       )
     ] }),
-    N && M && /* @__PURE__ */ t.jsx(
-      nt,
+    N && k && /* @__PURE__ */ t.jsx(
+      it,
       {
         value: N,
         label: "Aspect Ratio",
-        options: Object.keys(Pt),
-        onChange: (h) => M(h),
-        leftAddonOptions: wt
+        options: Object.keys(Mt),
+        onChange: (p) => k(p),
+        leftAddonOptions: Pt
       }
     ),
-    d !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    r !== void 0 && /* @__PURE__ */ t.jsx(
+      ht,
       {
         tagsTitle: "Tags",
-        items: d
+        items: r
       }
     ),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      ht,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     ),
     _ !== void 0 && /* @__PURE__ */ t.jsx(
-      Nt,
+      Ct,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(_.scrollInterval),
-        onChange: (h) => _.setScrollInterval(Number(h)),
+        onChange: (p) => _.setScrollInterval(Number(p)),
         min: 0.1,
         max: 100,
         style: {
@@ -422,95 +422,95 @@ const Tn = (r) => {
       }
     )
   ] });
-}, he = "_title_roi3a_1", pe = "_subtitle_roi3a_5", me = "_productsBlock_roi3a_14", ge = "_top_roi3a_26", fe = "_products_roi3a_14", xe = "_product_roi3a_14", _e = "_button_roi3a_80", je = "_disabled_roi3a_91", ve = "_buttons_roi3a_118", be = "_addButton_roi3a_164", ye = "_deleteButton_roi3a_179", V = {
-  title: he,
-  subtitle: pe,
-  productsBlock: me,
-  top: ge,
-  products: fe,
-  product: xe,
-  button: _e,
-  disabled: je,
-  buttons: ve,
-  addButton: be,
-  deleteButton: ye
+}, pe = "_title_roi3a_1", me = "_subtitle_roi3a_5", ge = "_productsBlock_roi3a_14", fe = "_top_roi3a_26", xe = "_products_roi3a_14", _e = "_product_roi3a_14", je = "_button_roi3a_80", ve = "_disabled_roi3a_91", be = "_buttons_roi3a_118", ye = "_addButton_roi3a_164", Ie = "_deleteButton_roi3a_179", F = {
+  title: pe,
+  subtitle: me,
+  productsBlock: ge,
+  top: fe,
+  products: xe,
+  product: _e,
+  button: je,
+  disabled: ve,
+  buttons: be,
+  addButton: ye,
+  deleteButton: Ie
 };
-function Ie({ product: r, children: i }) {
+function Ne({ product: d, children: n }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: c,
-    transition: d,
-    isDragging: u
-  } = _t({
-    id: r.id
-  }), g = {
-    transform: jt.Transform.toString(c),
-    transition: d
+    transform: l,
+    transition: r,
+    isDragging: h
+  } = jt({
+    id: d.id
+  }), f = {
+    transform: vt.Transform.toString(l),
+    transition: r
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: g,
-      className: `${V.product} ${u ? V.dragging : ""}`,
+      style: f,
+      className: `${F.product} ${h ? F.dragging : ""}`,
       ...a,
       ...s,
-      children: i
+      children: n
     }
   );
 }
-const qn = (r) => {
+const On = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    title: c,
-    subtitle: d,
-    editable: u = !0,
-    draggable: g = !1,
-    deletable: x = !0,
-    addable: P = !0,
-    itemsType: v,
-    itemsOptions: n,
+    title: l,
+    subtitle: r,
+    editable: h = !0,
+    draggable: f = !1,
+    deletable: v = !0,
+    addable: M = !0,
+    itemsType: x,
+    itemsOptions: c,
     addableOptions: o = {},
-    limit: p
-  } = r, [E, _] = m.useState(null), [j, N] = m.useState(null), M = m.useRef(null), z = ht(
-    pt(mt, {
+    limit: i
+  } = d, [T, _] = g.useState(null), [j, N] = g.useState(null), k = g.useRef(null), D = pt(
+    mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  m.useEffect(() => {
-    if (E) {
-      const h = [...s].map((C) => C.id === E.id ? E : C);
-      e(h);
+  g.useEffect(() => {
+    if (T) {
+      const p = [...s].map((C) => C.id === T.id ? T : C);
+      e(p);
     }
-  }, [E]), m.useEffect(() => {
-    M.current && j && (M.current.getBoundingClientRect().height, j.top);
-  }, [M.current, j]);
-  const R = (h, C) => {
-    h.stopPropagation();
-    const k = h.target.getBoundingClientRect();
+  }, [T]), g.useEffect(() => {
+    k.current && j && (k.current.getBoundingClientRect().height, j.top);
+  }, [k.current, j]);
+  const L = (p, C) => {
+    p.stopPropagation();
+    const w = p.target.getBoundingClientRect();
     N({
-      top: k.top + window.scrollY,
-      left: k.left - 30
+      top: w.top + window.scrollY,
+      left: w.left - 30
     }), _(C);
-  }, K = (h) => {
-    const { active: C, over: k } = h;
-    if (k && C.id !== k.id) {
-      const T = s.findIndex((q) => q.id === C.id), I = s.findIndex((q) => q.id === k.id);
-      if (T !== -1 && I !== -1) {
-        const q = [...s], [y] = q.splice(T, 1);
-        q.splice(I, 0, y), e(q);
+  }, K = (p) => {
+    const { active: C, over: w } = p;
+    if (w && C.id !== w.id) {
+      const $ = s.findIndex((O) => O.id === C.id), I = s.findIndex((O) => O.id === w.id);
+      if ($ !== -1 && I !== -1) {
+        const O = [...s], [y] = O.splice($, 1);
+        O.splice(I, 0, y), e(O);
       }
     }
-  }, f = (h, C) => {
-    const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, m = (p, C) => {
+    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -519,41 +519,41 @@ const qn = (r) => {
           height: 20
         }
       ) }),
-      v === "select" && n && /* @__PURE__ */ t.jsx(
-        nt,
+      x === "select" && c && /* @__PURE__ */ t.jsx(
+        it,
         {
-          onChange: (T) => {
-            const I = [...s], q = n.find((O) => O.name === T);
-            if (!q) return;
-            const y = I.map((O) => O.id === h.id ? {
-              ...q,
+          onChange: ($) => {
+            const I = [...s], O = c.find((A) => A.name === $);
+            if (!O) return;
+            const y = I.map((A) => A.id === p.id ? {
+              ...O,
               name: {
-                "en-US": T
+                "en-US": $
               }
-            } : O);
+            } : A);
             _({
-              ...h,
+              ...p,
               name: {
-                "en-US": T
+                "en-US": $
               }
             }), e([...y]);
           },
-          value: h.name,
-          options: n.filter((T) => !s.find((I) => I.name === T.name)).map((T) => T.name)
+          value: p.name,
+          options: c.filter(($) => !s.find((I) => I.name === $.name)).map(($) => $.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
+        h && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (T) => R(T, h)
+            onClick: ($) => L($, p)
           }
         ) }),
-        x && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        v && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -561,57 +561,57 @@ const qn = (r) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((T) => T.id !== h.id))
+            onClick: () => e(s.filter(($) => $.id !== p.id))
           }
         ) })
       ] })
     ] });
-    return g ? /* @__PURE__ */ t.jsx(
-      Ie,
+    return f ? /* @__PURE__ */ t.jsx(
+      Ne,
       {
-        product: h,
+        product: p,
         index: C,
-        children: k
+        children: w
       },
-      h.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V.product,
-        children: k
+        className: F.product,
+        children: w
       },
-      h.id
+      p.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: c }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
-        rt,
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (l || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: l }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
+        lt,
         {
-          current: i,
-          onChange: (h) => a == null ? void 0 : a(h)
+          current: n,
+          onChange: (p) => a == null ? void 0 : a(p)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
-      g ? /* @__PURE__ */ t.jsx(
-        gt,
+    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
+      r && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: r }),
+      f ? /* @__PURE__ */ t.jsx(
+        ft,
         {
-          sensors: z,
+          sensors: D,
           onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
-            ft,
+            xt,
             {
-              items: s.map((h) => h.id),
-              strategy: xt,
-              children: s.map((h, C) => f(h, C))
+              items: s.map((p) => p.id),
+              strategy: _t,
+              children: s.map((p, C) => m(p, C))
             }
           )
         }
-      ) : s.map((h, C) => f(h, C)),
-      P && /* @__PURE__ */ t.jsx(
+      ) : s.map((p, C) => m(p, C)),
+      M && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -620,34 +620,34 @@ const qn = (r) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            lt,
+            dt,
             {
               withoutHover: !0,
-              className: U(V.button, {
-                [V.disabled]: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length))
+              className: V(F.button, {
+                [F.disabled]: !!(i && i <= s.length || s.length === (c == null ? void 0 : c.length))
               }),
               size: "s",
-              disabled: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length)),
+              disabled: !!(i && i <= s.length || s.length === (c == null ? void 0 : c.length)),
               onClick: () => {
-                const h = [...s];
+                const p = [...s];
                 let C = null;
-                if (n) {
-                  for (let k = 0; k < n.length; k++)
-                    if (!s.find((T) => T.id === n[k].id)) {
-                      C = n[k];
+                if (c) {
+                  for (let w = 0; w < c.length; w++)
+                    if (!s.find(($) => $.id === c[w].id)) {
+                      C = c[w];
                       break;
                     }
                 }
-                v === "select" && n && h.push({
-                  name: C ? C.name : n[0].name,
-                  id: (C == null ? void 0 : C.id) || n[0].id,
+                x === "select" && c && p.push({
+                  name: C ? C.name : c[0].name,
+                  id: (C == null ? void 0 : C.id) || c[0].id,
                   ...o
-                }), e(h);
+                }), e(p);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -665,98 +665,98 @@ const qn = (r) => {
     ] })
   ] });
 };
-function Ne(r) {
-  const { product: i, children: a } = r, { attributes: s, listeners: e, setNodeRef: c, transform: d, transition: u, isDragging: g } = _t({
-    id: i.id
-  }), x = {
-    transform: jt.Transform.toString(d),
-    transition: u
+function Ce(d) {
+  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
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: x,
-      className: `${F.product} ${g ? F.dragging : ""}`,
+      ref: l,
+      style: v,
+      className: `${H.product} ${f ? H.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const On = (r) => {
+const An = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: c,
-    title: d,
-    subtitle: u,
-    editable: g = !0,
-    draggable: x = !1,
-    deletable: P = !0,
-    addable: v = !0,
-    itemsType: n,
+    other: l,
+    title: r,
+    subtitle: h,
+    editable: f = !0,
+    draggable: v = !1,
+    deletable: M = !0,
+    addable: x = !0,
+    itemsType: c,
     itemsPlaceholder: o = "",
-    itemsOptions: p,
-    hasRangeSelector: E = !1,
+    itemsOptions: i,
+    hasRangeSelector: T = !1,
     rangeSelectorOptions: _,
     modalOptions: j,
     addableOptions: N = {},
-    limit: M
-  } = r, [z, R] = m.useState(null), [K, f] = m.useState({
+    limit: k
+  } = d, [D, L] = g.useState(null), [K, m] = g.useState({
     top: 0,
     left: 0
-  }), [h, C] = m.useState(null), k = m.useRef(null), [T, I] = m.useState(!1), q = ht(
-    pt(mt, {
+  }), [p, C] = g.useState(null), w = g.useRef(null), [$, I] = g.useState(!1), O = pt(
+    mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  m.useEffect(() => {
-    const l = () => {
-      R(null), I(!1);
+  g.useEffect(() => {
+    const u = () => {
+      L(null), I(!1);
     };
-    return document.body.addEventListener("click", l), R(null), I(!1), () => {
-      R(null), I(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", u), L(null), I(!1), () => {
+      L(null), I(!1), document.body.removeEventListener("click", u);
     };
-  }, []), m.useEffect(() => {
-    if (z) {
-      const l = [...s].map((B) => B.id === z.id ? z : B);
-      e(l);
+  }, []), g.useEffect(() => {
+    if (D) {
+      const u = [...s].map((q) => q.id === D.id ? D : q);
+      e(u);
     }
-  }, [z]), m.useEffect(() => {
-    if (k.current && h) {
-      const l = k.current.getBoundingClientRect().height, B = window.innerHeight;
-      let S = h.top;
-      S + l > B + window.scrollY - 200 && (S = B + window.scrollY - l - 200), S < 0 && (S = 10), f({
+  }, [D]), g.useEffect(() => {
+    if (w.current && p) {
+      const u = w.current.getBoundingClientRect().height, q = window.innerHeight;
+      let S = p.top;
+      S + u > q + window.scrollY - 200 && (S = q + window.scrollY - u - 200), S < 0 && (S = 10), m({
         top: S,
-        left: h.left
+        left: p.left
       });
     }
-  }, [k.current, h]);
-  const y = (l, B) => {
-    l.stopPropagation();
-    const S = l.target.getBoundingClientRect();
+  }, [w.current, p]);
+  const y = (u, q) => {
+    u.stopPropagation();
+    const S = u.target.getBoundingClientRect();
     C({
       top: S.top + window.scrollY,
       left: S.left - 30
-    }), R(B), I(!0);
-  }, O = (l) => {
-    const { active: B, over: S } = l;
-    if (S && B.id !== S.id) {
-      const A = s.findIndex((L) => L.id === B.id), tt = s.findIndex((L) => L.id === S.id);
-      if (A !== -1 && tt !== -1) {
-        const L = [...s], [Z] = L.splice(A, 1);
-        L.splice(tt, 0, Z), e(L);
+    }), L(q), I(!0);
+  }, A = (u) => {
+    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);
       }
     }
-  }, H = (l) => {
+  }, z = (u) => {
     var S;
-    const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -765,70 +765,70 @@ const On = (r) => {
           height: 20
         }
       ) }),
-      n === "select" && p && /* @__PURE__ */ t.jsx(
-        nt,
+      c === "select" && i && /* @__PURE__ */ t.jsx(
+        it,
         {
-          onChange: (A) => {
-            const L = [...s].map((Z) => Z.id === l.id ? {
-              ...l,
+          onChange: (E) => {
+            const U = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
               name: {
-                "en-US": A
+                "en-US": E
               }
             } : Z);
-            R({
-              ...l,
+            L({
+              ...u,
               name: {
-                "en-US": A
+                "en-US": E
               }
-            }), e([...L]);
+            }), e([...U]);
           },
-          value: l.name["en-US"],
-          options: p.filter(
-            (A) => !s.find((tt) => tt.name["en-US"] === A)
+          value: u.name["en-US"],
+          options: i.filter(
+            (E) => !s.find((et) => et.name["en-US"] === E)
           )
         }
       ),
-      n === "input" && /* @__PURE__ */ t.jsx(
-        Nt,
+      c === "input" && /* @__PURE__ */ t.jsx(
+        Ct,
         {
-          onChange: (A) => {
-            const L = [...s].map((Z) => Z.id === l.id ? {
-              ...l,
+          onChange: (E) => {
+            const U = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
               name: {
-                "en-US": A
+                "en-US": E
               }
             } : Z);
-            e([...L]);
+            e([...U]);
           },
-          value: l.name["en-US"],
+          value: u.name["en-US"],
           placeholder: o
         }
       ),
-      n === "image" && /* @__PURE__ */ t.jsx(
-        qt,
+      c === "image" && /* @__PURE__ */ t.jsx(
+        Ot,
         {
-          onChange: (A) => {
-            const L = [...s].map((Z) => Z.id === l.id ? {
-              ...l,
-              images: A
+          onChange: (E) => {
+            const U = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
+              images: E
             } : Z);
-            e([...L]);
+            e([...U]);
           },
-          activeImage: (S = s.find((A) => A.id === l.id)) == null ? void 0 : S.images[0]
+          activeImage: (S = s.find((E) => E.id === u.id)) == null ? void 0 : S.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        g && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        f && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (A) => y(A, l)
+            onClick: (E) => y(E, u)
           }
         ) }),
-        P && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+        M && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -836,68 +836,68 @@ const On = (r) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((A) => A.id !== l.id))
+            onClick: () => e(s.filter((E) => E.id !== u.id))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      Ne,
+    return v ? /* @__PURE__ */ t.jsx(
+      Ce,
       {
-        product: l,
-        children: B
+        product: u,
+        children: q
       },
-      l.id
+      u.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
-        children: B
+        className: H.product,
+        children: q
       },
-      l.id
+      u.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: d }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
-        rt,
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (r || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: r }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
+        lt,
         {
-          current: i,
-          onChange: (l) => a == null ? void 0 : a(l)
+          current: n,
+          onChange: (u) => a == null ? void 0 : a(u)
         }
       )
     ] }),
-    z && g && j && T && /* @__PURE__ */ t.jsx(
-      Tt,
+    D && f && j && $ && /* @__PURE__ */ t.jsx(
+      $t,
       {
-        ref: k,
-        activeItem: z,
-        setActiveItem: R,
+        ref: w,
+        activeItem: D,
+        setActiveItem: L,
         popupPosition: K,
         modalOptions: j,
         setIsOpenModal: I
       }
     ),
-    E && _ && /* @__PURE__ */ t.jsx(kt, { ..._ }),
-    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: u }),
-      x ? /* @__PURE__ */ t.jsx(
-        gt,
+    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(
+        ft,
         {
-          sensors: q,
-          onDragEnd: O,
+          sensors: O,
+          onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
-            ft,
+            xt,
             {
-              items: s.map((l) => l.id),
-              strategy: xt,
-              children: s.map((l) => H(l))
+              items: s.map((u) => u.id),
+              strategy: _t,
+              children: s.map((u) => z(u))
             }
           )
         }
-      ) : s.map((l) => H(l)),
-      v && /* @__PURE__ */ t.jsx(
+      ) : s.map((u) => z(u)),
+      x && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -906,52 +906,52 @@ const On = (r) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            lt,
+            dt,
             {
               withoutHover: !0,
-              className: U(F.button, {
-                [F.disabled]: !!(M && M <= s.length)
+              className: V(H.button, {
+                [H.disabled]: !!(k && k <= s.length)
               }),
               size: "s",
-              disabled: !!(M && M <= s.length),
+              disabled: !!(k && k <= s.length),
               onClick: () => {
-                const l = [...s];
-                let B = null;
-                if (p) {
-                  for (let S = 0; S < p.length; S++)
-                    if (!s.find((A) => A.name["en-US"] === p[S])) {
-                      B = p[S];
+                const u = [...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;
                     }
                 }
-                n === "select" && p ? l.push({
+                c === "select" && i ? u.push({
                   name: {
-                    "en-US": B || p[0]
+                    "en-US": q || i[0]
                   },
                   id: J(),
                   ...N,
                   maxSymbols: 100
                   // пример значения
-                }) : n === "input" ? l.push({
+                }) : c === "input" ? u.push({
                   name: {
                     "en-US": ""
                   },
                   id: J(),
                   ...N,
                   maxSymbols: 100
-                }) : l.push({
+                }) : u.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: J(),
                   ...N,
                   maxSymbols: 100
-                }), e(l);
+                }), e(u);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -967,80 +967,80 @@ const On = (r) => {
         }
       )
     ] }),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      ht,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     )
   ] });
-}, Ce = "_subtitle_jql1y_1", Se = "_products_jql1y_10", ke = "_product_jql1y_10", we = "_button_jql1y_11", Pe = "_buttons_jql1y_11", Me = "_addButton_jql1y_150", $e = "_deleteButton_jql1y_165", et = {
-  subtitle: Ce,
-  products: Se,
-  product: ke,
-  button: we,
-  buttons: Pe,
-  addButton: Me,
-  deleteButton: $e
-}, Be = (r) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = r, { pages: d } = vt(), [u, g] = m.useState(null), [x, P] = m.useState({
+}, Se = "_subtitle_jql1y_1", ke = "_products_jql1y_10", we = "_product_jql1y_10", Pe = "_button_jql1y_11", Me = "_buttons_jql1y_11", Te = "_addButton_jql1y_150", Be = "_deleteButton_jql1y_165", st = {
+  subtitle: Se,
+  products: ke,
+  product: we,
+  button: Pe,
+  buttons: Me,
+  addButton: Te,
+  deleteButton: Be
+}, qe = (d) => {
+  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
-  }), [v, n] = m.useState(null), o = m.useRef(null);
-  m.useEffect(() => {
-    if (u) {
-      const _ = [...i].map((j) => j.id === u.id ? u : j);
+  }), [x, c] = g.useState(null), o = g.useRef(null);
+  g.useEffect(() => {
+    if (h) {
+      const _ = [...n].map((j) => j.id === h.id ? h : j);
       a(_);
     }
-  }, [u]), m.useEffect(() => {
-    if (o.current && v) {
+  }, [h]), g.useEffect(() => {
+    if (o.current && x) {
       const _ = o.current.getBoundingClientRect().height, j = window.innerHeight;
-      let N = v.top;
-      N + _ > j + window.scrollY - 200 && (N = j + window.scrollY - _ - 200), N < 0 && (N = 10), P({
+      let N = x.top;
+      N + _ > j + window.scrollY - 200 && (N = j + window.scrollY - _ - 200), N < 0 && (N = 10), M({
         top: N,
-        left: v.left
+        left: x.left
       });
     }
-  }, [o.current, v]);
-  const p = (_, j) => {
+  }, [o.current, x]);
+  const i = (_, j) => {
     _.stopPropagation();
     const N = _.target.getBoundingClientRect();
-    n({
+    c({
       top: N.top + window.scrollY - 70,
       left: N.left - (e ? 30 : 65)
-    }), g(j);
-  }, E = (_, j) => {
-    const N = [...i], M = {
+    }), f(j);
+  }, T = (_, j) => {
+    const N = [...n], k = {
       ..._,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    N.splice(j + 1, 0, M), a(N);
+    N.splice(j + 1, 0, k), a(N);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: et.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: et.subtitle, children: "Button Type" }),
-    i.map((_, j) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
+    n.map((_, j) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: et.product,
+        className: st.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            nt,
+            it,
             {
               onChange: (N) => {
-                const z = [...i].map((R) => R.id === _.id ? {
+                const D = [...n].map((L) => L.id === _.id ? {
                   ..._,
                   type: N
-                } : R);
-                a(z);
+                } : L);
+                a(D);
               },
               value: _.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: et.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: st.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Copy",
@@ -1048,11 +1048,11 @@ const On = (r) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  E(_, j);
+                  T(_, j);
                 }
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Sliders",
@@ -1060,17 +1060,17 @@ const On = (r) => {
                 width: 20,
                 height: 20,
                 onClick: (N) => {
-                  p(N, _);
+                  i(N, _);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
+            s && /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const N = i.filter((M) => M.id !== _.id);
+                  const N = n.filter((k) => k.id !== _.id);
                   a(N);
                 },
                 width: 20,
@@ -1083,14 +1083,14 @@ const On = (r) => {
       },
       _.id
     )),
-    u && /* @__PURE__ */ t.jsx(
-      Ot,
+    h && /* @__PURE__ */ t.jsx(
+      At,
       {
         ref: o,
-        activeButton: u,
-        setActiveButton: g,
-        popupPosition: x,
-        editableLink: c
+        activeButton: h,
+        setActiveButton: f,
+        popupPosition: v,
+        editableLink: l
       }
     ),
     e && /* @__PURE__ */ t.jsx(
@@ -1102,14 +1102,14 @@ const On = (r) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          lt,
+          dt,
           {
             withoutHover: !0,
-            className: et.button,
+            className: st.button,
             size: "s",
             onClick: () => {
-              const _ = [...i];
-              c ? _.push({
+              const _ = [...n];
+              l ? _.push({
                 type: "Primary",
                 id: J(),
                 typesText: [],
@@ -1117,7 +1117,7 @@ const On = (r) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: d ? Object.values(d)[0].path : "/",
+                page: r ? Object.values(r)[0].path : "/",
                 openInNewTab: !1
               }) : _.push({
                 type: "Primary",
@@ -1127,14 +1127,14 @@ const On = (r) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: d ? Object.values(d)[0].path : "/",
+                page: r ? Object.values(r)[0].path : "/",
                 openInNewTab: !1
               }), a(_);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: et.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: st.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
                 b,
@@ -1150,113 +1150,113 @@ const On = (r) => {
       }
     )
   ] });
-}, An = (r) => {
+}, En = (d) => {
   const {
-    isActiveButtons: i,
+    isActiveButtons: n,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
-    editableLink: c = !0,
-    addable: d = !0,
-    deletable: u = !0
-  } = r;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: yt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: yt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: yt.title, children: "Buttons" }),
+    editableLink: l = !0,
+    addable: r = !0,
+    deletable: h = !0
+  } = d;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: It.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: It.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: It.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        rt,
+        lt,
         {
-          current: i,
-          onChange: (g) => a(g)
+          current: n,
+          onChange: (f) => a(f)
         }
       )
     ] }),
-    i && /* @__PURE__ */ t.jsx(
-      Be,
+    n && /* @__PURE__ */ t.jsx(
+      qe,
       {
         buttons: s,
         setButtons: e,
-        editableLink: c,
-        addable: d,
-        deletable: u
+        editableLink: l,
+        addable: r,
+        deletable: h
       }
     )
   ] }) });
 };
-function Te(r) {
-  const { product: i, children: a } = r, { attributes: s, listeners: e, setNodeRef: c, transform: d, transition: u, isDragging: g } = _t({
-    id: String(i.listingId)
-  }), x = {
-    transform: jt.Transform.toString(d),
-    transition: u
+function $e(d) {
+  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
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: x,
-      className: `${W.product} ${g ? W.dragging : ""}`,
+      ref: l,
+      style: v,
+      className: `${G.product} ${f ? G.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const En = (r) => {
+const Dn = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: c,
-    title: d,
-    subtitle: u,
-    editable: g = !0,
-    draggable: x = !1,
-    withImage: P = !1,
-    deletable: v = !0,
-    addable: n = !0,
+    other: l,
+    title: r,
+    subtitle: h,
+    editable: f = !0,
+    draggable: v = !1,
+    withImage: M = !1,
+    deletable: x = !0,
+    addable: c = !0,
     itemsType: o,
-    itemsOptions: p,
-    limit: E,
+    itemsOptions: i,
+    limit: T,
     aspectRatio: _,
     setAspectRatio: j
-  } = r, [N, M] = m.useState(
+  } = d, [N, k] = g.useState(
     null
-  ), [z, R] = m.useState({
+  ), [D, L] = g.useState({
     top: 0,
     left: 0
-  }), [K, f] = m.useState(!1), h = ht(
-    pt(mt, {
+  }), [K, m] = g.useState(!1), p = pt(
+    mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  m.useEffect(() => {
+  g.useEffect(() => {
     const y = () => {
-      M(null), f(!1);
+      k(null), m(!1);
     };
-    return document.body.addEventListener("click", y), M(null), f(!1), () => {
-      M(null), f(!1), document.body.removeEventListener("click", y);
+    return document.body.addEventListener("click", y), k(null), m(!1), () => {
+      k(null), m(!1), document.body.removeEventListener("click", y);
     };
-  }, []), m.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (N) {
-      const y = [...s].map((O) => O.listingId === N.listingId ? N : O);
+      const y = [...s].map((A) => A.listingId === N.listingId ? N : A);
       e(y);
     }
   }, [N]);
-  const C = (y, O) => {
+  const C = (y, A) => {
     y.stopPropagation();
-    const H = y.target.getBoundingClientRect(), l = 100, B = window.innerHeight;
-    let S = H.top + window.scrollY;
-    S + l > B && (S = B - l - 20), f(!0), R({
+    const z = y.target.getBoundingClientRect(), u = 100, q = window.innerHeight;
+    let S = z.top + window.scrollY;
+    S + u > q && (S = q - u - 20), m(!0), L({
       top: S - 80,
-      left: H.left - 30
-    }), M(O);
+      left: z.left - 30
+    }), k(A);
   };
-  function k(y) {
-    if (P)
+  function w(y) {
+    if (M)
       return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1275,20 +1275,20 @@ const En = (r) => {
         }
       );
   }
-  const T = (y) => {
-    const { active: O, over: H } = y;
-    if (H && O.id !== H.id) {
-      const l = s.findIndex((S) => String(S.listingId) === O.id), B = s.findIndex((S) => String(S.listingId) === H.id);
-      if (l !== -1 && B !== -1) {
-        const S = [...s], [A] = S.splice(l, 1);
-        S.splice(B, 0, A), e(S);
+  const $ = (y) => {
+    const { active: A, over: z } = y;
+    if (z && A.id !== z.id) {
+      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(q, 0, E), e(S);
       }
     }
   }, I = (y) => {
-    const O = p.find((l) => y.listingId === l.id);
-    if (!O) return null;
-    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    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(
         b,
         {
           name: "DotsSixVertical",
@@ -1298,42 +1298,42 @@ const En = (r) => {
         }
       ) }),
       o === "select" && /* @__PURE__ */ t.jsx(
-        nt,
+        it,
         {
-          onChange: (l) => {
-            const B = [...s], S = p.find((L) => L.productData.name === l);
+          onChange: (u) => {
+            const q = [...s], S = i.find((U) => U.productData.name === u);
             if (!S) return;
-            const A = {
+            const E = {
               listingId: S.id,
               image: S.productData.images.length > 0 ? S.productData.images[0].cfId : ""
-            }, tt = B.map((L) => L.listingId === y.listingId ? A : L);
-            M(A), e([...tt]);
+            }, et = q.map((U) => U.listingId === y.listingId ? E : U);
+            k(E), e([...et]);
           },
-          value: O.productData.name,
+          value: A.productData.name,
           options: [
-            ...p.filter((l) => !s.find((B) => B.listingId === l.id)).map((l) => l.productData.name)
+            ...i.filter((u) => !s.find((q) => q.listingId === u.id)).map((u) => u.productData.name)
           ],
-          leftAddonOptions: p.map((l) => {
-            var B;
+          leftAddonOptions: i.map((u) => {
+            var q;
             return {
-              value: l.productData.name,
-              addon: k(((B = l.productData.images[0]) == null ? void 0 : B.cfId) || "")
+              value: u.productData.name,
+              addon: w(((q = u.productData.images[0]) == null ? void 0 : q.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        g && /* @__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",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (l) => C(l, y)
+            onClick: (u) => C(u, y)
           }
         ) }),
-        v && /* @__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",
@@ -1341,67 +1341,67 @@ const En = (r) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((l) => l !== y))
+            onClick: () => e(s.filter((u) => u !== y))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      Te,
+    return v ? /* @__PURE__ */ t.jsx(
+      $e,
       {
         product: y,
-        children: H
+        children: z
       },
       y.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W.product,
-        children: H
+        className: G.product,
+        children: z
       },
       y.listingId
     );
-  }, q = m.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: d }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
-        rt,
+  }, O = g.useRef(null);
+  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)
         }
       )
     ] }),
     K && N && /* @__PURE__ */ t.jsx(
-      At,
+      Et,
       {
-        ref: q,
+        ref: O,
         activeItem: N,
-        setActiveItem: M,
-        setIsOpenModal: f,
-        popupPosition: z,
-        itemsOptions: p
+        setActiveItem: k,
+        setIsOpenModal: m,
+        popupPosition: D,
+        itemsOptions: i
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: u }),
-      x ? /* @__PURE__ */ t.jsx(
-        gt,
+    n && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
+      h && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: h }),
+      v ? /* @__PURE__ */ t.jsx(
+        ft,
         {
-          sensors: h,
-          onDragEnd: T,
+          sensors: p,
+          onDragEnd: $,
           children: /* @__PURE__ */ t.jsx(
-            ft,
+            xt,
             {
               items: s.map((y) => String(y.listingId)),
-              strategy: xt,
+              strategy: _t,
               children: s.map((y) => I(y))
             }
           )
         }
       ) : s.map((y) => I(y)),
-      n && /* @__PURE__ */ t.jsx(
+      c && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1410,28 +1410,28 @@ const En = (r) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            lt,
+            dt,
             {
               withoutHover: !0,
-              className: W.button,
+              className: G.button,
               size: "s",
               onClick: () => {
                 const y = [...s];
-                for (let O = 0; O < p.length; O++)
-                  if (!s.find((H) => H.listingId === p[O].id)) {
+                for (let A = 0; A < i.length; A++)
+                  if (!s.find((z) => z.listingId === i[A].id)) {
                     y.push({
-                      listingId: p[O].id,
-                      image: p[O].productData.images.length > 0 ? p[O].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 === (E || p.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,
@@ -1448,184 +1448,186 @@ const En = (r) => {
       )
     ] }),
     _ && j && /* @__PURE__ */ t.jsx(
-      nt,
+      it,
       {
         value: _,
-        options: Object.keys(Pt),
+        options: Object.keys(Mt),
         onChange: (y) => j(y),
-        leftAddonOptions: wt
+        leftAddonOptions: Pt
       }
     ),
-    i && c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    n && l !== void 0 && /* @__PURE__ */ t.jsx(
+      ht,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     )
   ] });
-}, qe = "_options_167h8_1", Oe = "_price_167h8_18", Ae = "_oldPrice_167h8_25", Ee = "_newPrice_167h8_33", De = "_animate_167h8_40", Re = "_meta_167h8_58", Le = "_info_167h8_64", ze = "_infoRight_167h8_73", He = "_buttons_167h8_80", Ue = "_variants_167h8_87", Fe = "_variant_167h8_87", Ve = "_stock_167h8_105", Ye = "_variantInfo_167h8_112", Ge = "_quantity_167h8_119", We = "_button_167h8_80", Xe = "_activeVariant_167h8_165", Qe = "_chargeTypes_167h8_169", Je = "_charge_167h8_169", Ke = "_chargeActive_167h8_194", Ze = "_title_167h8_202", $ = {
-  options: qe,
-  price: Oe,
-  oldPrice: Ae,
-  newPrice: Ee,
-  animate: De,
-  meta: Re,
-  info: Le,
+}, 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,
+  newPrice: De,
+  animate: Re,
+  meta: Le,
+  info: Ue,
   infoRight: ze,
-  buttons: He,
-  variants: Ue,
+  buttons: Ve,
+  variants: He,
   variant: Fe,
-  stock: Ve,
-  variantInfo: Ye,
+  stock: Ye,
+  variantInfo: We,
   quantity: Ge,
-  button: We,
-  activeVariant: Xe,
-  chargeTypes: Qe,
-  charge: Je,
-  chargeActive: Ke,
-  title: Ze
+  button: Xe,
+  activeVariant: Qe,
+  chargeTypes: Je,
+  charge: Ke,
+  chargeActive: Ze,
+  title: ts
 };
-var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
-const ts = (r) => {
-  var R, K;
-  const { product: i, setIsOpen: a } = r, { variants: s } = i, [e, c] = m.useState(s[0]), [d, u] = m.useState(
+var kt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(kt || {});
+const es = (d) => {
+  var L, K;
+  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: g, setNotifications: x } = Ct(), P = bt(), [v, n] = m.useState(1), { cart: o, reset: p, addProductToCart: E } = at(), [_, j] = m.useState(!1);
-  m.useEffect(() => {
+  ), { 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 f = setTimeout(() => j(!1), 600);
-    return () => clearTimeout(f);
-  }, [v]);
+    const m = setTimeout(() => j(!1), 600);
+    return () => clearTimeout(m);
+  }, [x]);
   async function N() {
     try {
-      await E({
-        productId: i.id,
+      T({
+        productId: n.id,
         productVariantId: e.id,
-        quantity: v
-      }), x([
-        ...g,
+        quantity: x
+      }), v([
+        ...f,
         {
           id: J(),
           message: "Product added to cart",
           status: "success"
         }
       ]);
-    } catch (f) {
-      x([
-        ...g,
+    } catch (m) {
+      v([
+        ...f,
         {
           id: J(),
-          message: `Product failed to add to cart: ${f}`,
+          message: `Product failed to add to cart: ${m}`,
           status: "error"
         }
       ]);
     }
     a == null || a(!1);
   }
-  function M() {
-    p(), N(), P("/checkout");
+  function k() {
+    i(), N(), M("/checkout", {
+      replace: !0
+    });
   }
-  function z(f) {
-    if (f >= 864e5) {
-      const I = Math.floor(f / 864e5);
+  function D(m) {
+    if (m >= 864e5) {
+      const I = Math.floor(m / 864e5);
       return `${I} ${I === 1 ? "day" : "days"}`;
-    } else if (f >= 36e5) {
-      const I = Math.floor(f / 36e5);
+    } else if (m >= 36e5) {
+      const I = Math.floor(m / 36e5);
       return `${I} ${I === 1 ? "hour" : "hours"}`;
-    } else if (f >= 6e4) {
-      const I = Math.floor(f / 6e4);
+    } else if (m >= 6e4) {
+      const I = Math.floor(m / 6e4);
       return `${I} ${I === 1 ? "minute" : "minutes"}`;
     } else {
-      const I = Math.floor(f / 1e3);
+      const I = Math.floor(m / 1e3);
       return `${I} ${I === 1 ? "second" : "seconds"}`;
     }
   }
-  return m.useEffect(() => {
-    e.quantity && e.quantity.available === 0 ? n(0) : n(1);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: $.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: $.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
+  return g.useEffect(() => {
+    e.quantity && e.quantity.available === 0 ? c(0) : c(1);
+  }, [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: U($.charge, {
-          [$.chargeActive]: d === f
+        className: V(B.charge, {
+          [B.chargeActive]: r === m
         }),
-        onClick: () => u(f),
-        children: St[f]
+        onClick: () => h(m),
+        children: kt[m]
       },
-      f
+      m
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: $.variants, children: s.map((f) => {
-      var h, C;
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((m) => {
+      var p, C;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U($.variant, {
-            [$.activeVariant]: e.id === f.id
+          className: V(B.variant, {
+            [B.activeVariant]: e.id === m.id
           }),
-          onClick: () => c(f),
+          onClick: () => l(m),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: $.title, children: it(f.name) }),
-              /* @__PURE__ */ t.jsxs("span", { children: [
-                "$",
-                d === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
-              ] })
+            /* @__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: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: $.stock, children: [
-              (h = f.quantity.restrictions) != null && h.max || f.quantity.available !== void 0 ? ((C = f.quantity.restrictions) == null ? void 0 : C.max) || f.quantity.available : "∞",
+            /* @__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"
             ] }) })
           ]
         },
-        f.id
+        m.id
       );
     }) }),
-    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
+    r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        D,
+        R,
         {
           type: "Secondary",
           onClick: () => {
-            v > 1 ? n((f) => f - 1) : n(1);
+            x > 1 ? c((m) => m - 1) : c(1);
           },
-          className: $.button,
-          disabled: e.quantity.available && e.quantity.restrictions && v <= e.quantity.restrictions.min || e.quantity.available === 0,
+          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" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Et,
+        Dt,
         {
           type: "number",
-          value: String(v),
-          onChange: (f) => {
-            e.quantity.available && Number(f) > e.quantity.available ? n(e.quantity.available) : n(Number(f));
+          value: String(x),
+          onChange: (m) => {
+            e.quantity.available && Number(m) > e.quantity.available ? c(e.quantity.available) : c(Number(m));
           },
-          max: ((R = e.quantity.restrictions) == null ? void 0 : R.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          max: ((L = e.quantity.restrictions) == null ? void 0 : L.max) || e.quantity.available || Number.POSITIVE_INFINITY,
           min: ((K = e.quantity.restrictions) == null ? void 0 : K.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && v >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && x >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
-        D,
+        R,
         {
           type: "Secondary",
           onClick: () => {
-            n((f) => f + 1);
+            c((m) => m + 1);
           },
-          className: $.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && v >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && v >= e.quantity.available),
+          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: $.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: $.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: $.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -1635,143 +1637,143 @@ const ts = (r) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : z(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : D(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: $.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
-            "$ ",
-            (e.price.amount || 0) * v
-          ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
-            "$ ",
-            (e.compareAtPrice.amount || 0) * v
-          ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
-          "$ ",
-          (e.price.amount || 0) * v
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
-            "$ ",
-            e.subscriptionSettings.price.amount || 0
-          ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
-            "$ ",
-            e.subscriptionSettings.compareAtPrice.amount || 0
-          ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
-          "$ ",
-          e.subscriptionSettings.price.amount || 0
-        ] }) })
+        /* @__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: B.oldPrice, children: tt({
+            amount: e.compareAtPrice.amount * x,
+            currency: e.compareAtPrice.currency
+          }) })
+        ] }) : /* @__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: 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: B.oldPrice, children: tt({
+            amount: e.subscriptionSettings.compareAtPrice.amount * x,
+            currency: e.subscriptionSettings.compareAtPrice.currency
+          }) })
+        ] }) : 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: $.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        D,
+        R,
         {
           type: "Primary",
-          onClick: () => M(),
+          onClick: () => k(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: r === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      d === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        D,
+      r === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+        R,
         {
           type: "Secondary",
           onClick: () => N(),
           disabled: e.quantity && e.quantity.available === 0,
           children: o.parts.some(
-            (f) => f.productId === i.id && f.productVariantId === e.id
+            (m) => m.productId === n.id && m.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, es = "_buttons_qns27_23", ss = "_modal_qns27_32", ns = "_closing_qns27_64", is = "_info_qns27_113", as = "_top_qns27_120", os = "_title_qns27_131", cs = "_clear_qns27_138", rs = "_activeClear_qns27_145", ls = "_count_qns27_149", ds = "_cart_qns27_164", us = "_empty_qns27_172", hs = "_product_qns27_198", ps = "_products_qns27_207", ms = "_image_qns27_215", gs = "_productInfo_qns27_231", fs = "_content_qns27_238", xs = "_name_qns27_244", _s = "_price_qns27_250", js = "_productButtons_qns27_256", vs = "_productButton_qns27_256", bs = "_productCount_qns27_273", ys = "_bottom_qns27_290", Is = "_subtotal_qns27_298", Ns = "_block_qns27_306", Cs = "_shoppingCount_qns27_313", Ss = "_total_qns27_333", ks = "_link_qns27_339", ws = "_userInfo_qns27_346", Ps = "_pagesMobileModal_qns27_358", Ms = "_pagesMobileModalContent_qns27_372", $s = "_pagesMobileModalHeader_qns27_378", Bs = "_pagesMobileModalFooter_qns27_388", w = {
-  buttons: es,
-  modal: ss,
-  closing: ns,
-  info: is,
-  top: as,
-  title: os,
-  clear: cs,
-  activeClear: rs,
-  count: ls,
-  cart: ds,
-  empty: us,
-  product: hs,
-  products: ps,
-  image: ms,
-  productInfo: gs,
-  content: fs,
-  name: xs,
-  price: _s,
-  productButtons: js,
-  productButton: vs,
-  productCount: bs,
-  bottom: ys,
-  subtotal: Is,
-  block: Ns,
-  shoppingCount: Cs,
-  total: Ss,
-  link: ks,
-  userInfo: ws,
-  pagesMobileModal: Ps,
-  pagesMobileModalContent: Ms,
-  pagesMobileModalHeader: $s,
-  pagesMobileModalFooter: Bs
-}, Dn = (r) => {
-  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = r;
-  return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
-    i && /* @__PURE__ */ t.jsx(Ts, {}),
-    s && /* @__PURE__ */ t.jsx(Bt, { signUp: a })
+}, ss = "_buttons_qns27_23", ns = "_modal_qns27_32", is = "_closing_qns27_64", as = "_info_qns27_113", os = "_top_qns27_120", cs = "_title_qns27_131", rs = "_clear_qns27_138", ls = "_activeClear_qns27_145", ds = "_count_qns27_149", us = "_cart_qns27_164", hs = "_empty_qns27_172", ps = "_product_qns27_198", ms = "_products_qns27_207", gs = "_image_qns27_215", fs = "_productInfo_qns27_231", xs = "_content_qns27_238", _s = "_name_qns27_244", js = "_price_qns27_250", vs = "_productButtons_qns27_256", bs = "_productButton_qns27_256", ys = "_productCount_qns27_273", Is = "_bottom_qns27_290", Ns = "_subtotal_qns27_298", Cs = "_block_qns27_306", Ss = "_shoppingCount_qns27_313", ks = "_total_qns27_333", ws = "_link_qns27_339", Ps = "_userInfo_qns27_346", Ms = "_pagesMobileModal_qns27_358", Ts = "_pagesMobileModalContent_qns27_372", Bs = "_pagesMobileModalHeader_qns27_378", qs = "_pagesMobileModalFooter_qns27_388", P = {
+  buttons: ss,
+  modal: ns,
+  closing: is,
+  info: as,
+  top: os,
+  title: cs,
+  clear: rs,
+  activeClear: ls,
+  count: ds,
+  cart: us,
+  empty: hs,
+  product: ps,
+  products: ms,
+  image: gs,
+  productInfo: fs,
+  content: xs,
+  name: _s,
+  price: js,
+  productButtons: vs,
+  productButton: bs,
+  productCount: ys,
+  bottom: Is,
+  subtotal: Ns,
+  block: Cs,
+  shoppingCount: Ss,
+  total: ks,
+  link: ws,
+  userInfo: Ps,
+  pagesMobileModal: Ms,
+  pagesMobileModalContent: Ts,
+  pagesMobileModalHeader: Bs,
+  pagesMobileModalFooter: qs
+}, Rn = (d) => {
+  const { shopping: n, signUp: a, isShowUserInfo: s = !0 } = d;
+  return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+    n && /* @__PURE__ */ t.jsx($s, {}),
+    s && /* @__PURE__ */ t.jsx(qt, { signUp: a })
   ] });
-}, Ts = () => {
-  const [r, i] = m.useState(!1), [a, s] = m.useState([]), { cart: e, products: c } = at();
-  function d(n) {
-    if (n.variants.length > 0) {
-      for (let o = 0; o < e.parts.length; o++)
-        for (let p = 0; p < n.variants.length; p++)
-          if (n.variants[p] && e.parts[o].productVariantId === n.variants[p].id)
-            return e.parts[o].productVariantId;
+}, $s = () => {
+  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 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 n.variants[0].id;
+    return c.variants[0].id;
   }
-  function u(n) {
-    for (let o = 0; o < e.parts.length; o++)
-      for (let p = 0; p < n.variants.length; p++)
-        if (n.variants[p] && e.parts[o].productVariantId === n.variants[p].id)
-          return e.parts[o].quantity;
+  function v(c) {
+    for (let o = 0; o < r.parts.length; o++)
+      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;
   }
-  m.useEffect(() => {
+  g.useEffect(() => {
     (async () => {
-      const o = e.parts.map((_) => String(_.productId)), E = (c.filter((_) => o.includes(String(_.id))) || []).map((_) => ({
+      const o = r.parts.map((_) => String(_.productId)), T = (h.filter((_) => o.includes(String(_.id))) || []).map((_) => ({
         ..._,
-        activeVariantId: d(_),
-        quantity: u(_)
+        activeVariantId: f(_),
+        quantity: v(_)
       }));
-      s(E);
+      s(T);
     })();
-  }, [e.parts]);
-  function g(n) {
+  }, [r.parts]);
+  function M(c) {
     var o;
-    return !n || !(n != null && n.variants) ? !1 : (o = n.variants.find((p) => p.id === n.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 = e.parts.length > 0 && a.length > 0 && !g(a[0]), [P, v] = m.useState(!1);
+  const x = r.parts.length > 0 && a.length > 0 && !M(a[0]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      D,
+      R,
       {
         type: "Secondary",
         style: {
           padding: 10,
           position: "relative"
         },
-        onClick: (n) => {
-          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), v(!0));
+        onClick: (c) => {
+          c.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), l(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1780,115 +1782,120 @@ const ts = (r) => {
               name: "Handbag"
             }
           ),
-          x && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
+          x && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: r.parts.length })
         ]
       }
     ),
-    r && /* @__PURE__ */ t.jsx(
-      dt,
+    d && /* @__PURE__ */ t.jsx(
+      ut,
       {
         close: () => {
-          v(!1), setTimeout(() => {
-            i(!1);
+          l(!1), setTimeout(() => {
+            n(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          qs,
+          Os,
           {
             activeProducts: a,
             isCartNotEmpty: x,
-            isOpen: P
+            isOpen: e
           }
         )
       }
     )
   ] });
-}, qs = (r) => {
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = r, { cart: e, reset: c, getTotalAndDiscount: d, updateQuantityOfProduct: u } = at(), g = bt();
-  function x(n) {
-    g(n);
+}, Os = (d) => {
+  var c, o;
+  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 P(n) {
-    n.quantity && u({
-      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 v(n) {
-    n.quantity && u({
-      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 /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U(w.modal, {
-        [w.closing]: !s
+      className: V(P.modal, {
+        [P.closing]: !s
       }),
-      onClick: (n) => n.stopPropagation(),
+      onClick: (i) => i.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: w.title, children: "Cart" }),
-            a && /* @__PURE__ */ t.jsx("div", { className: w.count, children: e.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: P.title, children: "Cart" }),
+            a && /* @__PURE__ */ t.jsx("div", { className: P.count, children: e.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: U(w.clear, {
-                [w.activeClear]: a
+              className: V(P.clear, {
+                [P.activeClear]: a
               }),
               disabled: !a,
-              onClick: c,
+              onClick: l,
               children: "Clear all"
             }
           )
         ] }),
-        a ? /* @__PURE__ */ t.jsxs("div", { className: w.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: w.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: P.products, children: [...new Map(n.map((i) => [i.id, i])).values()].map((i) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: w.product,
+              className: P.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: w.productInfo, children: [
-                  n.images.length > 0 ? /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
+                  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%",
-                      className: w.image
+                      className: P.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: w.image, children: /* @__PURE__ */ t.jsx(
+                  ) : /* @__PURE__ */ t.jsx("div", { className: P.image, children: /* @__PURE__ */ t.jsx(
                     b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: w.name, children: it(n.name) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-                      "$",
-                      n.variants.find((o) => o.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
-                    ] })
+                  /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: P.name, children: at(i.name) }),
+                    /* @__PURE__ */ t.jsx("div", { className: P.price, children: tt({
+                      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
+                    }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    D,
+                    R,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && v(n);
+                        i.quantity !== 1 && x(i);
                       },
-                      className: w.productButton,
-                      disabled: n.quantity === 1,
+                      className: P.productButton,
+                      disabled: i.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1900,14 +1907,14 @@ const ts = (r) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: w.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: i.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    D,
+                    R,
                     {
                       type: "Secondary",
-                      onClick: () => P(n),
-                      className: w.productButton,
-                      disabled: n.quantity === n.variants.find((o) => o.id === n.activeVariantId).quantity.available,
+                      onClick: () => M(i),
+                      className: P.productButton,
+                      disabled: i.quantity === i.variants.find((T) => T.id === i.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1922,11 +1929,11 @@ const ts = (r) => {
                 ] })
               ]
             },
-            n.id
+            i.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: w.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: w.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: w.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: P.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1938,18 +1945,18 @@ const ts = (r) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: w.total, children: [
-                "$",
-                d().total
-              ] })
+              /* @__PURE__ */ t.jsx("div", { className: P.total, children: tt({
+                amount: r().total,
+                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(D, { onClick: () => x("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(R, { onClick: () => v("/checkout", !0), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Os, {})
+        ] }) : /* @__PURE__ */ t.jsx(As, {})
       ]
     }
   );
-}, Os = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
+}, As = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     b,
     {
@@ -1965,38 +1972,38 @@ const ts = (r) => {
       "a",
       {
         href: "/products",
-        className: w.link,
+        className: P.link,
         children: "view products"
       }
     )
   ] })
-] }), Bt = ({ signUp: r, close: i }) => {
-  const { token: a } = Dt(), s = bt(), [e, c] = m.useState("test-email@gmail.com");
-  m.useEffect(() => {
+] }), qt = ({ signUp: d, close: n }) => {
+  const { token: a } = Rt(), s = yt(), [e, l] = g.useState("test-email@gmail.com");
+  g.useEffect(() => {
     a && (async () => {
       if (!a) return;
-      const g = Rt(a);
-      c(g.email);
+      const f = Lt(a);
+      l(f.email);
     })();
   }, [a]);
-  function d(u) {
-    window.location.pathname.includes("/admin/builder") || s(u);
+  function r(h) {
+    window.location.pathname.includes("/admin/builder") || s(h);
   }
   return a ? /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: w.userInfo,
+      className: P.userInfo,
       onClick: () => {
-        d("/customer-dash"), i == null || i();
+        r("/customer-dash"), n == null || n();
       },
       children: /* @__PURE__ */ t.jsx("div", { children: e || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      D,
+      R,
       {
         onClick: () => {
-          d("/customer-dash"), i == null || i();
+          r("/customer-dash"), n == null || n();
         },
         type: "Secondary",
         style: {
@@ -2005,11 +2012,11 @@ const ts = (r) => {
         children: "Login"
       }
     ),
-    r && /* @__PURE__ */ t.jsx(
-      D,
+    d && /* @__PURE__ */ t.jsx(
+      R,
       {
         onClick: () => {
-          d("/customer-dash"), i == null || i();
+          r("/customer-dash"), n == null || n();
         },
         type: "Primary",
         style: {
@@ -2020,13 +2027,13 @@ const ts = (r) => {
       }
     )
   ] });
-}, As = ({
-  children: r,
-  logo: i,
+}, Es = ({
+  children: d,
+  logo: n,
   setIsOpen: a,
   signUp: s
 }) => {
-  const { setIsOpen: e } = ot(), c = () => {
+  const { setIsOpen: e } = ct(), l = () => {
     e(!1), setTimeout(() => {
       a(!1), e(!0);
     }, 300);
@@ -2034,90 +2041,90 @@ const ts = (r) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: w.pagesMobileModal,
-      onClick: (d) => d.stopPropagation(),
+      className: P.pagesMobileModal,
+      onClick: (r) => r.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: i }),
+        /* @__PURE__ */ t.jsxs("div", { className: P.pagesMobileModalHeader, children: [
+          /* @__PURE__ */ t.jsx("div", { children: n }),
           /* @__PURE__ */ t.jsx(
-            D,
+            R,
             {
               type: "Secondary",
-              onClick: c,
+              onClick: l,
               children: /* @__PURE__ */ t.jsx(b, { name: "X" })
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: r }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Bt,
+        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalContent, children: d }),
+        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+          qt,
           {
             signUp: s,
-            close: c
+            close: l
           }
         ) })
       ]
     }
   );
-}, Rn = ({
-  children: r,
-  logo: i,
+}, Ln = ({
+  children: d,
+  logo: n,
   signUp: a
 }) => {
-  const [s, e] = m.useState(!1);
+  const [s, e] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Es, { setIsOpenModal: e }),
+    /* @__PURE__ */ t.jsx(Ds, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
-      dt,
+      ut,
       {
         close: () => e(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          As,
+          Es,
           {
-            logo: i,
+            logo: n,
             setIsOpen: e,
             signUp: a,
-            children: r
+            children: d
           }
         )
       }
     )
   ] });
-}, Es = (r) => {
-  const { setIsOpenModal: i } = r;
+}, Ds = (d) => {
+  const { setIsOpenModal: n } = d;
   return /* @__PURE__ */ t.jsx(
-    D,
+    R,
     {
       type: "Secondary",
       style: {
         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" })
     }
   );
-}, Ds = "_share_rlgln_1", Rs = "_modal_rlgln_8", Ls = "_header_rlgln_20", zs = "_title_rlgln_46", Hs = "_copyWrapper_rlgln_52", Us = "_copyText_rlgln_61", Fs = "_copyTextMobile_rlgln_74", Vs = "_copyTextMiniMobile_rlgln_93", st = {
-  share: Ds,
-  modal: Rs,
-  header: Ls,
+}, Rs = "_share_rlgln_1", Ls = "_modal_rlgln_8", Us = "_header_rlgln_20", zs = "_title_rlgln_46", Vs = "_copyWrapper_rlgln_52", Hs = "_copyText_rlgln_61", Fs = "_copyTextMobile_rlgln_74", Ys = "_copyTextMiniMobile_rlgln_93", nt = {
+  share: Rs,
+  modal: Ls,
+  header: Us,
   title: zs,
-  copyWrapper: Hs,
-  copyText: Us,
+  copyWrapper: Vs,
+  copyText: Hs,
   copyTextMobile: Fs,
-  copyTextMiniMobile: Vs
-}, Ln = ({ title: r = "Copy Product Link" }) => {
-  const { isOpenModal: i, setIsOpenModal: a } = Mt();
+  copyTextMiniMobile: Ys
+}, Un = ({ title: d = "Copy Product Link" }) => {
+  const { isOpenModal: n, setIsOpenModal: a } = Tt();
   function s() {
     a(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      D,
+      R,
       {
-        className: st.share,
+        className: nt.share,
         onClick: (e) => {
           e.stopPropagation(), s();
         },
@@ -2132,12 +2139,12 @@ const ts = (r) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(dt, { close: a, children: /* @__PURE__ */ t.jsx(Ys, { title: r }) })
+    n && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Ws, { title: d }) })
   ] });
-}, Ys = ({ title: r = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } = Ct(), { setIsOpen: e } = ot(), c = window.location.href;
-  function d() {
-    navigator.clipboard.writeText(c), s([
+}, 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,
       {
         id: J(),
@@ -2146,55 +2153,55 @@ const ts = (r) => {
       }
     ]);
   }
-  function u() {
+  function h() {
     e(!1), setTimeout(() => {
-      i(!1), e(!0);
+      n(!1), e(!0);
     }, 300);
   }
-  function g(x, P) {
-    return x.length > P ? x.slice(0, P) + "..." : x;
+  function f(v, M) {
+    return v.length > M ? v.slice(0, M) + "..." : v;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: st.modal,
-      onClick: (x) => x.stopPropagation(),
+      className: nt.modal,
+      onClick: (v) => v.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: st.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: st.title, children: r }),
+        /* @__PURE__ */ t.jsxs("div", { className: nt.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: nt.title, children: d }),
           /* @__PURE__ */ t.jsx(
             b,
             {
               name: "X",
               fill: "#757575",
-              onClick: u,
+              onClick: h,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: st.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            D,
+            R,
             {
               type: "Secondary",
-              onClick: d,
+              onClick: r,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: st.copyText, children: g(c, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: st.copyTextMobile, children: g(c, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: st.copyTextMiniMobile, children: g(c, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyText, children: f(l, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMobile, children: f(l, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMiniMobile, children: f(l, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            D,
+            R,
             {
               type: "Secondary",
-              onClick: d,
+              onClick: r,
               children: a.find(
-                (x) => x.message === "Link copied to clipboard"
+                (v) => v.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
@@ -2202,41 +2209,41 @@ const ts = (r) => {
       ]
     }
   );
-}, Gs = "_accordion_1s1lq_1", Ws = "_header_1s1lq_9", Xs = "_icon_1s1lq_18", Qs = "_open_1s1lq_21", Js = "_content_1s1lq_25", ct = {
+}, Gs = "_accordion_1s1lq_1", Xs = "_header_1s1lq_9", Qs = "_icon_1s1lq_18", Js = "_open_1s1lq_21", Ks = "_content_1s1lq_25", rt = {
   accordion: Gs,
-  header: Ws,
-  icon: Xs,
-  open: Qs,
-  content: Js
-}, zn = ({ title: r, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = m.useState(a), [c, d] = m.useState(0), u = m.useRef(null), g = () => {
+  header: Xs,
+  icon: Qs,
+  open: Js,
+  content: Ks
+}, 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);
   };
-  return m.useEffect(() => {
-    u.current && d(s ? u.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: ct.accordion, children: [
+  return g.useEffect(() => {
+    h.current && r(s ? h.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: rt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: ct.header,
-        onClick: g,
+        className: rt.header,
+        onClick: f,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
-          /* @__PURE__ */ t.jsx("div", { className: U(ct.icon, { [ct.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: d }),
+          /* @__PURE__ */ t.jsx("div", { className: V(rt.icon, { [rt.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: u,
-        className: ct.content,
-        style: { height: `${c}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
+        ref: h,
+        className: rt.content,
+        style: { height: `${l}px` },
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: n })
       }
     )
   ] });
-}, Ks = ({ children: r, 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",
@@ -2245,61 +2252,61 @@ const ts = (r) => {
         role: "link",
         style: { cursor: "pointer" },
         id: e,
-        children: r
+        children: d
       }
     );
-  const c = bt(), d = /^https?:\/\//.test(i), u = (g) => {
-    d || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (g.preventDefault(), c(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",
     {
-      onClick: u,
+      onClick: h,
       className: a,
       role: "link",
       style: { cursor: "pointer" },
       id: e,
-      children: r
+      children: d
     }
   );
-}, Zs = "_buttonsBlock_1b2rb_1", tn = {
-  buttonsBlock: Zs
-}, Hn = (r) => {
-  var x, P;
-  const { setIsOpen: i, setModalType: a, productId: s } = r, { cart: e } = at(), { pageContext: c } = vt(), d = (x = c == null ? void 0 : c.listings) == null ? void 0 : x.find((v) => v.id === s);
-  if (!d)
+}, tn = "_buttonsBlock_1b2rb_1", en = {
+  buttonsBlock: tn
+}, Vn = (d) => {
+  var v, M;
+  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 u = (P = c == null ? void 0 : c.products) == null ? void 0 : P.find(
-    (v) => v.uniquePath === d.productData.uniquePath
+  const h = (M = l == null ? void 0 : l.products) == null ? void 0 : M.find(
+    (x) => x.uniquePath === r.productData.uniquePath
   );
-  if (!u)
+  if (!h)
     return null;
-  const g = e.parts.find((v) => v.productId === u.id);
+  const f = e.parts.find((x) => x.productId === h.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: tn.buttonsBlock,
-      onClick: (v) => v.stopPropagation(),
+      className: en.buttonsBlock,
+      onClick: (x) => x.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          D,
+          R,
           {
             type: "Secondary",
             style: {
               width: "100%"
             },
             onClick: () => {
-              a("Add To Cart"), i(!0);
+              a("Add To Cart"), n(!0);
             },
-            children: g ? "Add More" : "Add To Cart"
+            children: f ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          D,
+          R,
           {
             type: "Primary",
             onClick: () => {
-              a("Buy Now"), i(!0);
+              a("Buy Now"), n(!0);
             },
             children: "Buy"
           }
@@ -2307,15 +2314,15 @@ const ts = (r) => {
       ]
     }
   );
-}, en = "_wrapper_27wzz_1", sn = "_logo_27wzz_8", nn = "_info_27wzz_12", It = {
-  wrapper: en,
-  logo: sn,
-  info: nn
-}, Un = ({ date: r }) => {
-  const { general: i } = Lt();
-  if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+}, sn = "_wrapper_27wzz_1", nn = "_logo_27wzz_8", an = "_info_27wzz_12", Nt = {
+  wrapper: sn,
+  logo: nn,
+  info: an
+}, Hn = ({ date: d }) => {
+  const { general: n } = Ut();
+  if (!n) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
-    const e = new Date(s), c = {
+    const e = new Date(s), l = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2323,13 +2330,13 @@ const ts = (r) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", c);
+    return e.toLocaleDateString("en-US", l);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: It.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: Nt.wrapper, children: [
+    /* @__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" }
       }
@@ -2341,99 +2348,115 @@ const ts = (r) => {
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: It.info, children: [
-      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(r) })
+    /* @__PURE__ */ t.jsxs("div", { className: Nt.info, children: [
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: n.info.name }),
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(d) })
     ] })
   ] });
-}, an = "_variants_puxd1_80", on = "_variant_puxd1_80", cn = "_stock_puxd1_98", rn = "_variantInfo_puxd1_105", ln = "_chargeTypes_puxd1_165", dn = "_charge_puxd1_165", un = "_chargeActive_puxd1_190", hn = "_title_puxd1_198", pn = "_modal_puxd1_204", mn = "_header_puxd1_224", gn = "_productOptions_puxd1_232", fn = "_loading_puxd1_236", Q = {
-  variants: an,
-  variant: on,
-  stock: cn,
-  variantInfo: rn,
-  chargeTypes: ln,
-  charge: dn,
-  chargeActive: un,
-  title: hn,
-  modal: pn,
-  header: mn,
-  productOptions: gn,
-  loading: fn
-}, Fn = (r) => {
-  var n;
-  const { pageContext: i } = vt(), a = (n = i == null ? void 0 : i.listings) == null ? void 0 : n.find((o) => o.id === r.productId), [s, e] = m.useState(!0), [c, d] = m.useState(null), u = (c == null ? void 0 : c.variants[0]) || null, [g, x] = m.useState(
-    u != null && u.chargeTypes && u.chargeTypes.length > 1 ? u.chargeTypes[0] : "ONE_TIME"
-  ), { addProducts: P } = at(), { setIsOpen: v } = ot();
-  return m.useEffect(() => {
+}, on = "_variants_puxd1_80", cn = "_variant_puxd1_80", rn = "_stock_puxd1_98", ln = "_variantInfo_puxd1_105", dn = "_chargeTypes_puxd1_165", un = "_charge_puxd1_165", hn = "_chargeActive_puxd1_190", pn = "_title_puxd1_198", mn = "_modal_puxd1_204", gn = "_header_puxd1_224", fn = "_productOptions_puxd1_232", xn = "_loading_puxd1_236", Q = {
+  variants: on,
+  variant: cn,
+  stock: rn,
+  variantInfo: ln,
+  chargeTypes: dn,
+  charge: un,
+  chargeActive: hn,
+  title: pn,
+  modal: mn,
+  header: gn,
+  productOptions: fn,
+  loading: xn
+}, Fn = (d) => {
+  var c;
+  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 p = await zt(
+      const i = await zt(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
       );
-      P(p == null ? void 0 : p.data.products), d(p == null ? void 0 : p.data.products[0]), e(!1);
+      M(i == null ? void 0 : i.data.products), r(i == null ? void 0 : i.data.products[0]), e(!1);
     })();
-  }, []), m.useEffect(() => {
-    v(!0);
-  }, []), /* @__PURE__ */ t.jsx(dt, { close: r.setIsOpen, children: /* @__PURE__ */ t.jsxs(
+  }, []), g.useEffect(() => {
+    x(!0);
+  }, []), /* @__PURE__ */ t.jsx(ut, { close: d.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: Q.modal,
       onClick: (o) => o.stopPropagation(),
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: Q.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
-        r.type === "Add To Cart" && c && u && !s && /* @__PURE__ */ t.jsx(
-          xn,
+        s && /* @__PURE__ */ t.jsx("div", { className: Q.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
+        d.type === "Add To Cart" && l && h && !s && /* @__PURE__ */ t.jsx(
+          _n,
           {
-            variants: c.variants,
-            activeVariant: u,
-            activeChargeType: g,
-            setActiveChargeType: x,
-            productId: c.id,
-            setIsOpen: r.setIsOpen
+            variants: l.variants,
+            activeVariant: h,
+            activeChargeType: f,
+            setActiveChargeType: v,
+            productId: l.id,
+            setIsOpen: d.setIsOpen
           }
         ),
-        r.type === "Buy Now" && c && !s && /* @__PURE__ */ t.jsx(
-          _n,
+        d.type === "Buy Now" && l && !s && /* @__PURE__ */ t.jsx(
+          jn,
           {
-            product: c,
-            setIsOpen: r.setIsOpen
+            product: l,
+            setIsOpen: d.setIsOpen
           }
         )
       ]
     }
   ) });
-}, xn = (r) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: d } = r, { cart: u, addProductToCart: g, addProducts: x, updateQuantityOfProduct: P } = at(), { notifications: v, setNotifications: n } = Ct(), { pageContext: o } = vt(), { setIsOpen: p } = ot(), E = () => {
-    p(!1), setTimeout(() => {
-      d(!1);
+}, _n = (d) => {
+  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);
   };
   async function _(j) {
-    const N = u.parts.find(
-      (M) => M.productId === r.productId && M.productVariantId === j
+    const N = h.parts.find(
+      (k) => k.productId === d.productId && k.productVariantId === j
     );
-    N ? P({
-      productId: c,
-      productVariantId: j,
-      quantity: N.quantity + 1
-    }) : (o != null && o.products && await x(o.products), await g({
-      productId: c,
-      productVariantId: j,
-      quantity: 1
-    })), n([
-      ...v,
-      {
-        id: J(),
-        message: "Product added to cart",
-        status: "success"
+    if (N)
+      M({
+        productId: l,
+        productVariantId: j,
+        quantity: N.quantity + 1
+      });
+    else {
+      o != null && o.products && v(o.products);
+      try {
+        f({
+          productId: l,
+          productVariantId: j,
+          quantity: 1
+        }), c([
+          ...x,
+          {
+            id: J(),
+            message: "Product added to cart",
+            status: "success"
+          }
+        ]);
+      } catch (k) {
+        console.log(k, "error"), c([
+          ...x,
+          {
+            id: J(),
+            message: `Product failed to add to cart: ${k}`,
+            status: "error"
+          }
+        ]);
       }
-    ]);
+    }
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
-      /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
+      /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a Variant" }),
       /* @__PURE__ */ t.jsx(
         b,
         {
@@ -2442,40 +2465,40 @@ const ts = (r) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: E
+          onClick: T
         }
       )
     ] }),
     e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: Q.chargeTypes, children: e.chargeTypes.map((j) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U(Q.charge, {
+        className: V(Q.charge, {
           [Q.chargeActive]: a === j
         }),
         onClick: () => s(j),
-        children: St[j]
+        children: kt[j]
       },
       j
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: i.map((j) => {
-      var N, M;
+    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: n.map((j) => {
+      var N, k, D;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(Q.variant),
+          className: V(Q.variant),
           onClick: () => {
-            _(j.id), d(!1);
+            _(j.id), r(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: Q.variantInfo, children: [
               /* @__PURE__ */ t.jsx("span", { className: Q.title, children: j.name }),
-              /* @__PURE__ */ t.jsxs("span", { children: [
-                "$",
-                a === "ONE_TIME" ? j.price.amount : j.subscriptionSettings ? j.subscriptionSettings.price.amount : "Price Not Found"
-              ] })
+              /* @__PURE__ */ t.jsx("span", { children: tt({
+                amount: a === "ONE_TIME" ? j.price.amount : j.subscriptionSettings ? j.subscriptionSettings.price.amount : 0,
+                currency: a === "ONE_TIME" ? j.price.currency : ((N = j.subscriptionSettings) == null ? void 0 : N.price.currency) || "USD"
+              }) })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: Q.stock, children: [
-              (N = j.quantity.restrictions) != null && N.max || j.quantity.available !== void 0 ? ((M = j.quantity.restrictions) == null ? void 0 : M.max) || j.quantity.available : "∞",
+              (k = j.quantity.restrictions) != null && k.max || j.quantity.available !== void 0 ? ((D = j.quantity.restrictions) == null ? void 0 : D.max) || j.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
@@ -2485,8 +2508,8 @@ const ts = (r) => {
       );
     }) })
   ] });
-}, _n = (r) => {
-  const { product: i, setIsOpen: a } = r, { setIsOpen: s } = ot(), e = () => {
+}, jn = (d) => {
+  const { product: n, setIsOpen: a } = d, { setIsOpen: s } = ct(), e = () => {
     s(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -2495,7 +2518,7 @@ const ts = (r) => {
     /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        it(i.name)
+        at(n.name)
       ] }),
       /* @__PURE__ */ t.jsx(
         b,
@@ -2514,57 +2537,57 @@ const ts = (r) => {
       )
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: Q.productOptions, children: /* @__PURE__ */ t.jsx(
-      ts,
+      es,
       {
-        product: i,
+        product: n,
         setIsOpen: a
       }
     ) })
   ] });
-}, jn = "_contentModal_2a136_1", vn = "_modalTop_2a136_13", bn = "_loading_2a136_19", yn = "_modalCards_2a136_27", In = "_modalImage_2a136_32", Nn = "_card_2a136_37", Cn = "_cardInfo_2a136_48", Sn = "_cardButtons_2a136_55", kn = "_title_2a136_61", wn = "_blockImage_2a136_68", G = {
-  contentModal: jn,
-  modalTop: vn,
-  loading: bn,
-  modalCards: yn,
-  modalImage: In,
-  card: Nn,
-  cardInfo: Cn,
-  cardButtons: Sn,
-  title: kn,
-  blockImage: wn
-}, Vn = (r) => {
-  const { setIsOpen: i, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: c } = r, [d, u] = m.useState(null), [g, x] = m.useState(!0), { setIsOpen: P } = ot();
-  m.useEffect(() => {
-    var p;
-    x(!0);
-    const o = (p = a.listings) == null ? void 0 : p.filter(
-      (E) => s.listingIdList.includes(E.id)
+}, 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,
+  modalCards: In,
+  modalImage: Nn,
+  card: Cn,
+  cardInfo: Sn,
+  cardButtons: kn,
+  title: wn,
+  blockImage: Pn
+}, Yn = (d) => {
+  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 i;
+    v(!0);
+    const o = (i = a.listings) == null ? void 0 : i.filter(
+      (T) => s.listingIdList.includes(T.id)
     );
-    o && u([...o]), x(!1);
-  }, [a]), m.useEffect(() => {
-    P(!0);
+    o && h([...o]), v(!1);
+  }, [a]), g.useEffect(() => {
+    M(!0);
   }, []);
-  const v = () => {
-    P(!1), setTimeout(() => {
-      i(!1);
+  const x = () => {
+    M(!1), setTimeout(() => {
+      n(!1);
     }, 300);
   };
-  function n(o) {
+  function c(o) {
     return o.productData.compareAtPrice ? o.productData.compareAtPrice.amount : 0;
   }
-  return /* @__PURE__ */ t.jsx(dt, { 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: it(s.name)
+              children: at(s.name)
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -2572,14 +2595,14 @@ const ts = (r) => {
             {
               name: "X",
               hoverable: !0,
-              onClick: v
+              onClick: x
             }
           )
         ] }),
-        !g && d && /* @__PURE__ */ t.jsx("div", { className: G.modalCards, children: d.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",
@@ -2588,99 +2611,100 @@ const ts = (r) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: G.modalImage
+                  className: W.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: U(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: [
-                      it(o.productData.name),
+                      at(o.productData.name),
                       " $",
                       o.productData.minPrice.amount,
                       " ",
                       "- $",
-                      n(o)
+                      c(o)
                     ]
                   }
                 ),
                 o.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: G.short,
+                    className: W.short,
                     id: "md",
-                    children: it(o.productData.shortDescription)
+                    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(
-                  D,
+                  R,
                   {
                     type: "Secondary",
                     onClick: () => {
-                      e(o.id), i(!1), c(!0);
+                      e(o.id), n(!1), l(!0);
                     },
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Ks, { path: `/product/${o.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(D, { type: "Primary", children: "View Details" }) })
+                /* @__PURE__ */ t.jsx(Zs, { path: `/product/${o.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(R, { type: "Primary", children: "View Details" }) })
               ] })
             ]
           },
           o.id
         )) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: G.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
+        f && /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
       ]
     }
   ) });
 };
 export {
   zn as Accordion,
-  Es as BurgerMenuButton,
-  D as Button,
-  Be as ButtonTypeSettings,
-  An as ButtonsSettings,
-  Tn as CategorySettings,
-  St as ChargeTypes,
-  qt as ChooseImage,
-  Wn as ChooseImageModal,
-  Os as EmptyCart,
-  On as FormSettings,
-  Vn as GroupCardModal,
-  Dn as HeaderButtons,
+  Ds as BurgerMenuButton,
+  R as Button,
+  qe as ButtonTypeSettings,
+  En as ButtonsSettings,
+  $n as CategorySettings,
+  kt as ChargeTypes,
+  Ot as ChooseImage,
+  Xn as ChooseImageModal,
+  As as EmptyCart,
+  An as FormSettings,
+  Yn as GroupCardModal,
+  Rn as HeaderButtons,
   b as Icon,
-  Nt as InputSettings,
-  Et as InputUI,
-  Xn as ItemsSettings,
-  Bn as LayoutSettings,
-  Ks as Link,
-  En as ListingSelector,
-  $t as Loader,
-  Un as MetaInfoPost,
-  dt as Modal,
-  Rn as PagesMobileMenu,
-  As as PagesMobileModal,
-  qn as PagesSettings,
-  Hn as ProductCardButtons,
+  Ct as InputSettings,
+  Dt as InputUI,
+  Qn as ItemsSettings,
+  qn as LayoutSettings,
+  Zs as Link,
+  Dn as ListingSelector,
+  Bt as Loader,
+  Hn as MetaInfoPost,
+  ut as Modal,
+  Ln as PagesMobileMenu,
+  Es as PagesMobileModal,
+  On as PagesSettings,
+  Vn as ProductCardButtons,
   Fn as ProductCardModal,
-  ts as ProductOptions,
-  Qn as RadioUI,
-  kt as RangeSelector,
-  nt as Select,
-  Jn as SelectInfiniteList,
-  Kn as SelectUI,
-  Ln as ShareLink,
-  Ts as ShoppingButton,
-  qs as ShoppingModalCart,
-  rt as Switch,
-  Zn as TextSettings,
-  ti as TextareaSettings,
-  ei as TextareaUI,
-  si as TypesText,
-  Bt as UserInfo
+  es as ProductOptions,
+  Jn as RadioUI,
+  wt as RangeSelector,
+  it as Select,
+  Kn as SelectInfiniteList,
+  Zn as SelectUI,
+  Un as ShareLink,
+  $s as ShoppingButton,
+  Os as ShoppingModalCart,
+  lt as Switch,
+  ti as TextSettings,
+  ei as TextareaSettings,
+  si as TextareaUI,
+  ni as TypesText,
+  qt as UserInfo,
+  ii as Wrapper
 };