@billgangcom/theme-lib 1.69.1 → 1.69.3

package/dist/ui.es.js

@@ -1,18 +1,18 @@
-import { j as t, I as v, c as U, b as vt, u as rt, d as lt, P as dt, S as at, R as Ct, D as ut, e as ht, v as pt, B as ot, f as st, a as St, g as kt, O as ct, h as K, i as mt, C as gt, k as V, l as Bt, m as Tt, n as ft, o as $t, p as _t, q as X, L as Mt, r as bt, t as xt, w as nt, s as yt, x as F, y as At, M as It, z as wt, A as Ot, E as Pt, F as Et, G as Rt, H as Dt } from "./index-C1GpRLwI.js";
-import { X as Mn, U as An, N as On, W as En, K as Rn, Q as Dn, T as Ln, J as zn, V as Fn } from "./index-C1GpRLwI.js";
-import f from "react";
-const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Ht = "_alignmentContent_kh9z8_30", Ut = "_alignments_kh9z8_39", Vt = "_alignment_kh9z8_30", Yt = "_circle_kh9z8_64", Wt = "_paddings_kh9z8_71", Gt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", G = {
-  block: Lt,
-  title: zt,
-  subtitle: Ft,
-  alignmentContent: Ht,
-  alignments: Ut,
-  alignment: Vt,
-  circle: Yt,
+import { j as t, I as v, c as F, 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 Z, i as _t, C as jt, k as V, l as $t, m as qt, n as vt, o as Ot, p as yt, q as X, 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 ot, A as Dt, E as Mt, F as Rt, G as Bt, H as Lt } from "./index-CVyi3AZa.js";
+import { X as Yn, U as Gn, N as Wn, W as Xn, K as Qn, Q as Jn, T as Kn, J as Zn, V as ti } from "./index-CVyi3AZa.js";
+import m from "react";
+const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23", Ft = "_alignmentContent_kh9z8_30", Vt = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Gt = "_circle_kh9z8_64", Wt = "_paddings_kh9z8_71", Xt = "_padding_kh9z8_71", Qt = "_active_kh9z8_97", G = {
+  block: zt,
+  title: Ht,
+  subtitle: Ut,
+  alignmentContent: Ft,
+  alignments: Vt,
+  alignment: Yt,
+  circle: Gt,
   paddings: Wt,
-  padding: Gt,
-  active: Xt
-}, Qt = [
+  padding: Xt,
+  active: Qt
+}, Jt = [
   "topLeft",
   "top",
   "topRight",
@@ -22,17 +22,17 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Jt = ["left", "top", "right", "bottom"], _n = (o) => {
+], Kt = ["left", "top", "right", "bottom"], Mn = (r) => {
   const {
     alignment: i,
     padding: a,
     setPadding: s,
     setAlignment: e,
     isAlignment: c = !0,
-    isPadding: u = !0
-  } = o;
-  function d(l) {
-    switch (l) {
+    isPadding: d = !0
+  } = r;
+  function u(o) {
+    switch (o) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -49,8 +49,8 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function g(l) {
-    switch (l) {
+  function g(o) {
+    switch (o) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -61,40 +61,40 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [x, $] = f.useState(null), [_, n] = f.useState(null);
+  const [f, P] = m.useState(null), [j, n] = m.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
       c && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: Qt.map((l) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: Jt.map((o) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(l);
+              e(o);
             },
             className: G.alignment,
             onMouseEnter: () => {
-              $(l);
+              P(o);
             },
             onMouseLeave: () => {
-              $(null);
+              P(null);
             },
             children: [
-              l !== i && x !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              l !== i && x === l && /* @__PURE__ */ t.jsx(
+              o !== i && f !== o && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              o !== i && f === o && /* @__PURE__ */ t.jsx(
                 v,
                 {
-                  name: d(x),
+                  name: u(f),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              l === i && /* @__PURE__ */ t.jsx(
+              o === i && /* @__PURE__ */ t.jsx(
                 v,
                 {
-                  name: d(i),
+                  name: u(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -102,19 +102,19 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
               )
             ]
           },
-          l
+          o
         )) })
       ] }),
-      u && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+      d && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: Jt.map((l) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: Kt.map((o) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: U(G.padding, {
-              [G.active]: _ === l
+            className: F(G.padding, {
+              [G.active]: j === o
             }),
             onFocus: () => {
-              n(l);
+              n(o);
             },
             onBlur: () => {
               n(null);
@@ -123,19 +123,19 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 v,
                 {
-                  name: g(l),
+                  name: g(o),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                vt,
+                Nt,
                 {
                   type: "number",
-                  value: String(a[l]),
-                  onChange: (m) => s({
+                  value: String(a[o]),
+                  onChange: (p) => s({
                     ...a,
-                    [l]: Math.min(Number(m), 999)
+                    [o]: Math.min(Number(p), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -144,73 +144,73 @@ const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23",
               )
             ]
           },
-          l
+          o
         )) })
       ] })
     ] })
   ] });
-}, Kt = "_title_82zux_1", Zt = "_subtitle_82zux_5", te = "_productsBlock_82zux_14", ee = "_top_82zux_26", se = "_products_82zux_14", ne = "_product_82zux_14", ie = "_button_82zux_80", ae = "_disabled_82zux_91", oe = "_buttons_82zux_118", ce = "_addButton_82zux_157", re = "_deleteButton_82zux_179", Q = {
-  title: Kt,
-  subtitle: Zt,
-  productsBlock: te,
-  top: ee,
-  products: se,
-  product: ne,
-  button: ie,
-  disabled: ae,
-  buttons: oe,
-  addButton: ce,
-  deleteButton: re
+}, Zt = "_title_82zux_1", te = "_subtitle_82zux_5", ee = "_productsBlock_82zux_14", se = "_top_82zux_26", ne = "_products_82zux_14", ie = "_product_82zux_14", ae = "_button_82zux_80", oe = "_disabled_82zux_91", ce = "_buttons_82zux_118", re = "_addButton_82zux_157", le = "_deleteButton_82zux_179", Q = {
+  title: Zt,
+  subtitle: te,
+  productsBlock: ee,
+  top: se,
+  products: ne,
+  product: ie,
+  button: ae,
+  disabled: oe,
+  buttons: ce,
+  addButton: re,
+  deleteButton: le
 };
-function le({ id: o, children: i }) {
+function de({ id: r, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
     transform: c,
-    transition: u,
-    isDragging: d
-  } = mt({
-    id: o
+    transition: d,
+    isDragging: u
+  } = _t({
+    id: r
   }), g = {
-    transform: gt.Transform.toString(c),
-    transition: u
+    transform: jt.Transform.toString(c),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       style: g,
-      className: `${Q.product} ${d ? Q.dragging : ""}`,
+      className: `${Q.product} ${u ? Q.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const jn = (o) => {
+const Bn = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
     other: c,
-    tags: u,
-    title: d,
+    tags: d,
+    title: u,
     subtitle: g,
-    draggable: x = !1,
-    withImage: $ = !1,
-    addable: _ = !0,
+    draggable: f = !1,
+    withImage: P = !1,
+    addable: j = !0,
     itemsOptions: n,
-    hasRangeSelector: l = !1,
-    rangeSelectorOptions: m,
-    limit: b,
-    autoScrollInterval: p,
-    deletable: P,
-    aspectRatio: C,
-    setAspectRatio: O
-  } = o, L = rt(
-    lt(dt, {
+    hasRangeSelector: o = !1,
+    rangeSelectorOptions: p,
+    limit: q,
+    autoScrollInterval: x,
+    deletable: _,
+    aspectRatio: y,
+    setAspectRatio: M
+  } = r, z = ht(
+    pt(mt, {
       activationConstraint: {
         distance: 5
       }
@@ -218,15 +218,15 @@ const jn = (o) => {
   ), R = (h) => {
     const { active: S, over: k } = h;
     if (k && S.id !== k.id) {
-      const I = s.findIndex((M) => M === S.id), q = s.findIndex((M) => M === k.id);
-      if (I !== -1 && q !== -1) {
-        const M = [...s], [j] = M.splice(I, 1);
-        M.splice(q, 0, j), e(M);
+      const N = s.findIndex((O) => O === S.id), B = s.findIndex((O) => O === k.id);
+      if (N !== -1 && B !== -1) {
+        const O = [...s], [b] = O.splice(N, 1);
+        O.splice(B, 0, b), e(O);
       }
     }
   };
-  function y(h) {
-    if ($)
+  function I(h) {
+    if (P)
       return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -245,11 +245,11 @@ const jn = (o) => {
         }
       );
   }
-  const z = (h, S = !1) => {
-    const k = n.find((q) => q.id === h);
+  const H = (h, S = !1) => {
+    const k = n.find((B) => B.id === h);
     if (!k) return;
-    const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    const N = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         v,
         {
           name: "DotsSixVertical",
@@ -259,19 +259,19 @@ const jn = (o) => {
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        st,
+        nt,
         {
-          onChange: (q) => {
-            const M = [...s], j = n.find((r) => r.name === q);
-            if (!j) return;
-            const A = j.id, H = M.map((r) => r === h ? A : r);
-            e([...H]);
+          onChange: (B) => {
+            const O = [...s], b = n.find((l) => l.name === B);
+            if (!b) return;
+            const A = b.id, U = O.map((l) => l === h ? A : l);
+            e([...U]);
           },
           value: k.name,
-          options: n.filter((q) => !s.find((M) => M === q.id)).map((q) => q.name),
-          leftAddonOptions: n.map((q) => ({
-            value: q.name,
-            addon: y(q.images)
+          options: n.filter((B) => !s.find((O) => O === B.id)).map((B) => B.name),
+          leftAddonOptions: n.map((B) => ({
+            value: B.name,
+            addon: I(B.images)
           }))
         }
       ),
@@ -283,56 +283,56 @@ const jn = (o) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((q) => q !== h))
+          onClick: () => e(s.filter((B) => B !== h))
         }
       ) }) })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      le,
+    return f ? /* @__PURE__ */ t.jsx(
+      de,
       {
         id: h,
-        children: I
+        children: N
       },
-      K()
+      Z()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Q.product,
-        children: I
+        children: N
       },
-      K()
+      Z()
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: d }),
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        rt,
         {
           current: i,
           onChange: (h) => a == null ? void 0 : a(h)
         }
       )
     ] }),
-    l && m && /* @__PURE__ */ t.jsx(Ct, { ...m }),
+    o && p && /* @__PURE__ */ t.jsx(kt, { ...p }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
       g && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: g }),
-      x ? /* @__PURE__ */ t.jsx(
-        ut,
+      f ? /* @__PURE__ */ t.jsx(
+        gt,
         {
-          sensors: L,
+          sensors: z,
           onDragEnd: R,
           children: /* @__PURE__ */ t.jsx(
-            ht,
+            ft,
             {
               items: s,
-              strategy: pt,
-              children: s.map((h) => z(h, P))
+              strategy: xt,
+              children: s.map((h) => H(h, _))
             }
           )
         }
-      ) : s.map((h) => z(h, P)),
-      _ && /* @__PURE__ */ t.jsx(
+      ) : s.map((h) => H(h, _)),
+      j && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -342,20 +342,20 @@ const jn = (o) => {
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            ot,
+            lt,
             {
               withoutHover: !0,
-              className: U(Q.button, {
-                [Q.disabled]: !!(b && b <= s.length || s.length === n.length)
+              className: F(Q.button, {
+                [Q.disabled]: !!(q && q <= s.length || s.length === n.length)
               }),
               size: "s",
-              disabled: !!(b && b <= s.length || s.length === n.length),
+              disabled: !!(q && q <= s.length || s.length === n.length),
               onClick: () => {
                 const h = [...s];
                 let S = null;
                 if (n) {
                   for (let k = 0; k < n.length; k++)
-                    if (!s.find((I) => I === n[k].id)) {
+                    if (!s.find((N) => N === n[k].id)) {
                       S = n[k];
                       break;
                     }
@@ -381,37 +381,37 @@ const jn = (o) => {
         }
       )
     ] }),
-    C && O && /* @__PURE__ */ t.jsx(
-      st,
+    y && M && /* @__PURE__ */ t.jsx(
+      nt,
       {
-        value: C,
+        value: y,
         label: "Aspect Ratio",
-        options: Object.keys(kt),
-        onChange: (h) => O(h),
-        leftAddonOptions: St
+        options: Object.keys(Pt),
+        onChange: (h) => M(h),
+        leftAddonOptions: wt
       }
     ),
-    u !== void 0 && /* @__PURE__ */ t.jsx(
-      ct,
+    d !== void 0 && /* @__PURE__ */ t.jsx(
+      ut,
       {
         tagsTitle: "Tags",
-        items: u
+        items: d
       }
     ),
     c !== void 0 && /* @__PURE__ */ t.jsx(
-      ct,
+      ut,
       {
         otherTitle: "Other",
         items: c
       }
     ),
-    p !== void 0 && /* @__PURE__ */ t.jsx(
-      vt,
+    x !== void 0 && /* @__PURE__ */ t.jsx(
+      Nt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(p.scrollInterval),
-        onChange: (h) => p.setScrollInterval(Number(h)),
+        value: String(x.scrollInterval),
+        onChange: (h) => x.setScrollInterval(Number(h)),
         min: 0.1,
         max: 100,
         style: {
@@ -421,93 +421,93 @@ const jn = (o) => {
       }
     )
   ] });
-}, de = "_title_roi3a_1", ue = "_subtitle_roi3a_5", he = "_productsBlock_roi3a_14", pe = "_top_roi3a_26", me = "_products_roi3a_14", ge = "_product_roi3a_14", fe = "_button_roi3a_80", xe = "_disabled_roi3a_91", _e = "_buttons_roi3a_118", je = "_addButton_roi3a_164", ve = "_deleteButton_roi3a_179", Y = {
-  title: de,
-  subtitle: ue,
-  productsBlock: he,
-  top: pe,
-  products: me,
-  product: ge,
-  button: fe,
-  disabled: xe,
-  buttons: _e,
-  addButton: je,
-  deleteButton: ve
+}, ue = "_title_roi3a_1", he = "_subtitle_roi3a_5", pe = "_productsBlock_roi3a_14", me = "_top_roi3a_26", ge = "_products_roi3a_14", fe = "_product_roi3a_14", xe = "_button_roi3a_80", _e = "_disabled_roi3a_91", je = "_buttons_roi3a_118", ve = "_addButton_roi3a_164", be = "_deleteButton_roi3a_179", Y = {
+  title: ue,
+  subtitle: he,
+  productsBlock: pe,
+  top: me,
+  products: ge,
+  product: fe,
+  button: xe,
+  disabled: _e,
+  buttons: je,
+  addButton: ve,
+  deleteButton: be
 };
-function be({ product: o, children: i }) {
+function ye({ product: r, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
     transform: c,
-    transition: u,
-    isDragging: d
-  } = mt({
-    id: o.id
+    transition: d,
+    isDragging: u
+  } = _t({
+    id: r.id
   }), g = {
-    transform: gt.Transform.toString(c),
-    transition: u
+    transform: jt.Transform.toString(c),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       style: g,
-      className: `${Y.product} ${d ? Y.dragging : ""}`,
+      className: `${Y.product} ${u ? Y.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const vn = (o) => {
+const Tn = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
     title: c,
-    subtitle: u,
-    editable: d = !0,
+    subtitle: d,
+    editable: u = !0,
     draggable: g = !1,
-    deletable: x = !0,
-    addable: $ = !0,
-    itemsType: _,
+    deletable: f = !0,
+    addable: P = !0,
+    itemsType: j,
     itemsOptions: n,
-    addableOptions: l = {},
-    limit: m
-  } = o, [b, p] = f.useState(null), [P, C] = f.useState(null), O = f.useRef(null), L = rt(
-    lt(dt, {
+    addableOptions: o = {},
+    limit: p
+  } = r, [q, x] = m.useState(null), [_, y] = m.useState(null), M = m.useRef(null), z = ht(
+    pt(mt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    if (b) {
-      const h = [...s].map((S) => S.id === b.id ? b : S);
+  m.useEffect(() => {
+    if (q) {
+      const h = [...s].map((S) => S.id === q.id ? q : S);
       e(h);
     }
-  }, [b]), f.useEffect(() => {
-    O.current && P && (O.current.getBoundingClientRect().height, P.top);
-  }, [O.current, P]);
+  }, [q]), m.useEffect(() => {
+    M.current && _ && (M.current.getBoundingClientRect().height, _.top);
+  }, [M.current, _]);
   const R = (h, S) => {
     h.stopPropagation();
     const k = h.target.getBoundingClientRect();
-    C({
+    y({
       top: k.top + window.scrollY,
       left: k.left - 30
-    }), p(S);
-  }, y = (h) => {
+    }), x(S);
+  }, I = (h) => {
     const { active: S, over: k } = h;
     if (k && S.id !== k.id) {
-      const I = s.findIndex((M) => M.id === S.id), q = s.findIndex((M) => M.id === k.id);
-      if (I !== -1 && q !== -1) {
-        const M = [...s], [j] = M.splice(I, 1);
-        M.splice(q, 0, j), e(M);
+      const N = s.findIndex((O) => O.id === S.id), B = s.findIndex((O) => O.id === k.id);
+      if (N !== -1 && B !== -1) {
+        const O = [...s], [b] = O.splice(N, 1);
+        O.splice(B, 0, b), e(O);
       }
     }
-  }, z = (h, S) => {
+  }, H = (h, S) => {
     const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         v,
@@ -518,41 +518,41 @@ const vn = (o) => {
           height: 20
         }
       ) }),
-      _ === "select" && n && /* @__PURE__ */ t.jsx(
-        st,
+      j === "select" && n && /* @__PURE__ */ t.jsx(
+        nt,
         {
-          onChange: (I) => {
-            const q = [...s], M = n.find((A) => A.name === I);
-            if (!M) return;
-            const j = q.map((A) => A.id === h.id ? {
-              ...M,
+          onChange: (N) => {
+            const B = [...s], O = n.find((A) => A.name === N);
+            if (!O) return;
+            const b = B.map((A) => A.id === h.id ? {
+              ...O,
               name: {
-                "en-US": I
+                "en-US": N
               }
             } : A);
-            p({
+            x({
               ...h,
               name: {
-                "en-US": I
+                "en-US": N
               }
-            }), e([...j]);
+            }), e([...b]);
           },
           value: h.name,
-          options: n.filter((I) => !s.find((q) => q.name === I.name)).map((I) => I.name)
+          options: n.filter((N) => !s.find((B) => B.name === N.name)).map((N) => N.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        d && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (I) => R(I, h)
+            onClick: (N) => R(N, h)
           }
         ) }),
-        x && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           v,
           {
             name: "Trash",
@@ -560,13 +560,13 @@ const vn = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((I) => I.id !== h.id))
+            onClick: () => e(s.filter((N) => N.id !== h.id))
           }
         ) })
       ] })
     ] });
     return g ? /* @__PURE__ */ t.jsx(
-      be,
+      ye,
       {
         product: h,
         index: S,
@@ -586,7 +586,7 @@ const vn = (o) => {
     (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
       c && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: c }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        rt,
         {
           current: i,
           onChange: (h) => a == null ? void 0 : a(h)
@@ -594,23 +594,23 @@ const vn = (o) => {
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
+      d && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: d }),
       g ? /* @__PURE__ */ t.jsx(
-        ut,
+        gt,
         {
-          sensors: L,
-          onDragEnd: y,
+          sensors: z,
+          onDragEnd: I,
           children: /* @__PURE__ */ t.jsx(
-            ht,
+            ft,
             {
               items: s.map((h) => h.id),
-              strategy: pt,
-              children: s.map((h, S) => z(h, S))
+              strategy: xt,
+              children: s.map((h, S) => H(h, S))
             }
           )
         }
-      ) : s.map((h, S) => z(h, S)),
-      $ && /* @__PURE__ */ t.jsx(
+      ) : s.map((h, S) => H(h, S)),
+      P && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -619,28 +619,28 @@ const vn = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ot,
+            lt,
             {
               withoutHover: !0,
-              className: U(Y.button, {
-                [Y.disabled]: !!(m && m <= s.length || s.length === (n == null ? void 0 : n.length))
+              className: F(Y.button, {
+                [Y.disabled]: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length))
               }),
               size: "s",
-              disabled: !!(m && m <= s.length || s.length === (n == null ? void 0 : n.length)),
+              disabled: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length)),
               onClick: () => {
                 const h = [...s];
                 let S = null;
                 if (n) {
                   for (let k = 0; k < n.length; k++)
-                    if (!s.find((I) => I.id === n[k].id)) {
+                    if (!s.find((N) => N.id === n[k].id)) {
                       S = n[k];
                       break;
                     }
                 }
-                _ === "select" && n && h.push({
+                j === "select" && n && h.push({
                   name: S ? S.name : n[0].name,
                   id: (S == null ? void 0 : S.id) || n[0].id,
-                  ...l
+                  ...o
                 }), e(h);
               },
               style: {
@@ -664,18 +664,18 @@ const vn = (o) => {
     ] })
   ] });
 };
-function ye(o) {
-  const { product: i, children: a } = o, { attributes: s, listeners: e, setNodeRef: c, transform: u, transition: d, isDragging: g } = mt({
+function Ie(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: gt.Transform.toString(u),
-    transition: d
+  }), f = {
+    transform: jt.Transform.toString(d),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: c,
-      style: x,
+      style: f,
       className: `${V.product} ${g ? V.dragging : ""}`,
       ...s,
       ...e,
@@ -683,79 +683,79 @@ function ye(o) {
     }
   );
 }
-const bn = (o) => {
+const $n = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
     other: c,
-    title: u,
-    subtitle: d,
+    title: d,
+    subtitle: u,
     editable: g = !0,
-    draggable: x = !1,
-    deletable: $ = !0,
-    addable: _ = !0,
+    draggable: f = !1,
+    deletable: P = !0,
+    addable: j = !0,
     itemsType: n,
-    itemsPlaceholder: l = "",
-    itemsOptions: m,
-    hasRangeSelector: b = !1,
-    rangeSelectorOptions: p,
-    modalOptions: P,
-    addableOptions: C = {},
-    limit: O
-  } = o, [L, R] = f.useState(null), [y, z] = f.useState({
+    itemsPlaceholder: o = "",
+    itemsOptions: p,
+    hasRangeSelector: q = !1,
+    rangeSelectorOptions: x,
+    modalOptions: _,
+    addableOptions: y = {},
+    limit: M
+  } = r, [z, R] = m.useState(null), [I, H] = m.useState({
     top: 0,
     left: 0
-  }), [h, S] = f.useState(null), k = f.useRef(null), [I, q] = f.useState(!1), M = rt(
-    lt(dt, {
+  }), [h, S] = m.useState(null), k = m.useRef(null), [N, B] = m.useState(!1), O = ht(
+    pt(mt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const r = () => {
-      R(null), q(!1);
+  m.useEffect(() => {
+    const l = () => {
+      R(null), B(!1);
     };
-    return document.body.addEventListener("click", r), R(null), q(!1), () => {
-      R(null), q(!1), document.body.removeEventListener("click", r);
+    return document.body.addEventListener("click", l), R(null), B(!1), () => {
+      R(null), B(!1), document.body.removeEventListener("click", l);
     };
-  }, []), f.useEffect(() => {
-    if (L) {
-      const r = [...s].map((T) => T.id === L.id ? L : T);
-      e(r);
+  }, []), m.useEffect(() => {
+    if (z) {
+      const l = [...s].map(($) => $.id === z.id ? z : $);
+      e(l);
     }
-  }, [L]), f.useEffect(() => {
+  }, [z]), m.useEffect(() => {
     if (k.current && h) {
-      const r = k.current.getBoundingClientRect().height, T = window.innerHeight;
-      let N = h.top;
-      N + r > T + window.scrollY - 200 && (N = T + window.scrollY - r - 200), N < 0 && (N = 10), z({
-        top: N,
+      const l = k.current.getBoundingClientRect().height, $ = window.innerHeight;
+      let C = h.top;
+      C + l > $ + window.scrollY - 200 && (C = $ + window.scrollY - l - 200), C < 0 && (C = 10), H({
+        top: C,
         left: h.left
       });
     }
   }, [k.current, h]);
-  const j = (r, T) => {
-    r.stopPropagation();
-    const N = r.target.getBoundingClientRect();
+  const b = (l, $) => {
+    l.stopPropagation();
+    const C = l.target.getBoundingClientRect();
     S({
-      top: N.top + window.scrollY,
-      left: N.left - 30
-    }), R(T), q(!0);
-  }, A = (r) => {
-    const { active: T, over: N } = r;
-    if (N && T.id !== N.id) {
-      const E = s.findIndex((D) => D.id === T.id), Z = s.findIndex((D) => D.id === N.id);
-      if (E !== -1 && Z !== -1) {
-        const D = [...s], [J] = D.splice(E, 1);
-        D.splice(Z, 0, J), e(D);
+      top: C.top + window.scrollY,
+      left: C.left - 30
+    }), R($), B(!0);
+  }, A = (l) => {
+    const { active: $, over: C } = l;
+    if (C && $.id !== C.id) {
+      const E = s.findIndex((L) => L.id === $.id), tt = s.findIndex((L) => L.id === C.id);
+      if (E !== -1 && tt !== -1) {
+        const L = [...s], [K] = L.splice(E, 1);
+        L.splice(tt, 0, K), e(L);
       }
     }
-  }, H = (r) => {
-    var N;
-    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, U = (l) => {
+    var C;
+    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         v,
         {
           name: "DotsSixVertical",
@@ -764,56 +764,56 @@ const bn = (o) => {
           height: 20
         }
       ) }),
-      n === "select" && m && /* @__PURE__ */ t.jsx(
-        st,
+      n === "select" && p && /* @__PURE__ */ t.jsx(
+        nt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === r.id ? {
-              ...r,
+            const L = [...s].map((K) => K.id === l.id ? {
+              ...l,
               name: {
                 "en-US": E
               }
-            } : J);
+            } : K);
             R({
-              ...r,
+              ...l,
               name: {
                 "en-US": E
               }
-            }), e([...D]);
+            }), e([...L]);
           },
-          value: r.name["en-US"],
-          options: m.filter(
-            (E) => !s.find((Z) => Z.name["en-US"] === E)
+          value: l.name["en-US"],
+          options: p.filter(
+            (E) => !s.find((tt) => tt.name["en-US"] === E)
           )
         }
       ),
       n === "input" && /* @__PURE__ */ t.jsx(
-        vt,
+        Nt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === r.id ? {
-              ...r,
+            const L = [...s].map((K) => K.id === l.id ? {
+              ...l,
               name: {
                 "en-US": E
               }
-            } : J);
-            e([...D]);
+            } : K);
+            e([...L]);
           },
-          value: r.name["en-US"],
-          placeholder: l
+          value: l.name["en-US"],
+          placeholder: o
         }
       ),
       n === "image" && /* @__PURE__ */ t.jsx(
-        Tt,
+        qt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === r.id ? {
-              ...r,
+            const L = [...s].map((K) => K.id === l.id ? {
+              ...l,
               images: E
-            } : J);
-            e([...D]);
+            } : K);
+            e([...L]);
           },
-          activeImage: (N = s.find((E) => E.id === r.id)) == null ? void 0 : N.images[0]
+          activeImage: (C = s.find((E) => E.id === l.id)) == null ? void 0 : C.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -824,10 +824,10 @@ const bn = (o) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => j(E, r)
+            onClick: (E) => b(E, l)
           }
         ) }),
-        $ && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        P && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           v,
           {
             name: "Trash",
@@ -835,68 +835,68 @@ const bn = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== r.id))
+            onClick: () => e(s.filter((E) => E.id !== l.id))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      ye,
+    return f ? /* @__PURE__ */ t.jsx(
+      Ie,
       {
-        product: r,
-        children: T
+        product: l,
+        children: $
       },
-      r.id
+      l.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: T
+        children: $
       },
-      r.id
+      l.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        rt,
         {
           current: i,
-          onChange: (r) => a == null ? void 0 : a(r)
+          onChange: (l) => a == null ? void 0 : a(l)
         }
       )
     ] }),
-    L && g && P && I && /* @__PURE__ */ t.jsx(
-      Bt,
+    z && g && _ && N && /* @__PURE__ */ t.jsx(
+      $t,
       {
         ref: k,
-        activeItem: L,
+        activeItem: z,
         setActiveItem: R,
-        popupPosition: y,
-        modalOptions: P,
-        setIsOpenModal: q
+        popupPosition: I,
+        modalOptions: _,
+        setIsOpenModal: B
       }
     ),
-    b && p && /* @__PURE__ */ t.jsx(Ct, { ...p }),
+    q && x && /* @__PURE__ */ t.jsx(kt, { ...x }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
-      x ? /* @__PURE__ */ t.jsx(
-        ut,
+      u && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: u }),
+      f ? /* @__PURE__ */ t.jsx(
+        gt,
         {
-          sensors: M,
+          sensors: O,
           onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
-            ht,
+            ft,
             {
-              items: s.map((r) => r.id),
-              strategy: pt,
-              children: s.map((r) => H(r))
+              items: s.map((l) => l.id),
+              strategy: xt,
+              children: s.map((l) => U(l))
             }
           )
         }
-      ) : s.map((r) => H(r)),
-      _ && /* @__PURE__ */ t.jsx(
+      ) : s.map((l) => U(l)),
+      j && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -905,47 +905,47 @@ const bn = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ot,
+            lt,
             {
               withoutHover: !0,
-              className: U(V.button, {
-                [V.disabled]: !!(O && O <= s.length)
+              className: F(V.button, {
+                [V.disabled]: !!(M && M <= s.length)
               }),
               size: "s",
-              disabled: !!(O && O <= s.length),
+              disabled: !!(M && M <= s.length),
               onClick: () => {
-                const r = [...s];
-                let T = null;
-                if (m) {
-                  for (let N = 0; N < m.length; N++)
-                    if (!s.find((E) => E.name["en-US"] === m[N])) {
-                      T = m[N];
+                const l = [...s];
+                let $ = null;
+                if (p) {
+                  for (let C = 0; C < p.length; C++)
+                    if (!s.find((E) => E.name["en-US"] === p[C])) {
+                      $ = p[C];
                       break;
                     }
                 }
-                n === "select" && m ? r.push({
+                n === "select" && p ? l.push({
                   name: {
-                    "en-US": T || m[0]
+                    "en-US": $ || p[0]
                   },
-                  id: K(),
-                  ...C,
+                  id: Z(),
+                  ...y,
                   maxSymbols: 100
                   // пример значения
-                }) : n === "input" ? r.push({
+                }) : n === "input" ? l.push({
                   name: {
                     "en-US": ""
                   },
-                  id: K(),
-                  ...C,
+                  id: Z(),
+                  ...y,
                   maxSymbols: 100
-                }) : r.push({
+                }) : l.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: K(),
-                  ...C,
+                  id: Z(),
+                  ...y,
                   maxSymbols: 100
-                }), e(r);
+                }), e(l);
               },
               style: {
                 width: "fit-content"
@@ -967,79 +967,79 @@ const bn = (o) => {
       )
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(
-      ct,
+      ut,
       {
         otherTitle: "Other",
         items: c
       }
     )
   ] });
-}, Ie = "_subtitle_jql1y_1", Ne = "_products_jql1y_10", Ce = "_product_jql1y_10", Se = "_button_jql1y_11", ke = "_buttons_jql1y_11", we = "_addButton_jql1y_150", Pe = "_deleteButton_jql1y_165", tt = {
-  subtitle: Ie,
-  products: Ne,
-  product: Ce,
-  button: Se,
-  buttons: ke,
-  addButton: we,
-  deleteButton: Pe
-}, qe = (o) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = o, { pages: u } = ft(), [d, g] = f.useState(null), [x, $] = f.useState({
+}, Ne = "_subtitle_jql1y_1", Ce = "_products_jql1y_10", Se = "_product_jql1y_10", ke = "_button_jql1y_11", we = "_buttons_jql1y_11", Pe = "_addButton_jql1y_150", Me = "_deleteButton_jql1y_165", et = {
+  subtitle: Ne,
+  products: Ce,
+  product: Se,
+  button: ke,
+  buttons: we,
+  addButton: Pe,
+  deleteButton: Me
+}, 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), [f, P] = m.useState({
     top: 0,
     left: 0
-  }), [_, n] = f.useState(null), l = f.useRef(null);
-  f.useEffect(() => {
-    if (d) {
-      const p = [...i].map((P) => P.id === d.id ? d : P);
-      a(p);
+  }), [j, n] = m.useState(null), o = m.useRef(null);
+  m.useEffect(() => {
+    if (u) {
+      const x = [...i].map((_) => _.id === u.id ? u : _);
+      a(x);
     }
-  }, [d]), f.useEffect(() => {
-    if (l.current && _) {
-      const p = l.current.getBoundingClientRect().height, P = window.innerHeight;
-      let C = _.top;
-      C + p > P + window.scrollY - 200 && (C = P + window.scrollY - p - 200), C < 0 && (C = 10), $({
-        top: C,
-        left: _.left
+  }, [u]), m.useEffect(() => {
+    if (o.current && j) {
+      const x = o.current.getBoundingClientRect().height, _ = window.innerHeight;
+      let y = j.top;
+      y + x > _ + window.scrollY - 200 && (y = _ + window.scrollY - x - 200), y < 0 && (y = 10), P({
+        top: y,
+        left: j.left
       });
     }
-  }, [l.current, _]);
-  const m = (p, P) => {
-    p.stopPropagation();
-    const C = p.target.getBoundingClientRect();
+  }, [o.current, j]);
+  const p = (x, _) => {
+    x.stopPropagation();
+    const y = x.target.getBoundingClientRect();
     n({
-      top: C.top + window.scrollY - 70,
-      left: C.left - (e ? 30 : 65)
-    }), g(P);
-  }, b = (p, P) => {
-    const C = [...i], O = {
-      ...p,
+      top: y.top + window.scrollY - 70,
+      left: y.left - (e ? 30 : 65)
+    }), g(_);
+  }, q = (x, _) => {
+    const y = [...i], M = {
+      ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    C.splice(P + 1, 0, O), a(C);
+    y.splice(_ + 1, 0, M), a(y);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: tt.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: tt.subtitle, children: "Button Type" }),
-    i.map((p, P) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: et.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: et.subtitle, children: "Button Type" }),
+    i.map((x, _) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: tt.product,
+        className: et.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            st,
+            nt,
             {
-              onChange: (C) => {
-                const L = [...i].map((R) => R.id === p.id ? {
-                  ...p,
-                  type: C
+              onChange: (y) => {
+                const z = [...i].map((R) => R.id === x.id ? {
+                  ...x,
+                  type: y
                 } : R);
-                a(L);
+                a(z);
               },
-              value: p.type,
+              value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: et.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
               v,
               {
                 name: "Copy",
@@ -1047,30 +1047,30 @@ const bn = (o) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  b(p, P);
+                  q(x, _);
                 }
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
               v,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (C) => {
-                  m(C, p);
+                onClick: (y) => {
+                  p(y, x);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+            s && /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
               v,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const C = i.filter((O) => O.id !== p.id);
-                  a(C);
+                  const y = i.filter((M) => M.id !== x.id);
+                  a(y);
                 },
                 width: 20,
                 height: 20,
@@ -1080,15 +1080,15 @@ const bn = (o) => {
           ] })
         ]
       },
-      p.id
+      x.id
     )),
-    d && /* @__PURE__ */ t.jsx(
-      $t,
+    u && /* @__PURE__ */ t.jsx(
+      Ot,
       {
-        ref: l,
-        activeButton: d,
+        ref: o,
+        activeButton: u,
         setActiveButton: g,
-        popupPosition: x,
+        popupPosition: f,
         editableLink: c
       }
     ),
@@ -1101,39 +1101,39 @@ const bn = (o) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          ot,
+          lt,
           {
             withoutHover: !0,
-            className: tt.button,
+            className: et.button,
             size: "s",
             onClick: () => {
-              const p = [...i];
-              c ? p.push({
+              const x = [...i];
+              c ? x.push({
                 type: "Primary",
-                id: K(),
+                id: Z(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }) : p.push({
+              }) : x.push({
                 type: "Primary",
-                id: K(),
+                id: Z(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }), a(p);
+              }), a(x);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: et.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
                 v,
@@ -1149,21 +1149,21 @@ const bn = (o) => {
       }
     )
   ] });
-}, yn = (o) => {
+}, qn = (r) => {
   const {
     isActiveButtons: i,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
     editableLink: c = !0,
-    addable: u = !0,
-    deletable: d = !0
-  } = o;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: _t.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: _t.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: _t.title, children: "Buttons" }),
+    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" }),
       /* @__PURE__ */ t.jsx(
-        at,
+        rt,
         {
           current: i,
           onChange: (g) => a(g)
@@ -1171,29 +1171,29 @@ const bn = (o) => {
       )
     ] }),
     i && /* @__PURE__ */ t.jsx(
-      qe,
+      Be,
       {
         buttons: s,
         setButtons: e,
         editableLink: c,
-        addable: u,
-        deletable: d
+        addable: d,
+        deletable: u
       }
     )
   ] }) });
 };
-function Be(o) {
-  const { product: i, children: a } = o, { attributes: s, listeners: e, setNodeRef: c, transform: u, transition: d, isDragging: g } = mt({
+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: gt.Transform.toString(u),
-    transition: d
+  }), f = {
+    transform: jt.Transform.toString(d),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: c,
-      style: x,
+      style: f,
       className: `${X.product} ${g ? X.dragging : ""}`,
       ...s,
       ...e,
@@ -1201,65 +1201,65 @@ function Be(o) {
     }
   );
 }
-const In = (o) => {
+const On = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
     other: c,
-    title: u,
-    subtitle: d,
+    title: d,
+    subtitle: u,
     editable: g = !0,
-    draggable: x = !1,
-    withImage: $ = !1,
-    deletable: _ = !0,
+    draggable: f = !1,
+    withImage: P = !1,
+    deletable: j = !0,
     addable: n = !0,
-    itemsType: l,
-    itemsOptions: m,
-    limit: b,
-    aspectRatio: p,
-    setAspectRatio: P
-  } = o, [C, O] = f.useState(
+    itemsType: o,
+    itemsOptions: p,
+    limit: q,
+    aspectRatio: x,
+    setAspectRatio: _
+  } = r, [y, M] = m.useState(
     null
-  ), [L, R] = f.useState({
+  ), [z, R] = m.useState({
     top: 0,
     left: 0
-  }), [y, z] = f.useState(!1), h = rt(
-    lt(dt, {
+  }), [I, H] = m.useState(!1), h = ht(
+    pt(mt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const j = () => {
-      O(null), z(!1);
+  m.useEffect(() => {
+    const b = () => {
+      M(null), H(!1);
     };
-    return document.body.addEventListener("click", j), O(null), z(!1), () => {
-      O(null), z(!1), document.body.removeEventListener("click", j);
+    return document.body.addEventListener("click", b), M(null), H(!1), () => {
+      M(null), H(!1), document.body.removeEventListener("click", b);
     };
-  }, []), f.useEffect(() => {
-    if (C) {
-      const j = [...s].map((A) => A.listingId === C.listingId ? C : A);
-      e(j);
+  }, []), m.useEffect(() => {
+    if (y) {
+      const b = [...s].map((A) => A.listingId === y.listingId ? y : A);
+      e(b);
     }
-  }, [C]);
-  const S = (j, A) => {
-    j.stopPropagation();
-    const H = j.target.getBoundingClientRect(), r = 100, T = window.innerHeight;
-    let N = H.top + window.scrollY;
-    N + r > T && (N = T - r - 20), z(!0), R({
-      top: N - 80,
-      left: H.left - 30
-    }), O(A);
+  }, [y]);
+  const S = (b, A) => {
+    b.stopPropagation();
+    const U = b.target.getBoundingClientRect(), l = 100, $ = window.innerHeight;
+    let C = U.top + window.scrollY;
+    C + l > $ && (C = $ - l - 20), H(!0), R({
+      top: C - 80,
+      left: U.left - 30
+    }), M(A);
   };
-  function k(j) {
-    if ($)
-      return j ? /* @__PURE__ */ t.jsx(
+  function k(b) {
+    if (P)
+      return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${j}/w=1000`,
+          src: `https://imagedelivery.net/${b}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1274,20 +1274,20 @@ const In = (o) => {
         }
       );
   }
-  const I = (j) => {
-    const { active: A, over: H } = j;
-    if (H && A.id !== H.id) {
-      const r = s.findIndex((N) => String(N.listingId) === A.id), T = s.findIndex((N) => String(N.listingId) === H.id);
-      if (r !== -1 && T !== -1) {
-        const N = [...s], [E] = N.splice(r, 1);
-        N.splice(T, 0, E), e(N);
+  const N = (b) => {
+    const { active: A, over: U } = b;
+    if (U && A.id !== U.id) {
+      const l = s.findIndex((C) => String(C.listingId) === A.id), $ = s.findIndex((C) => String(C.listingId) === U.id);
+      if (l !== -1 && $ !== -1) {
+        const C = [...s], [E] = C.splice(l, 1);
+        C.splice($, 0, E), e(C);
       }
     }
-  }, q = (j) => {
-    const A = m.find((r) => j.listingId === r.id);
+  }, B = (b) => {
+    const A = p.find((l) => b.listingId === l.id);
     if (!A) return null;
-    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         v,
         {
           name: "DotsSixVertical",
@@ -1296,27 +1296,27 @@ const In = (o) => {
           height: 20
         }
       ) }),
-      l === "select" && /* @__PURE__ */ t.jsx(
-        st,
+      o === "select" && /* @__PURE__ */ t.jsx(
+        nt,
         {
-          onChange: (r) => {
-            const T = [...s], N = m.find((D) => D.productData.name === r);
-            if (!N) return;
+          onChange: (l) => {
+            const $ = [...s], C = p.find((L) => L.productData.name === l);
+            if (!C) return;
             const E = {
-              listingId: N.id,
-              image: N.productData.images.length > 0 ? N.productData.images[0].cfId : ""
-            }, Z = T.map((D) => D.listingId === j.listingId ? E : D);
-            O(E), e([...Z]);
+              listingId: C.id,
+              image: C.productData.images.length > 0 ? C.productData.images[0].cfId : ""
+            }, tt = $.map((L) => L.listingId === b.listingId ? E : L);
+            M(E), e([...tt]);
           },
           value: A.productData.name,
           options: [
-            ...m.filter((r) => !s.find((T) => T.listingId === r.id)).map((r) => r.productData.name)
+            ...p.filter((l) => !s.find(($) => $.listingId === l.id)).map((l) => l.productData.name)
           ],
-          leftAddonOptions: m.map((r) => {
-            var T;
+          leftAddonOptions: p.map((l) => {
+            var $;
             return {
-              value: r.productData.name,
-              addon: k(((T = r.productData.images[0]) == null ? void 0 : T.cfId) || "")
+              value: l.productData.name,
+              addon: k((($ = l.productData.images[0]) == null ? void 0 : $.cfId) || "")
             };
           })
         }
@@ -1329,10 +1329,10 @@ const In = (o) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (r) => S(r, j)
+            onClick: (l) => S(l, b)
           }
         ) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+        j && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
           v,
           {
             name: "Trash",
@@ -1340,66 +1340,66 @@ const In = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((r) => r !== j))
+            onClick: () => e(s.filter((l) => l !== b))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      Be,
+    return f ? /* @__PURE__ */ t.jsx(
+      Te,
       {
-        product: j,
-        children: H
+        product: b,
+        children: U
       },
-      j.listingId
+      b.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
-        children: H
+        children: U
       },
-      j.listingId
+      b.listingId
     );
-  }, M = f.useRef(null);
+  }, O = m.useRef(null);
   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 }),
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        rt,
         {
           current: i,
-          onChange: (j) => a == null ? void 0 : a(j)
+          onChange: (b) => a == null ? void 0 : a(b)
         }
       )
     ] }),
-    y && C && /* @__PURE__ */ t.jsx(
-      Mt,
+    I && y && /* @__PURE__ */ t.jsx(
+      At,
       {
-        ref: M,
-        activeItem: C,
-        setActiveItem: O,
-        setIsOpenModal: z,
-        popupPosition: L,
-        itemsOptions: m
+        ref: O,
+        activeItem: y,
+        setActiveItem: M,
+        setIsOpenModal: H,
+        popupPosition: z,
+        itemsOptions: p
       }
     ),
     i && /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      d && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: d }),
-      x ? /* @__PURE__ */ t.jsx(
-        ut,
+      u && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: u }),
+      f ? /* @__PURE__ */ t.jsx(
+        gt,
         {
           sensors: h,
-          onDragEnd: I,
+          onDragEnd: N,
           children: /* @__PURE__ */ t.jsx(
-            ht,
+            ft,
             {
-              items: s.map((j) => String(j.listingId)),
-              strategy: pt,
-              children: s.map((j) => q(j))
+              items: s.map((b) => String(b.listingId)),
+              strategy: xt,
+              children: s.map((b) => B(b))
             }
           )
         }
-      ) : s.map((j) => q(j)),
+      ) : s.map((b) => B(b)),
       n && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1409,24 +1409,24 @@ const In = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ot,
+            lt,
             {
               withoutHover: !0,
               className: X.button,
               size: "s",
               onClick: () => {
-                const j = [...s];
-                for (let A = 0; A < m.length; A++)
-                  if (!s.find((H) => H.listingId === m[A].id)) {
-                    j.push({
-                      listingId: m[A].id,
-                      image: m[A].productData.images.length > 0 ? m[A].productData.images[0].cfId : ""
+                const b = [...s];
+                for (let A = 0; A < p.length; A++)
+                  if (!s.find((U) => U.listingId === p[A].id)) {
+                    b.push({
+                      listingId: p[A].id,
+                      image: p[A].productData.images.length > 0 ? p[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                e(j);
+                e(b);
               },
-              disabled: s.length === (b || m.length),
+              disabled: s.length === (q || p.length),
               style: {
                 width: "fit-content"
               },
@@ -1446,307 +1446,307 @@ const In = (o) => {
         }
       )
     ] }),
-    p && P && /* @__PURE__ */ t.jsx(
-      st,
+    x && _ && /* @__PURE__ */ t.jsx(
+      nt,
       {
-        value: p,
-        options: Object.keys(kt),
-        onChange: (j) => P(j),
-        leftAddonOptions: St
+        value: x,
+        options: Object.keys(Pt),
+        onChange: (b) => _(b),
+        leftAddonOptions: wt
       }
     ),
     i && c !== void 0 && /* @__PURE__ */ t.jsx(
-      ct,
+      ut,
       {
         otherTitle: "Other",
         items: c
       }
     )
   ] });
-}, Te = "_options_1aiq8_1", $e = "_price_1aiq8_18", Me = "_oldPrice_1aiq8_25", Ae = "_newPrice_1aiq8_33", Oe = "_animate_1aiq8_40", Ee = "_meta_1aiq8_58", Re = "_info_1aiq8_64", De = "_infoRight_1aiq8_72", Le = "_buttons_1aiq8_79", ze = "_variants_1aiq8_86", Fe = "_variant_1aiq8_86", He = "_stock_1aiq8_104", Ue = "_variantInfo_1aiq8_111", Ve = "_quantity_1aiq8_117", Ye = "_button_1aiq8_79", We = "_activeVariant_1aiq8_167", Ge = "_chargeTypes_1aiq8_171", Xe = "_charge_1aiq8_171", Qe = "_chargeActive_1aiq8_196", Je = "_title_1aiq8_204", B = {
-  options: Te,
-  price: $e,
-  oldPrice: Me,
+}, $e = "_options_167h8_1", qe = "_price_167h8_18", Oe = "_oldPrice_167h8_25", Ae = "_newPrice_167h8_33", Ee = "_animate_167h8_40", De = "_meta_167h8_58", Re = "_info_167h8_64", Le = "_infoRight_167h8_73", ze = "_buttons_167h8_80", He = "_variants_167h8_87", Ue = "_variant_167h8_87", Fe = "_stock_167h8_105", Ve = "_variantInfo_167h8_112", Ye = "_quantity_167h8_119", Ge = "_button_167h8_80", We = "_activeVariant_167h8_165", Xe = "_chargeTypes_167h8_169", Qe = "_charge_167h8_169", Je = "_chargeActive_167h8_194", Ke = "_title_167h8_202", T = {
+  options: $e,
+  price: qe,
+  oldPrice: Oe,
   newPrice: Ae,
-  animate: Oe,
-  meta: Ee,
+  animate: Ee,
+  meta: De,
   info: Re,
-  infoRight: De,
-  buttons: Le,
-  variants: ze,
-  variant: Fe,
-  stock: He,
-  variantInfo: Ue,
-  quantity: Ve,
-  button: Ye,
+  infoRight: Le,
+  buttons: ze,
+  variants: He,
+  variant: Ue,
+  stock: Fe,
+  variantInfo: Ve,
+  quantity: Ye,
+  button: Ge,
   activeVariant: We,
-  chargeTypes: Ge,
-  charge: Xe,
-  chargeActive: Qe,
-  title: Je
+  chargeTypes: Xe,
+  charge: Qe,
+  chargeActive: Je,
+  title: Ke
 };
-var Nt = /* @__PURE__ */ ((o) => (o.ONE_TIME = "One-Time", o.RECURRING = "Subscribe & Save", o))(Nt || {});
-const Ke = (o) => {
-  var L, R;
-  const { product: i, setIsOpen: a } = o, { variants: s } = i, [e, c] = f.useState(s[0]), [u, d] = f.useState(
+var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
+const Ze = (r) => {
+  var z, R;
+  const { product: i, setIsOpen: a } = r, { variants: s } = i, [e, c] = m.useState(s[0]), [d, u] = m.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: g, setNotifications: x } = bt(), $ = xt(), [_, n] = f.useState(1), { reset: l, addProductToCart: m } = nt(), [b, p] = f.useState(!1);
-  f.useEffect(() => {
-    p(!0);
-    const y = setTimeout(() => p(!1), 600);
-    return () => clearTimeout(y);
-  }, [_]);
-  async function P() {
-    await m({
+  ), { notifications: g, setNotifications: f } = Ct(), P = bt(), [j, n] = m.useState(1), { reset: o, addProductToCart: p } = at(), [q, x] = m.useState(!1);
+  m.useEffect(() => {
+    x(!0);
+    const I = setTimeout(() => x(!1), 600);
+    return () => clearTimeout(I);
+  }, [j]);
+  async function _() {
+    await p({
       productId: i.id,
       productVariantId: e.id,
-      quantity: _
-    }), a == null || a(!1), x([
+      quantity: j
+    }), a == null || a(!1), f([
       ...g,
       {
-        id: K(),
+        id: Z(),
         message: "Product added to cart",
         status: "success"
       }
     ]);
   }
-  function C() {
-    l(), P(), $("/checkout");
+  function y() {
+    o(), _(), P("/checkout");
   }
-  function O(y) {
-    if (y >= 864e5) {
-      const I = Math.floor(y / 864e5);
-      return `${I} ${I === 1 ? "day" : "days"}`;
-    } else if (y >= 36e5) {
-      const I = Math.floor(y / 36e5);
-      return `${I} ${I === 1 ? "hour" : "hours"}`;
-    } else if (y >= 6e4) {
-      const I = Math.floor(y / 6e4);
-      return `${I} ${I === 1 ? "minute" : "minutes"}`;
+  function M(I) {
+    if (I >= 864e5) {
+      const N = Math.floor(I / 864e5);
+      return `${N} ${N === 1 ? "day" : "days"}`;
+    } else if (I >= 36e5) {
+      const N = Math.floor(I / 36e5);
+      return `${N} ${N === 1 ? "hour" : "hours"}`;
+    } else if (I >= 6e4) {
+      const N = Math.floor(I / 6e4);
+      return `${N} ${N === 1 ? "minute" : "minutes"}`;
     } else {
-      const I = Math.floor(y / 1e3);
-      return `${I} ${I === 1 ? "second" : "seconds"}`;
+      const N = Math.floor(I / 1e3);
+      return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
-  return f.useEffect(() => {
+  return m.useEffect(() => {
     e.quantity && e.quantity.available === 0 ? n(0) : n(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((y) => /* @__PURE__ */ t.jsx(
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: T.chargeTypes, children: e.chargeTypes.map((I) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U(B.charge, {
-          [B.chargeActive]: u === y
+        className: F(T.charge, {
+          [T.chargeActive]: d === I
         }),
-        onClick: () => d(y),
-        children: Nt[y]
+        onClick: () => u(I),
+        children: St[I]
       },
-      y
+      I
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((y) => {
-      var z, h;
+    /* @__PURE__ */ t.jsx("div", { className: T.variants, children: s.map((I) => {
+      var H, h;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(B.variant, {
-            [B.activeVariant]: e.id === y.id
+          className: F(T.variant, {
+            [T.activeVariant]: e.id === I.id
           }),
-          onClick: () => c(y),
+          onClick: () => c(I),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(y.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: T.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: T.title, children: it(I.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                u === "ONE_TIME" ? y.price.amount : y.subscriptionSettings ? y.subscriptionSettings.price.amount : "Price Not Found"
+                d === "ONE_TIME" ? I.price.amount : I.subscriptionSettings ? I.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
-              (z = y.quantity.restrictions) != null && z.max || y.quantity.available !== void 0 ? ((h = y.quantity.restrictions) == null ? void 0 : h.max) || y.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: T.stock, children: [
+              (H = I.quantity.restrictions) != null && H.max || I.quantity.available !== void 0 ? ((h = I.quantity.restrictions) == null ? void 0 : h.max) || I.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        y.id
+        I.id
       );
     }) }),
-    u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
+    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: T.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        D,
         {
           type: "Secondary",
           onClick: () => {
-            _ > 1 ? n((y) => y - 1) : n(1);
+            j > 1 ? n((I) => I - 1) : n(1);
           },
-          className: B.button,
-          disabled: e.quantity.available && e.quantity.restrictions && _ <= e.quantity.restrictions.min || e.quantity.available === 0,
+          className: T.button,
+          disabled: e.quantity.available && e.quantity.restrictions && j <= e.quantity.restrictions.min || e.quantity.available === 0,
           children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        At,
+        Et,
         {
           type: "number",
-          value: String(_),
-          onChange: (y) => n(Number(y)),
-          max: ((L = e.quantity.restrictions) == null ? void 0 : L.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          value: String(j),
+          onChange: (I) => n(Number(I)),
+          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
           min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && _ >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && j >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
-        F,
+        D,
         {
           type: "Secondary",
           onClick: () => {
-            n((y) => y + 1);
+            n((I) => I + 1);
           },
-          className: B.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && _ >= e.quantity.restrictions.max || e.quantity.available === 0),
+          className: T.button,
+          disabled: !!(e.quantity.available && e.quantity.restrictions && j >= e.quantity.restrictions.max || e.quantity.available === 0),
           children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: T.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: T.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             v,
             {
               name: "Lightning",
-              fill: "#FF3F19",
+              fill: "var(--text-action)",
               width: 20,
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : O(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : M(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: u === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: T.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
             "$ ",
-            (e.price.amount || 0) * _
+            (e.price.amount || 0) * j
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * _
+            (e.compareAtPrice.amount || 0) * j
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
           "$ ",
-          (e.price.amount || 0) * _
-        ] }) : 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.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
+          (e.price.amount || 0) * j
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        D,
         {
           type: "Primary",
-          onClick: () => C(),
+          onClick: () => y(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: u === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      u === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        F,
+      d === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+        D,
         {
           type: "Secondary",
-          onClick: () => P(),
+          onClick: () => _(),
           disabled: e.quantity && e.quantity.available === 0,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, Ze = "_buttons_14q75_23", ts = "_modal_14q75_32", es = "_closing_14q75_64", ss = "_info_14q75_113", ns = "_top_14q75_120", is = "_title_14q75_131", as = "_clear_14q75_138", os = "_activeClear_14q75_145", cs = "_count_14q75_149", rs = "_cart_14q75_164", ls = "_empty_14q75_172", ds = "_product_14q75_198", us = "_products_14q75_207", hs = "_image_14q75_215", ps = "_productInfo_14q75_230", ms = "_content_14q75_237", gs = "_name_14q75_243", fs = "_price_14q75_249", xs = "_productButtons_14q75_255", _s = "_productButton_14q75_255", js = "_productCount_14q75_272", vs = "_bottom_14q75_289", bs = "_subtotal_14q75_297", ys = "_block_14q75_305", Is = "_shoppingCount_14q75_312", Ns = "_total_14q75_332", Cs = "_link_14q75_338", Ss = "_userInfo_14q75_345", ks = "_pagesMobileModal_14q75_356", ws = "_pagesMobileModalContent_14q75_370", Ps = "_pagesMobileModalHeader_14q75_376", qs = "_pagesMobileModalFooter_14q75_386", w = {
-  buttons: Ze,
-  modal: ts,
-  closing: es,
-  info: ss,
-  top: ns,
-  title: is,
-  clear: as,
-  activeClear: os,
-  count: cs,
-  cart: rs,
-  empty: ls,
-  product: ds,
-  products: us,
-  image: hs,
-  productInfo: ps,
-  content: ms,
-  name: gs,
-  price: fs,
-  productButtons: xs,
-  productButton: _s,
-  productCount: js,
-  bottom: vs,
-  subtotal: bs,
-  block: ys,
-  shoppingCount: Is,
-  total: Ns,
-  link: Cs,
-  userInfo: Ss,
-  pagesMobileModal: ks,
-  pagesMobileModalContent: ws,
-  pagesMobileModalHeader: Ps,
-  pagesMobileModalFooter: qs
-}, Nn = (o) => {
-  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = o;
+}, ts = "_buttons_qns27_23", es = "_modal_qns27_32", ss = "_closing_qns27_64", ns = "_info_qns27_113", is = "_top_qns27_120", as = "_title_qns27_131", os = "_clear_qns27_138", cs = "_activeClear_qns27_145", rs = "_count_qns27_149", ls = "_cart_qns27_164", ds = "_empty_qns27_172", us = "_product_qns27_198", hs = "_products_qns27_207", ps = "_image_qns27_215", ms = "_productInfo_qns27_231", gs = "_content_qns27_238", fs = "_name_qns27_244", xs = "_price_qns27_250", _s = "_productButtons_qns27_256", js = "_productButton_qns27_256", vs = "_productCount_qns27_273", bs = "_bottom_qns27_290", ys = "_subtotal_qns27_298", Is = "_block_qns27_306", Ns = "_shoppingCount_qns27_313", Cs = "_total_qns27_333", Ss = "_link_qns27_339", ks = "_userInfo_qns27_346", ws = "_pagesMobileModal_qns27_358", Ps = "_pagesMobileModalContent_qns27_372", Ms = "_pagesMobileModalHeader_qns27_378", Bs = "_pagesMobileModalFooter_qns27_388", w = {
+  buttons: ts,
+  modal: es,
+  closing: ss,
+  info: ns,
+  top: is,
+  title: as,
+  clear: os,
+  activeClear: cs,
+  count: rs,
+  cart: ls,
+  empty: ds,
+  product: us,
+  products: hs,
+  image: ps,
+  productInfo: ms,
+  content: gs,
+  name: fs,
+  price: xs,
+  productButtons: _s,
+  productButton: js,
+  productCount: vs,
+  bottom: bs,
+  subtotal: ys,
+  block: Is,
+  shoppingCount: Ns,
+  total: Cs,
+  link: Ss,
+  userInfo: ks,
+  pagesMobileModal: ws,
+  pagesMobileModalContent: Ps,
+  pagesMobileModalHeader: Ms,
+  pagesMobileModalFooter: Bs
+}, An = (r) => {
+  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
-    i && /* @__PURE__ */ t.jsx(Bs, {}),
-    s && /* @__PURE__ */ t.jsx(qt, { signUp: a })
+    i && /* @__PURE__ */ t.jsx(Ts, {}),
+    s && /* @__PURE__ */ t.jsx(Tt, { signUp: a })
   ] });
-}, Bs = () => {
-  const [o, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e, products: c } = nt();
-  function u(n) {
+}, 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 l = 0; l < e.parts.length; l++)
-        for (let m = 0; m < n.variants.length; m++)
-          if (n.variants[m] && e.parts[l].productVariantId === n.variants[m].id)
-            return e.parts[l].productVariantId;
+      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;
     }
     return n.variants[0].id;
   }
-  function d(n) {
-    for (let l = 0; l < e.parts.length; l++)
-      for (let m = 0; m < n.variants.length; m++)
-        if (n.variants[m] && e.parts[l].productVariantId === n.variants[m].id)
-          return e.parts[l].quantity;
+  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;
   }
-  f.useEffect(() => {
+  m.useEffect(() => {
     (async () => {
-      const l = e.parts.map((p) => String(p.productId)), b = (c.filter((p) => l.includes(String(p.id))) || []).map((p) => ({
-        ...p,
-        activeVariantId: u(p),
-        quantity: d(p)
+      const o = e.parts.map((x) => String(x.productId)), q = (c.filter((x) => o.includes(String(x.id))) || []).map((x) => ({
+        ...x,
+        activeVariantId: d(x),
+        quantity: u(x)
       }));
-      s(b);
+      s(q);
     })();
   }, [e.parts]);
   function g(n) {
-    var l;
-    return !n || !(n != null && n.variants) ? !1 : (l = n.variants.find((m) => m.id === n.activeVariantId)) == null ? void 0 : l.subscriptionSettings;
+    var o;
+    return !n || !(n != null && n.variants) ? !1 : (o = n.variants.find((p) => p.id === n.activeVariantId)) == null ? void 0 : o.subscriptionSettings;
   }
-  const x = e.parts.length > 0 && a.length > 0 && !g(a[0]), [$, _] = f.useState(!1);
+  const f = e.parts.length > 0 && a.length > 0 && !g(a[0]), [P, j] = m.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      F,
+      D,
       {
         type: "Secondary",
         style: {
@@ -1754,54 +1754,53 @@ const Ke = (o) => {
           position: "relative"
         },
         onClick: (n) => {
-          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), _(!0));
+          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), j(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
             v,
             {
-              name: "Handbag",
-              fill: "var(--text-primary)"
+              name: "Handbag"
             }
           ),
-          x && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
+          f && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
         ]
       }
     ),
-    o && /* @__PURE__ */ t.jsx(
-      It,
+    r && /* @__PURE__ */ t.jsx(
+      dt,
       {
         close: () => {
-          _(!1), setTimeout(() => {
+          j(!1), setTimeout(() => {
             i(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          Ts,
+          $s,
           {
             activeProducts: a,
-            isCartNotEmpty: x,
-            isOpen: $
+            isCartNotEmpty: f,
+            isOpen: P
           }
         )
       }
     )
   ] });
-}, Ts = (o) => {
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = o, { cart: e, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: d } = nt(), g = xt();
-  function x(n) {
+}, $s = (r) => {
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = r, { cart: e, reset: c, getTotalAndDiscount: d, updateQuantityOfProduct: u } = at(), g = bt();
+  function f(n) {
     g(n);
   }
-  function $(n) {
-    n.quantity && d({
+  function P(n) {
+    n.quantity && u({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity + 1
     });
   }
-  function _(n) {
-    n.quantity && d({
+  function j(n) {
+    n.quantity && u({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity - 1
@@ -1810,7 +1809,7 @@ const Ke = (o) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U(w.modal, {
+      className: F(w.modal, {
         [w.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
@@ -1823,7 +1822,7 @@ const Ke = (o) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: U(w.clear, {
+              className: F(w.clear, {
                 [w.activeClear]: a
               }),
               disabled: !a,
@@ -1856,20 +1855,20 @@ const Ke = (o) => {
                     }
                   ) }),
                   /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: w.name, children: yt(n.name) }),
+                    /* @__PURE__ */ t.jsx("div", { className: w.name, children: it(n.name) }),
                     /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
                       "$",
-                      n.variants.find((l) => l.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
+                      n.variants.find((o) => o.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    F,
+                    D,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && _(n);
+                        n.quantity !== 1 && j(n);
                       },
                       className: w.productButton,
                       disabled: n.quantity === 1,
@@ -1886,12 +1885,12 @@ const Ke = (o) => {
                   ),
                   /* @__PURE__ */ t.jsx("div", { className: w.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    F,
+                    D,
                     {
                       type: "Secondary",
-                      onClick: () => $(n),
+                      onClick: () => P(n),
                       className: w.productButton,
-                      disabled: n.quantity === n.variants.find((l) => l.id === n.activeVariantId).quantity.available,
+                      disabled: n.quantity === n.variants.find((o) => o.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
                         v,
                         {
@@ -1924,16 +1923,16 @@ const Ke = (o) => {
               ] }),
               /* @__PURE__ */ t.jsxs("div", { className: w.total, children: [
                 "$",
-                u().total
+                d().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(F, { onClick: () => x("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(D, { onClick: () => f("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx($s, {})
+        ] }) : /* @__PURE__ */ t.jsx(qs, {})
       ]
     }
   );
-}, $s = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
+}, qs = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     v,
     {
@@ -1954,15 +1953,15 @@ const Ke = (o) => {
       }
     )
   ] })
-] }), qt = ({ signUp: o, close: i }) => {
-  const a = localStorage.getItem("token"), s = xt();
-  function e(d) {
-    window.location.pathname.includes("/admin/builder") || s(d);
+] }), Tt = ({ signUp: r, close: i }) => {
+  const a = localStorage.getItem("token"), s = bt();
+  function e(u) {
+    window.location.pathname.includes("/admin/builder") || s(u);
   }
   if (!a)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        D,
         {
           onClick: () => {
             e("/customer-dash"), i == null || i();
@@ -1974,8 +1973,8 @@ const Ke = (o) => {
           children: "Login"
         }
       ),
-      o && /* @__PURE__ */ t.jsx(
-        F,
+      r && /* @__PURE__ */ t.jsx(
+        D,
         {
           onClick: () => {
             e("/customer-dash"), i == null || i();
@@ -1989,11 +1988,11 @@ const Ke = (o) => {
         }
       )
     ] });
-  const [c, u] = f.useState("test-email@gmail.com");
-  return f.useEffect(() => {
+  const [c, d] = m.useState("test-email@gmail.com");
+  return m.useEffect(() => {
     (async () => {
-      const g = Ot(a);
-      u(g.email);
+      const g = Dt(a);
+      d(g.email);
     })();
   }, [a]), /* @__PURE__ */ t.jsx(
     "div",
@@ -2005,13 +2004,13 @@ const Ke = (o) => {
       children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
     }
   );
-}, Ms = ({
-  children: o,
+}, Os = ({
+  children: r,
   logo: i,
   setIsOpen: a,
   signUp: s
 }) => {
-  const { setIsOpen: e } = wt(), c = () => {
+  const { setIsOpen: e } = ot(), c = () => {
     e(!1), setTimeout(() => {
       a(!1), e(!0);
     }, 300);
@@ -2020,28 +2019,22 @@ const Ke = (o) => {
     "div",
     {
       className: w.pagesMobileModal,
-      onClick: (u) => u.stopPropagation(),
+      onClick: (d) => d.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
-            F,
+            D,
             {
               type: "Secondary",
               onClick: c,
-              children: /* @__PURE__ */ t.jsx(
-                v,
-                {
-                  name: "X",
-                  fill: "var(--text-primary)"
-                }
-              )
+              children: /* @__PURE__ */ t.jsx(v, { name: "X" })
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: o }),
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: r }),
         /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          qt,
+          Tt,
           {
             signUp: s,
             close: c
@@ -2050,35 +2043,35 @@ const Ke = (o) => {
       ]
     }
   );
-}, Cn = ({
-  children: o,
+}, En = ({
+  children: r,
   logo: i,
   signUp: a
 }) => {
-  const [s, e] = f.useState(!1);
+  const [s, e] = m.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(As, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
-      It,
+      dt,
       {
         close: () => e(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          Ms,
+          Os,
           {
             logo: i,
             setIsOpen: e,
             signUp: a,
-            children: o
+            children: r
           }
         )
       }
     )
   ] });
-}, As = (o) => {
-  const { setIsOpenModal: i } = o;
+}, As = (r) => {
+  const { setIsOpenModal: i } = r;
   return /* @__PURE__ */ t.jsx(
-    F,
+    D,
     {
       type: "Secondary",
       style: {
@@ -2087,34 +2080,28 @@ const Ke = (o) => {
       onClick: (a) => {
         a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
-      children: /* @__PURE__ */ t.jsx(
-        v,
-        {
-          name: "List",
-          fill: "var(--text-primary)"
-        }
-      )
+      children: /* @__PURE__ */ t.jsx(v, { name: "List" })
     }
   );
-}, Os = "_share_10urc_1", Es = "_modal_10urc_9", Rs = "_header_10urc_21", Ds = "_title_10urc_48", Ls = "_copyWrapper_10urc_54", zs = "_copyText_10urc_63", Fs = "_copyTextMobile_10urc_76", Hs = "_copyTextMiniMobile_10urc_95", et = {
-  share: Os,
-  modal: Es,
+}, Es = "_share_rlgln_1", Ds = "_modal_rlgln_8", Rs = "_header_rlgln_20", Ls = "_title_rlgln_46", zs = "_copyWrapper_rlgln_52", Hs = "_copyText_rlgln_61", Us = "_copyTextMobile_rlgln_74", Fs = "_copyTextMiniMobile_rlgln_93", st = {
+  share: Es,
+  modal: Ds,
   header: Rs,
-  title: Ds,
-  copyWrapper: Ls,
-  copyText: zs,
-  copyTextMobile: Fs,
-  copyTextMiniMobile: Hs
-}, Sn = ({ title: o = "Copy Product Link" }) => {
-  const { isOpenModal: i, setIsOpenModal: a } = Pt();
+  title: Ls,
+  copyWrapper: zs,
+  copyText: Hs,
+  copyTextMobile: Us,
+  copyTextMiniMobile: Fs
+}, Dn = ({ title: r = "Copy Product Link" }) => {
+  const { isOpenModal: i, setIsOpenModal: a } = Mt();
   function s() {
     a(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      F,
+      D,
       {
-        className: et.share,
+        className: st.share,
         onClick: (e) => {
           e.stopPropagation(), s();
         },
@@ -2129,69 +2116,69 @@ const Ke = (o) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(It, { close: a, children: /* @__PURE__ */ t.jsx(Us, { title: o }) })
+    i && /* @__PURE__ */ t.jsx(dt, { close: a, children: /* @__PURE__ */ t.jsx(Vs, { title: r }) })
   ] });
-}, Us = ({ title: o = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = Pt(), { notifications: a, setNotifications: s } = bt(), { setIsOpen: e } = wt(), c = window.location.href;
-  function u() {
+}, Vs = ({ 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([
       ...a,
       {
-        id: K(),
+        id: Z(),
         message: "Link copied to clipboard",
         status: "success"
       }
     ]);
   }
-  function d() {
+  function u() {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
   }
-  function g(x, $) {
-    return x.length > $ ? x.slice(0, $) + "..." : x;
+  function g(f, P) {
+    return f.length > P ? f.slice(0, P) + "..." : f;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: et.modal,
-      onClick: (x) => x.stopPropagation(),
+      className: st.modal,
+      onClick: (f) => f.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
+        /* @__PURE__ */ t.jsxs("div", { className: st.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: st.title, children: r }),
           /* @__PURE__ */ t.jsx(
             v,
             {
               name: "X",
               fill: "#757575",
-              onClick: d,
+              onClick: u,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: et.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: st.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            F,
+            D,
             {
               type: "Secondary",
-              onClick: u,
+              onClick: d,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: et.copyText, children: g(c, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMobile, children: g(c, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMiniMobile, children: g(c, 20) })
+                /* @__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(
-            F,
+            D,
             {
               type: "Secondary",
-              onClick: u,
+              onClick: d,
               children: a.find(
-                (x) => x.message === "Link copied to clipboard"
+                (f) => f.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
             }
           )
@@ -2199,41 +2186,41 @@ const Ke = (o) => {
       ]
     }
   );
-}, Vs = "_accordion_1s1lq_1", Ys = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Gs = "_open_1s1lq_21", Xs = "_content_1s1lq_25", it = {
-  accordion: Vs,
-  header: Ys,
+}, Ys = "_accordion_1s1lq_1", Gs = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Xs = "_open_1s1lq_21", Qs = "_content_1s1lq_25", ct = {
+  accordion: Ys,
+  header: Gs,
   icon: Ws,
-  open: Gs,
-  content: Xs
-}, kn = ({ title: o, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = f.useState(a), [c, u] = f.useState(0), d = f.useRef(null), g = () => {
+  open: Xs,
+  content: Qs
+}, Rn = ({ title: r, content: i, defaultOpen: a = !1 }) => {
+  const [s, e] = m.useState(a), [c, d] = m.useState(0), u = m.useRef(null), g = () => {
     e(!s);
   };
-  return f.useEffect(() => {
-    d.current && u(s ? d.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
+  return m.useEffect(() => {
+    u.current && d(s ? u.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: ct.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: it.header,
+        className: ct.header,
         onClick: g,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
-          /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
+          /* @__PURE__ */ t.jsx("div", { className: F(ct.icon, { [ct.open]: s }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: d,
-        className: it.content,
+        ref: u,
+        className: ct.content,
         style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
-}, wn = ({ children: o, path: i, className: a, target: s = "_self", id: e }) => {
+}, Js = ({ children: r, path: i, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2242,44 +2229,44 @@ const Ke = (o) => {
         role: "link",
         style: { cursor: "pointer" },
         id: e,
-        children: o
+        children: r
       }
     );
-  const c = xt(), u = /^https?:\/\//.test(i), d = (g) => {
-    u || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (g.preventDefault(), c(i));
+  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));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: d,
+      onClick: u,
       className: a,
       role: "link",
       style: { cursor: "pointer" },
       id: e,
-      children: o
+      children: r
     }
   );
-}, Qs = "_buttonsBlock_1b2rb_1", Js = {
-  buttonsBlock: Qs
-}, Pn = (o) => {
-  var x, $;
-  const { setIsOpen: i, setModalType: a, productId: s } = o, { cart: e } = nt(), { pageContext: c } = ft(), u = (x = c == null ? void 0 : c.listings) == null ? void 0 : x.find((_) => _.id === s);
-  if (!u)
+}, Ks = "_buttonsBlock_1b2rb_1", Zs = {
+  buttonsBlock: Ks
+}, Ln = (r) => {
+  var f, P;
+  const { setIsOpen: i, setModalType: a, productId: s } = r, { cart: e } = at(), { pageContext: c } = vt(), d = (f = c == null ? void 0 : c.listings) == null ? void 0 : f.find((j) => j.id === s);
+  if (!d)
     return null;
-  const d = ($ = c == null ? void 0 : c.products) == null ? void 0 : $.find(
-    (_) => _.uniquePath === u.productData.uniquePath
+  const u = (P = c == null ? void 0 : c.products) == null ? void 0 : P.find(
+    (j) => j.uniquePath === d.productData.uniquePath
   );
-  if (!d)
+  if (!u)
     return null;
-  const g = e.parts.find((_) => _.productId === d.id);
+  const g = e.parts.find((j) => j.productId === u.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Js.buttonsBlock,
-      onClick: (_) => _.stopPropagation(),
+      className: Zs.buttonsBlock,
+      onClick: (j) => j.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          F,
+          D,
           {
             type: "Secondary",
             style: {
@@ -2292,7 +2279,7 @@ const Ke = (o) => {
           }
         ),
         /* @__PURE__ */ t.jsx(
-          F,
+          D,
           {
             type: "Primary",
             onClick: () => {
@@ -2304,12 +2291,12 @@ const Ke = (o) => {
       ]
     }
   );
-}, Ks = "_wrapper_27wzz_1", Zs = "_logo_27wzz_8", tn = "_info_27wzz_12", jt = {
-  wrapper: Ks,
-  logo: Zs,
-  info: tn
-}, qn = ({ date: o }) => {
-  const { general: i } = Et();
+}, tn = "_wrapper_27wzz_1", en = "_logo_27wzz_8", sn = "_info_27wzz_12", It = {
+  wrapper: tn,
+  logo: en,
+  info: sn
+}, zn = ({ date: r }) => {
+  const { general: i } = Rt();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
     const e = new Date(s), c = {
@@ -2322,8 +2309,8 @@ const Ke = (o) => {
     };
     return e.toLocaleDateString("en-US", c);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: jt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: It.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
         src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
@@ -2338,108 +2325,98 @@ const Ke = (o) => {
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: jt.info, children: [
+    /* @__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(o) })
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(r) })
     ] })
   ] });
-}, en = "_variants_puxd1_80", sn = "_variant_puxd1_80", nn = "_stock_puxd1_98", an = "_variantInfo_puxd1_105", on = "_chargeTypes_puxd1_165", cn = "_charge_puxd1_165", rn = "_chargeActive_puxd1_190", ln = "_title_puxd1_198", dn = "_modal_puxd1_204", un = "_header_puxd1_224", hn = "_productOptions_puxd1_232", pn = "_loading_puxd1_236", W = {
-  variants: en,
-  variant: sn,
-  stock: nn,
-  variantInfo: an,
-  chargeTypes: on,
-  charge: cn,
-  chargeActive: rn,
-  title: ln,
-  modal: dn,
-  header: un,
-  productOptions: hn,
-  loading: pn
-}, Bn = (o) => {
-  var _;
-  const { pageContext: i } = ft(), a = (_ = i == null ? void 0 : i.listings) == null ? void 0 : _.find((n) => n.id === o.productId), [s, e] = f.useState(!0), [c, u] = f.useState(null), d = (c == null ? void 0 : c.variants[0]) || null, [g, x] = f.useState(
-    d != null && d.chargeTypes && d.chargeTypes.length > 1 ? d.chargeTypes[0] : "ONE_TIME"
-  ), { addProducts: $ } = nt();
-  if (f.useEffect(() => {
+}, nn = "_variants_puxd1_80", an = "_variant_puxd1_80", on = "_stock_puxd1_98", cn = "_variantInfo_puxd1_105", rn = "_chargeTypes_puxd1_165", ln = "_charge_puxd1_165", dn = "_chargeActive_puxd1_190", un = "_title_puxd1_198", hn = "_modal_puxd1_204", pn = "_header_puxd1_224", mn = "_productOptions_puxd1_232", gn = "_loading_puxd1_236", J = {
+  variants: nn,
+  variant: an,
+  stock: on,
+  variantInfo: cn,
+  chargeTypes: rn,
+  charge: ln,
+  chargeActive: dn,
+  title: un,
+  modal: hn,
+  header: pn,
+  productOptions: mn,
+  loading: gn
+}, Hn = (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, f] = m.useState(
+    u != null && u.chargeTypes && u.chargeTypes.length > 1 ? u.chargeTypes[0] : "ONE_TIME"
+  ), { addProducts: P } = at(), { setIsOpen: j } = ot();
+  return m.useEffect(() => {
     (async () => {
       e(!0);
-      const l = await Dt(
+      const p = await Lt(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
       );
-      $(l == null ? void 0 : l.data.products), u(l == null ? void 0 : l.data.products[0]), e(!1);
+      P(p == null ? void 0 : p.data.products), d(p == null ? void 0 : p.data.products[0]), e(!1);
     })();
-  }, []), s)
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: W.modal,
-        onClick: (n) => n.stopPropagation(),
-        children: /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Rt, {}) })
-      }
-    );
-  if (!c) {
-    o.setIsOpen(!1);
-    return;
-  }
-  if (!d) {
-    o.setIsOpen(!1);
-    return;
-  }
-  return /* @__PURE__ */ t.jsxs(
+  }, []), m.useEffect(() => {
+    j(!0);
+  }, []), /* @__PURE__ */ t.jsx(dt, { close: r.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: W.modal,
-      onClick: (n) => n.stopPropagation(),
+      className: J.modal,
+      onClick: (o) => o.stopPropagation(),
       children: [
-        o.type === "Add To Cart" && !s && /* @__PURE__ */ t.jsx(
-          mn,
+        s && /* @__PURE__ */ t.jsx("div", { className: J.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
+        r.type === "Add To Cart" && c && u && !s && /* @__PURE__ */ t.jsx(
+          fn,
           {
             variants: c.variants,
-            activeVariant: d,
+            activeVariant: u,
             activeChargeType: g,
-            setActiveChargeType: x,
+            setActiveChargeType: f,
             productId: c.id,
-            setIsOpen: o.setIsOpen
+            setIsOpen: r.setIsOpen
           }
         ),
-        o.type === "Buy Now" && !s && /* @__PURE__ */ t.jsx(
-          gn,
+        r.type === "Buy Now" && c && !s && /* @__PURE__ */ t.jsx(
+          xn,
           {
             product: c,
-            setIsOpen: o.setIsOpen
+            setIsOpen: r.setIsOpen
           }
         )
       ]
     }
-  );
-}, mn = (o) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: u } = o, { cart: d, addProductToCart: g, addProducts: x, updateQuantityOfProduct: $ } = nt(), { notifications: _, setNotifications: n } = bt(), { pageContext: l } = ft();
-  async function m(b) {
-    const p = d.parts.find(
-      (P) => P.productId === o.productId && P.productVariantId === b
+  ) });
+}, fn = (r) => {
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: d } = r, { cart: u, addProductToCart: g, addProducts: f, updateQuantityOfProduct: P } = at(), { notifications: j, setNotifications: n } = Ct(), { pageContext: o } = vt(), { setIsOpen: p } = ot(), q = () => {
+    p(!1), setTimeout(() => {
+      d(!1);
+    }, 300);
+  };
+  async function x(_) {
+    const y = u.parts.find(
+      (M) => M.productId === r.productId && M.productVariantId === _
     );
-    p ? $({
+    y ? P({
       productId: c,
-      productVariantId: b,
-      quantity: p.quantity + 1
-    }) : (l != null && l.products && await x(l.products), await g({
+      productVariantId: _,
+      quantity: y.quantity + 1
+    }) : (o != null && o.products && await f(o.products), await g({
       productId: c,
-      productVariantId: b,
+      productVariantId: _,
       quantity: 1
     })), n([
-      ..._,
+      ...j,
       {
-        id: K(),
+        id: Z(),
         message: "Product added to cart",
         status: "success"
       }
     ]);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
         v,
@@ -2449,56 +2426,60 @@ const Ke = (o) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: () => u(!1)
+          onClick: q
         }
       )
     ] }),
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: W.chargeTypes, children: e.chargeTypes.map((b) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: J.chargeTypes, children: e.chargeTypes.map((_) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U(W.charge, {
-          [W.chargeActive]: a === b
+        className: F(J.charge, {
+          [J.chargeActive]: a === _
         }),
-        onClick: () => s(b),
-        children: Nt[b]
+        onClick: () => s(_),
+        children: St[_]
       },
-      b
+      _
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: W.variants, children: i.map((b) => {
-      var p, P;
+    /* @__PURE__ */ t.jsx("div", { className: J.variants, children: i.map((_) => {
+      var y, M;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(W.variant),
+          className: F(J.variant),
           onClick: () => {
-            m(b.id), u(!1);
+            x(_.id), d(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: W.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: W.title, children: b.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: J.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: J.title, children: _.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                a === "ONE_TIME" ? b.price.amount : b.subscriptionSettings ? b.subscriptionSettings.price.amount : "Price Not Found"
+                a === "ONE_TIME" ? _.price.amount : _.subscriptionSettings ? _.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: W.stock, children: [
-              (p = b.quantity.restrictions) != null && p.max || b.quantity.available !== void 0 ? ((P = b.quantity.restrictions) == null ? void 0 : P.max) || b.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: J.stock, children: [
+              (y = _.quantity.restrictions) != null && y.max || _.quantity.available !== void 0 ? ((M = _.quantity.restrictions) == null ? void 0 : M.max) || _.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        b.id
+        _.id
       );
     }) })
   ] });
-}, gn = (o) => {
-  const { product: i, setIsOpen: a } = o;
+}, xn = (r) => {
+  const { product: i, setIsOpen: a } = r, { setIsOpen: s } = ot(), e = () => {
+    s(!1), setTimeout(() => {
+      a(!1);
+    }, 300);
+  };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        yt(i.name)
+        it(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
         v,
@@ -2508,7 +2489,7 @@ const Ke = (o) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: () => a(!1),
+          onClick: e,
           style: {
             minWidth: 24,
             minHeight: 24
@@ -2516,56 +2497,174 @@ const Ke = (o) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: W.productOptions, children: /* @__PURE__ */ t.jsx(
-      Ke,
+    /* @__PURE__ */ t.jsx("div", { className: J.productOptions, children: /* @__PURE__ */ t.jsx(
+      Ze,
       {
         product: i,
         setIsOpen: a
       }
     ) })
   ] });
+}, _n = "_contentModal_2a136_1", jn = "_modalTop_2a136_13", vn = "_loading_2a136_19", bn = "_modalCards_2a136_27", yn = "_modalImage_2a136_32", In = "_card_2a136_37", Nn = "_cardInfo_2a136_48", Cn = "_cardButtons_2a136_55", Sn = "_title_2a136_61", kn = "_blockImage_2a136_68", W = {
+  contentModal: _n,
+  modalTop: jn,
+  loading: vn,
+  modalCards: bn,
+  modalImage: yn,
+  card: In,
+  cardInfo: Nn,
+  cardButtons: Cn,
+  title: Sn,
+  blockImage: kn
+}, Un = (r) => {
+  const { setIsOpen: i, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: c } = r, [d, u] = m.useState(null), [g, f] = m.useState(!0), { setIsOpen: P } = ot();
+  m.useEffect(() => {
+    var p;
+    f(!0);
+    const o = (p = a.listings) == null ? void 0 : p.filter(
+      (q) => s.listingIdList.includes(q.id)
+    );
+    o && u([...o]), f(!1);
+  }, [a]), m.useEffect(() => {
+    P(!0);
+  }, []);
+  const j = () => {
+    P(!1), setTimeout(() => {
+      i(!1);
+    }, 300);
+  };
+  function n(o) {
+    return o.productData.compareAtPrice ? o.productData.compareAtPrice.amount : 0;
+  }
+  return /* @__PURE__ */ t.jsx(dt, { close: () => i(!1), children: /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: W.contentModal,
+      onClick: (o) => o.stopPropagation(),
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: W.modalTop, children: [
+          /* @__PURE__ */ t.jsx(
+            "span",
+            {
+              className: W.title,
+              id: "h4",
+              children: it(s.name)
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            v,
+            {
+              name: "X",
+              hoverable: !0,
+              onClick: j
+            }
+          )
+        ] }),
+        !g && d && /* @__PURE__ */ t.jsx("div", { className: W.modalCards, children: d.map((o) => /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: W.card,
+            children: [
+              /* @__PURE__ */ t.jsx("div", { children: o.productData.images[0] ? /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  src: `https://imagedelivery.net/${o.productData.images[0].cfId}/w=500`,
+                  alt: "",
+                  width: 64,
+                  height: 64,
+                  className: W.modalImage
+                }
+              ) : /* @__PURE__ */ t.jsx("div", { className: F(W.blockImage, W.modalImage), children: /* @__PURE__ */ t.jsx(v, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: W.cardInfo, children: [
+                /* @__PURE__ */ t.jsxs(
+                  "span",
+                  {
+                    className: W.name,
+                    id: "h5",
+                    children: [
+                      it(o.productData.name),
+                      " $",
+                      o.productData.minPrice.amount,
+                      " ",
+                      "- $",
+                      n(o)
+                    ]
+                  }
+                ),
+                o.productData.shortDescription && /* @__PURE__ */ t.jsx(
+                  "span",
+                  {
+                    className: W.short,
+                    id: "md",
+                    children: it(o.productData.shortDescription)
+                  }
+                ),
+                /* @__PURE__ */ t.jsx("span", {})
+              ] }),
+              /* @__PURE__ */ t.jsxs("div", { className: W.cardButtons, children: [
+                /* @__PURE__ */ t.jsx(
+                  D,
+                  {
+                    type: "Secondary",
+                    onClick: () => {
+                      e(o.id), i(!1), c(!0);
+                    },
+                    children: "Buy"
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(Js, { path: `/product/${o.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(D, { type: "Primary", children: "View Details" }) })
+              ] })
+            ]
+          },
+          o.id
+        )) }),
+        g && /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
+      ]
+    }
+  ) });
 };
 export {
-  kn as Accordion,
+  Rn as Accordion,
   As as BurgerMenuButton,
-  F as Button,
-  qe as ButtonTypeSettings,
-  yn as ButtonsSettings,
-  jn as CategorySettings,
-  Nt as ChargeTypes,
-  Tt as ChooseImage,
-  Mn as ChooseImageModal,
-  $s as EmptyCart,
-  bn as FormSettings,
-  Nn as HeaderButtons,
+  D as Button,
+  Be as ButtonTypeSettings,
+  qn as ButtonsSettings,
+  Bn as CategorySettings,
+  St as ChargeTypes,
+  qt as ChooseImage,
+  Yn as ChooseImageModal,
+  qs as EmptyCart,
+  $n as FormSettings,
+  Un as GroupCardModal,
+  An as HeaderButtons,
   v as Icon,
-  vt as InputSettings,
-  At as InputUI,
-  An as ItemsSettings,
-  _n as LayoutSettings,
-  wn as Link,
-  In as ListingSelector,
-  Rt as Loader,
-  qn as MetaInfoPost,
-  It as Modal,
-  Cn as PagesMobileMenu,
-  Ms as PagesMobileModal,
-  vn as PagesSettings,
-  Pn as ProductCardButtons,
-  Bn as ProductCardModal,
-  Ke as ProductOptions,
-  On as RadioUI,
-  Ct as RangeSelector,
-  st as Select,
-  En as SelectInfiniteList,
-  Rn as SelectUI,
-  Sn as ShareLink,
-  Bs as ShoppingButton,
-  Ts as ShoppingModalCart,
-  at as Switch,
-  Dn as TextSettings,
-  Ln as TextareaSettings,
-  zn as TextareaUI,
-  Fn as TypesText,
-  qt as UserInfo
+  Nt as InputSettings,
+  Et as InputUI,
+  Gn as ItemsSettings,
+  Mn as LayoutSettings,
+  Js as Link,
+  On as ListingSelector,
+  Bt as Loader,
+  zn as MetaInfoPost,
+  dt as Modal,
+  En as PagesMobileMenu,
+  Os as PagesMobileModal,
+  Tn as PagesSettings,
+  Ln as ProductCardButtons,
+  Hn as ProductCardModal,
+  Ze as ProductOptions,
+  Wn as RadioUI,
+  kt as RangeSelector,
+  nt as Select,
+  Xn as SelectInfiniteList,
+  Qn as SelectUI,
+  Dn as ShareLink,
+  Ts as ShoppingButton,
+  $s as ShoppingModalCart,
+  rt as Switch,
+  Jn as TextSettings,
+  Kn as TextareaSettings,
+  Zn as TextareaUI,
+  ti as TypesText,
+  Tt as UserInfo
 };