@billgangcom/theme-lib 1.98.5 → 1.99.0

package/dist/ui.es.js

@@ -1,6 +1,6 @@
-import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as kt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as St, A as Ct, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-BQsNEXrH.js";
-import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-BQsNEXrH.js";
-import g from "react";
+import { j as t, I as j, d as U, e as Ct, g as mt, h as pt, P as gt, S as lt, i as Pt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, q as V, r as At, t as Dt, w as bt, x as Et, y as It, z as W, L as Rt, A as St, E as vt, b as ct, s as at, f as Q, F as Lt, G as R, H as Ut, M as ut, J as Ht, K as rt, N as zt, Q as Mt, T as Ft, U as Bt, V as Vt } from "./index-BQwXXgcO.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-BQwXXgcO.js";
+import f from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
   block: Yt,
@@ -23,15 +23,15 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], ne = ["left", "top", "right", "bottom"], Ln = (h) => {
+], ne = ["left", "top", "right", "bottom"], Ln = (u) => {
   const {
-    alignment: a,
+    alignment: n,
     padding: o,
     setPadding: s,
-    setAlignment: r,
+    setAlignment: c,
     isAlignment: e = !0,
-    isPadding: u = !0
-  } = h;
+    isPadding: h = !0
+  } = u;
   function d(l) {
     switch (l) {
       case "left":
@@ -50,7 +50,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function f(l) {
+  function g(l) {
     switch (l) {
       case "left":
         return "AlignLeft";
@@ -62,7 +62,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [_, M] = g.useState(null), [I, c] = g.useState(null);
+  const [_, M] = f.useState(null), [I, r] = f.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
@@ -72,7 +72,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
           "div",
           {
             onClick: () => {
-              r(l);
+              c(l);
             },
             className: G.alignment,
             onMouseEnter: () => {
@@ -82,8 +82,8 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
               M(null);
             },
             children: [
-              l !== a && _ !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              l !== a && _ === l && /* @__PURE__ */ t.jsx(
+              l !== n && _ !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              l !== n && _ === l && /* @__PURE__ */ t.jsx(
                 j,
                 {
                   name: d(_),
@@ -92,10 +92,10 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
                   height: 22
                 }
               ),
-              l === a && /* @__PURE__ */ t.jsx(
+              l === n && /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: d(a),
+                  name: d(n),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -106,7 +106,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
           l
         )) })
       ] }),
-      u && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+      h && /* @__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: ne.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
@@ -115,22 +115,22 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
               [G.active]: I === l
             }),
             onFocus: () => {
-              c(l);
+              r(l);
             },
             onBlur: () => {
-              c(null);
+              r(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: f(l),
+                  name: g(l),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                Nt,
+                Ct,
                 {
                   type: "number",
                   value: String(o[l]),
@@ -163,75 +163,75 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
   addButton: me,
   deleteButton: pe
 };
-function ge({ id: h, children: a }) {
+function ge({ id: u, children: n }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: r,
+    setNodeRef: c,
     transform: e,
-    transition: u,
+    transition: h,
     isDragging: d
   } = yt({
-    id: h
-  }), f = {
+    id: u
+  }), g = {
     transform: jt.Transform.toString(e),
-    transition: u
+    transition: h
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: f,
+      ref: c,
+      style: g,
       className: `${X.product} ${d ? X.dragging : ""}`,
       ...o,
       ...s,
-      children: a
+      children: n
     }
   );
 }
-const Un = (h) => {
+const Un = (u) => {
   const {
-    isActiveItems: a,
+    isActiveItems: n,
     setIsActiveItems: o,
     items: s,
-    setItems: r,
+    setItems: c,
     other: e,
-    tags: u,
+    tags: h,
     title: d,
-    subtitle: f,
+    subtitle: g,
     draggable: _ = !1,
     withImage: M = !1,
     addable: I = !0,
-    itemsOptions: c,
+    itemsOptions: r,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: y,
     limit: x,
     autoScrollInterval: m,
-    deletable: i,
+    deletable: a,
     aspectRatio: b,
-    setAspectRatio: P
-  } = h, A = mt(
+    setAspectRatio: k
+  } = u, A = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), E = (n) => {
-    const { active: N, over: k } = n;
-    if (k && N.id !== k.id) {
-      const q = s.findIndex((S) => S === N.id), $ = s.findIndex((S) => S === k.id);
+  ), E = (i) => {
+    const { active: N, over: P } = i;
+    if (P && N.id !== P.id) {
+      const q = s.findIndex((C) => C === N.id), $ = s.findIndex((C) => C === P.id);
       if (q !== -1 && $ !== -1) {
-        const S = [...s], [Z] = S.splice(q, 1);
-        S.splice($, 0, Z), r(S);
+        const C = [...s], [Z] = C.splice(q, 1);
+        C.splice($, 0, Z), c(C);
       }
     }
   };
-  function K(n) {
+  function K(i) {
     if (M)
-      return n ? /* @__PURE__ */ t.jsx(
+      return i ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${n[0]}/w=1000`,
+          src: `https://imagedelivery.net/${i[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -246,9 +246,9 @@ const Un = (h) => {
         }
       );
   }
-  const L = (n, N = !1) => {
-    const k = c.find(($) => $.id === n);
-    if (!k) return;
+  const L = (i, N = !1) => {
+    const P = r.find(($) => $.id === i);
+    if (!P) return;
     const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
@@ -263,14 +263,14 @@ const Un = (h) => {
         ot,
         {
           onChange: ($) => {
-            const S = [...s], Z = c.find((p) => p.name === $);
+            const C = [...s], Z = r.find((p) => p.name === $);
             if (!Z) return;
-            const v = Z.id, D = S.map((p) => p === n ? v : p);
-            r([...D]);
+            const v = Z.id, D = C.map((p) => p === i ? v : p);
+            c([...D]);
           },
-          value: k.name,
-          options: c.filter(($) => !s.find((S) => S === $.id)).map(($) => $.name),
-          leftAddonOptions: c.map(($) => ({
+          value: P.name,
+          options: r.filter(($) => !s.find((C) => C === $.id)).map(($) => $.name),
+          leftAddonOptions: r.map(($) => ({
             value: $.name,
             addon: K($.images)
           }))
@@ -284,14 +284,14 @@ const Un = (h) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => r(s.filter(($) => $ !== n))
+          onClick: () => c(s.filter(($) => $ !== i))
         }
       ) }) })
     ] });
     return _ ? /* @__PURE__ */ t.jsx(
       ge,
       {
-        id: n,
+        id: i,
         children: q
       },
       J()
@@ -305,19 +305,19 @@ const Un = (h) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (d || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+    (d || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
       d && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: d }),
-      a !== void 0 && /* @__PURE__ */ t.jsx(
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: a,
-          onChange: (n) => o == null ? void 0 : o(n)
+          current: n,
+          onChange: (i) => o == null ? void 0 : o(i)
         }
       )
     ] }),
-    l && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
+    l && y && /* @__PURE__ */ t.jsx(Pt, { ...y }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
+      g && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: g }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
@@ -328,11 +328,11 @@ const Un = (h) => {
             {
               items: s,
               strategy: _t,
-              children: s.map((n) => L(n, i))
+              children: s.map((i) => L(i, a))
             }
           )
         }
-      ) : s.map((n) => L(n, i)),
+      ) : s.map((i) => L(i, a)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -347,21 +347,21 @@ const Un = (h) => {
             {
               withoutHover: !0,
               className: U(X.button, {
-                [X.disabled]: !!(x && x <= s.length || s.length === c.length)
+                [X.disabled]: !!(x && x <= s.length || s.length === r.length)
               }),
               size: "s",
-              disabled: !!(x && x <= s.length || s.length === c.length),
+              disabled: !!(x && x <= s.length || s.length === r.length),
               onClick: () => {
-                const n = [...s];
+                const i = [...s];
                 let N = null;
-                if (c) {
-                  for (let k = 0; k < c.length; k++)
-                    if (!s.find((q) => q === c[k].id)) {
-                      N = c[k];
+                if (r) {
+                  for (let P = 0; P < r.length; P++)
+                    if (!s.find((q) => q === r[P].id)) {
+                      N = r[P];
                       break;
                     }
                 }
-                n.push((N == null ? void 0 : N.id) || c[0].id), r(n);
+                i.push((N == null ? void 0 : N.id) || r[0].id), c(i);
               },
               style: {
                 width: "fit-content"
@@ -382,21 +382,21 @@ const Un = (h) => {
         }
       )
     ] }),
-    b && P && /* @__PURE__ */ t.jsx(
+    b && k && /* @__PURE__ */ t.jsx(
       ot,
       {
         value: b,
         label: "Aspect Ratio",
         options: Object.keys(Tt),
-        onChange: (n) => P(n),
+        onChange: (i) => k(i),
         leftAddonOptions: wt
       }
     ),
-    u !== void 0 && /* @__PURE__ */ t.jsx(
+    h !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         tagsTitle: "Tags",
-        items: u
+        items: h
       }
     ),
     e !== void 0 && /* @__PURE__ */ t.jsx(
@@ -407,12 +407,12 @@ const Un = (h) => {
       }
     ),
     m !== void 0 && /* @__PURE__ */ t.jsx(
-      Nt,
+      Ct,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(m.scrollInterval),
-        onChange: (n) => m.setScrollInterval(Number(n)),
+        onChange: (i) => m.setScrollInterval(Number(i)),
         min: 0.1,
         max: 100,
         style: {
@@ -422,7 +422,7 @@ const Un = (h) => {
       }
     )
   ] });
-}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", _e = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", je = "_products_roi3a_14", be = "_product_roi3a_14", ve = "_button_roi3a_80", Ie = "_disabled_roi3a_91", Ne = "_buttons_roi3a_118", Se = "_addButton_roi3a_164", Ce = "_deleteButton_roi3a_179", Y = {
+}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", _e = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", je = "_products_roi3a_14", be = "_product_roi3a_14", ve = "_button_roi3a_80", Ie = "_disabled_roi3a_91", Ne = "_buttons_roi3a_118", Ce = "_addButton_roi3a_164", Se = "_deleteButton_roi3a_179", Y = {
   title: fe,
   subtitle: xe,
   productsBlock: _e,
@@ -432,85 +432,85 @@ const Un = (h) => {
   button: ve,
   disabled: Ie,
   buttons: Ne,
-  addButton: Se,
-  deleteButton: Ce
+  addButton: Ce,
+  deleteButton: Se
 };
-function Pe({ product: h, children: a }) {
+function ke({ product: u, children: n }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: r,
+    setNodeRef: c,
     transform: e,
-    transition: u,
+    transition: h,
     isDragging: d
   } = yt({
-    id: h.id
-  }), f = {
+    id: u.id
+  }), g = {
     transform: jt.Transform.toString(e),
-    transition: u
+    transition: h
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: f,
+      ref: c,
+      style: g,
       className: `${Y.product} ${d ? Y.dragging : ""}`,
       ...o,
       ...s,
-      children: a
+      children: n
     }
   );
 }
-const Hn = (h) => {
+const Hn = (u) => {
   const {
-    isActiveItems: a,
+    isActiveItems: n,
     setIsActiveItems: o,
     items: s,
-    setItems: r,
+    setItems: c,
     title: e,
-    subtitle: u,
+    subtitle: h,
     editable: d = !0,
-    draggable: f = !1,
+    draggable: g = !1,
     deletable: _ = !0,
     addable: M = !0,
     itemsType: I,
-    itemsOptions: c,
+    itemsOptions: r,
     addableOptions: l = {},
     limit: y
-  } = h, [x, m] = g.useState(null), [i, b] = g.useState(null), P = g.useRef(null), A = mt(
+  } = u, [x, m] = f.useState(null), [a, b] = f.useState(null), k = f.useRef(null), A = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
+  f.useEffect(() => {
     if (x) {
-      const n = [...s].map((N) => N.id === x.id ? x : N);
-      r(n);
+      const i = [...s].map((N) => N.id === x.id ? x : N);
+      c(i);
     }
-  }, [x]), g.useEffect(() => {
-    P.current && i && (P.current.getBoundingClientRect().height, i.top);
-  }, [P.current, i]);
-  const E = (n, N) => {
-    n.stopPropagation();
-    const k = n.target.getBoundingClientRect();
+  }, [x]), f.useEffect(() => {
+    k.current && a && (k.current.getBoundingClientRect().height, a.top);
+  }, [k.current, a]);
+  const E = (i, N) => {
+    i.stopPropagation();
+    const P = i.target.getBoundingClientRect();
     b({
-      top: k.top + window.scrollY,
-      left: k.left - 30
+      top: P.top + window.scrollY,
+      left: P.left - 30
     }), m(N);
-  }, K = (n) => {
-    const { active: N, over: k } = n;
-    if (k && N.id !== k.id) {
-      const q = s.findIndex((S) => S.id === N.id), $ = s.findIndex((S) => S.id === k.id);
+  }, K = (i) => {
+    const { active: N, over: P } = i;
+    if (P && N.id !== P.id) {
+      const q = s.findIndex((C) => C.id === N.id), $ = s.findIndex((C) => C.id === P.id);
       if (q !== -1 && $ !== -1) {
-        const S = [...s], [Z] = S.splice(q, 1);
-        S.splice($, 0, Z), r(S);
+        const C = [...s], [Z] = C.splice(q, 1);
+        C.splice($, 0, Z), c(C);
       }
     }
-  }, L = (n, N) => {
-    const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, L = (i, N) => {
+    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
           name: "DotsSixVertical",
@@ -519,27 +519,27 @@ const Hn = (h) => {
           height: 20
         }
       ) }),
-      I === "select" && c && /* @__PURE__ */ t.jsx(
+      I === "select" && r && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (q) => {
-            const $ = [...s], S = c.find((v) => v.name === q);
-            if (!S) return;
-            const Z = $.map((v) => v.id === n.id ? {
-              ...S,
+            const $ = [...s], C = r.find((v) => v.name === q);
+            if (!C) return;
+            const Z = $.map((v) => v.id === i.id ? {
+              ...C,
               name: {
                 "en-US": q
               }
             } : v);
             m({
-              ...n,
+              ...i,
               name: {
                 "en-US": q
               }
-            }), r([...Z]);
+            }), c([...Z]);
           },
-          value: n.name,
-          options: c.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
+          value: i.name,
+          options: r.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
@@ -550,7 +550,7 @@ const Hn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (q) => E(q, n)
+            onClick: (q) => E(q, i)
           }
         ) }),
         _ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -561,42 +561,42 @@ const Hn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((q) => q.id !== n.id))
+            onClick: () => c(s.filter((q) => q.id !== i.id))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
-      Pe,
+    return g ? /* @__PURE__ */ t.jsx(
+      ke,
       {
-        product: n,
+        product: i,
         index: N,
-        children: k
+        children: P
       },
-      n.id
+      i.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Y.product,
-        children: k
+        children: P
       },
-      n.id
+      i.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (e || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+    (e || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
       e && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: e }),
-      a !== void 0 && /* @__PURE__ */ t.jsx(
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: a,
-          onChange: (n) => o == null ? void 0 : o(n)
+          current: n,
+          onChange: (i) => o == null ? void 0 : o(i)
         }
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
-      f ? /* @__PURE__ */ t.jsx(
+      h && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: h }),
+      g ? /* @__PURE__ */ t.jsx(
         ft,
         {
           sensors: A,
@@ -604,13 +604,13 @@ const Hn = (h) => {
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((n) => n.id),
+              items: s.map((i) => i.id),
               strategy: _t,
-              children: s.map((n, N) => L(n, N))
+              children: s.map((i, N) => L(i, N))
             }
           )
         }
-      ) : s.map((n, N) => L(n, N)),
+      ) : s.map((i, N) => L(i, N)),
       M && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -624,25 +624,25 @@ const Hn = (h) => {
             {
               withoutHover: !0,
               className: U(Y.button, {
-                [Y.disabled]: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length))
+                [Y.disabled]: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length))
               }),
               size: "s",
-              disabled: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length)),
+              disabled: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length)),
               onClick: () => {
-                const n = [...s];
+                const i = [...s];
                 let N = null;
-                if (c) {
-                  for (let k = 0; k < c.length; k++)
-                    if (!s.find((q) => q.id === c[k].id)) {
-                      N = c[k];
+                if (r) {
+                  for (let P = 0; P < r.length; P++)
+                    if (!s.find((q) => q.id === r[P].id)) {
+                      N = r[P];
                       break;
                     }
                 }
-                I === "select" && c && n.push({
-                  name: N ? N.name : c[0].name,
-                  id: (N == null ? void 0 : N.id) || c[0].id,
+                I === "select" && r && i.push({
+                  name: N ? N.name : r[0].name,
+                  id: (N == null ? void 0 : N.id) || r[0].id,
                   ...l
-                }), r(n);
+                }), c(i);
               },
               style: {
                 width: "fit-content"
@@ -665,11 +665,11 @@ const Hn = (h) => {
     ] })
   ] });
 };
-function ke(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
-    id: a.id
+function Pe(u) {
+  const { product: n, children: o } = u, { attributes: s, listeners: c, setNodeRef: e, transform: h, transition: d, isDragging: g } = yt({
+    id: n.id
   }), _ = {
-    transform: jt.Transform.toString(u),
+    transform: jt.Transform.toString(h),
     transition: d
   };
   return /* @__PURE__ */ t.jsx(
@@ -677,85 +677,85 @@ function ke(h) {
     {
       ref: e,
       style: _,
-      className: `${V.product} ${f ? V.dragging : ""}`,
+      className: `${V.product} ${g ? V.dragging : ""}`,
       ...s,
-      ...r,
+      ...c,
       children: o
     }
   );
 }
-const zn = (h) => {
+const zn = (u) => {
   const {
-    isActiveItems: a,
+    isActiveItems: n,
     setIsActiveItems: o,
     items: s,
-    setItems: r,
+    setItems: c,
     other: e,
-    title: u,
+    title: h,
     subtitle: d,
-    editable: f = !0,
+    editable: g = !0,
     draggable: _ = !1,
     deletable: M = !0,
     addable: I = !0,
-    itemsType: c,
+    itemsType: r,
     itemsPlaceholder: l = "",
     itemsOptions: y,
     hasRangeSelector: x = !1,
     rangeSelectorOptions: m,
-    modalOptions: i,
+    modalOptions: a,
     addableOptions: b = {},
-    limit: P
-  } = h, [A, E] = g.useState(null), [K, L] = g.useState({
+    limit: k
+  } = u, [A, E] = f.useState(null), [K, L] = f.useState({
     top: 0,
     left: 0
-  }), [n, N] = g.useState(null), k = g.useRef(null), [q, $] = g.useState(!1), S = mt(
+  }), [i, N] = f.useState(null), P = f.useRef(null), [q, $] = f.useState(!1), C = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
+  f.useEffect(() => {
     const p = () => {
       E(null), $(!1);
     };
     return document.body.addEventListener("click", p), E(null), $(!1), () => {
       E(null), $(!1), document.body.removeEventListener("click", p);
     };
-  }, []), g.useEffect(() => {
+  }, []), f.useEffect(() => {
     if (A) {
-      const p = [...s].map((C) => C.id === A.id ? A : C);
-      r(p);
+      const p = [...s].map((S) => S.id === A.id ? A : S);
+      c(p);
     }
-  }, [A]), g.useEffect(() => {
-    if (k.current && n) {
-      const p = k.current.getBoundingClientRect().height, C = window.innerHeight;
-      let B = n.top;
-      B + p > C + window.scrollY - 200 && (B = C + window.scrollY - p - 200), B < 0 && (B = 10), L({
+  }, [A]), f.useEffect(() => {
+    if (P.current && i) {
+      const p = P.current.getBoundingClientRect().height, S = window.innerHeight;
+      let B = i.top;
+      B + p > S + window.scrollY - 200 && (B = S + window.scrollY - p - 200), B < 0 && (B = 10), L({
         top: B,
-        left: n.left
+        left: i.left
       });
     }
-  }, [k.current, n]);
-  const Z = (p, C) => {
+  }, [P.current, i]);
+  const Z = (p, S) => {
     p.stopPropagation();
     const B = p.target.getBoundingClientRect();
     N({
       top: B.top + window.scrollY,
       left: B.left - 30
-    }), E(C), $(!0);
+    }), E(S), $(!0);
   }, v = (p) => {
-    const { active: C, over: B } = p;
-    if (B && C.id !== B.id) {
-      const T = s.findIndex((z) => z.id === C.id), tt = s.findIndex((z) => z.id === B.id);
+    const { active: S, over: B } = p;
+    if (B && S.id !== B.id) {
+      const T = s.findIndex((z) => z.id === S.id), tt = s.findIndex((z) => z.id === B.id);
       if (T !== -1 && tt !== -1) {
         const z = [...s], [F] = z.splice(T, 1);
-        z.splice(tt, 0, F), r(z);
+        z.splice(tt, 0, F), c(z);
       }
     }
   }, D = (p) => {
     var B;
-    const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -765,7 +765,7 @@ const zn = (h) => {
           height: 20
         }
       ) }),
-      c === "select" && y && /* @__PURE__ */ t.jsx(
+      r === "select" && y && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (T) => {
@@ -780,7 +780,7 @@ const zn = (h) => {
               name: {
                 "en-US": T
               }
-            }), r([...z]);
+            }), c([...z]);
           },
           value: p.name["en-US"],
           options: y.filter(
@@ -788,8 +788,8 @@ const zn = (h) => {
           )
         }
       ),
-      c === "input" && /* @__PURE__ */ t.jsx(
-        Nt,
+      r === "input" && /* @__PURE__ */ t.jsx(
+        Ct,
         {
           onChange: (T) => {
             const z = [...s].map((F) => F.id === p.id ? {
@@ -798,13 +798,13 @@ const zn = (h) => {
                 "en-US": T
               }
             } : F);
-            r([...z]);
+            c([...z]);
           },
           value: p.name["en-US"],
           placeholder: l
         }
       ),
-      c === "image" && /* @__PURE__ */ t.jsx(
+      r === "image" && /* @__PURE__ */ t.jsx(
         Dt,
         {
           onChange: (T) => {
@@ -812,13 +812,13 @@ const zn = (h) => {
               ...p,
               images: T
             } : F);
-            r([...z]);
+            c([...z]);
           },
           activeImage: (B = s.find((T) => T.id === p.id)) == null ? void 0 : B.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
@@ -836,56 +836,56 @@ const zn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((T) => T.id !== p.id))
+            onClick: () => c(s.filter((T) => T.id !== p.id))
           }
         ) })
       ] })
     ] });
     return _ ? /* @__PURE__ */ t.jsx(
-      ke,
+      Pe,
       {
         product: p,
-        children: C
+        children: S
       },
       p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: C
+        children: S
       },
       p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
-      a !== void 0 && /* @__PURE__ */ t.jsx(
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: a,
+          current: n,
           onChange: (p) => o == null ? void 0 : o(p)
         }
       )
     ] }),
-    A && f && i && q && /* @__PURE__ */ t.jsx(
+    A && g && a && q && /* @__PURE__ */ t.jsx(
       At,
       {
-        ref: k,
+        ref: P,
         activeItem: A,
         setActiveItem: E,
         popupPosition: K,
-        modalOptions: i,
+        modalOptions: a,
         setIsOpenModal: $
       }
     ),
-    x && m && /* @__PURE__ */ t.jsx(kt, { ...m }),
+    x && m && /* @__PURE__ */ t.jsx(Pt, { ...m }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: S,
+          sensors: C,
           onDragEnd: v,
           children: /* @__PURE__ */ t.jsx(
             xt,
@@ -910,29 +910,29 @@ const zn = (h) => {
             {
               withoutHover: !0,
               className: U(V.button, {
-                [V.disabled]: !!(P && P <= s.length)
+                [V.disabled]: !!(k && k <= s.length)
               }),
               size: "s",
-              disabled: !!(P && P <= s.length),
+              disabled: !!(k && k <= s.length),
               onClick: () => {
                 const p = [...s];
-                let C = null;
+                let S = null;
                 if (y) {
                   for (let B = 0; B < y.length; B++)
                     if (!s.find((T) => T.name["en-US"] === y[B])) {
-                      C = y[B];
+                      S = y[B];
                       break;
                     }
                 }
-                c === "select" && y ? p.push({
+                r === "select" && y ? p.push({
                   name: {
-                    "en-US": C || y[0]
+                    "en-US": S || y[0]
                   },
                   id: J(),
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : c === "input" ? p.push({
+                }) : r === "input" ? p.push({
                   name: {
                     "en-US": ""
                   },
@@ -946,7 +946,7 @@ const zn = (h) => {
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }), r(p);
+                }), c(p);
               },
               style: {
                 width: "fit-content"
@@ -983,44 +983,44 @@ const zn = (h) => {
   buttons: $e,
   addButton: Oe,
   deleteButton: qe
-}, Ae = (h) => {
-  const { buttons: a, setButtons: o, deletable: s = !0, addable: r = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, M] = g.useState({
+}, Ae = (u) => {
+  const { buttons: n, setButtons: o, deletable: s = !0, addable: c = !0, editableLink: e = !0 } = u, { pages: h } = bt(), [d, g] = f.useState(null), [_, M] = f.useState({
     top: 0,
     left: 0
-  }), [I, c] = g.useState(null), l = g.useRef(null);
-  g.useEffect(() => {
+  }), [I, r] = f.useState(null), l = f.useRef(null);
+  f.useEffect(() => {
     if (d) {
-      const m = [...a].map((i) => i.id === d.id ? d : i);
+      const m = [...n].map((a) => a.id === d.id ? d : a);
       o(m);
     }
-  }, [d]), g.useEffect(() => {
+  }, [d]), f.useEffect(() => {
     if (l.current && I) {
-      const m = l.current.getBoundingClientRect().height, i = window.innerHeight;
+      const m = l.current.getBoundingClientRect().height, a = window.innerHeight;
       let b = I.top;
-      b + m > i + window.scrollY - 200 && (b = i + window.scrollY - m - 200), b < 0 && (b = 10), M({
+      b + m > a + window.scrollY - 200 && (b = a + window.scrollY - m - 200), b < 0 && (b = 10), M({
         top: b,
         left: I.left
       });
     }
   }, [l.current, I]);
-  const y = (m, i) => {
+  const y = (m, a) => {
     m.stopPropagation();
     const b = m.target.getBoundingClientRect();
-    c({
+    r({
       top: b.top + window.scrollY - 70,
-      left: b.left - (r ? 30 : 65)
-    }), f(i);
-  }, x = (m, i) => {
-    const b = [...a], P = {
+      left: b.left - (c ? 30 : 65)
+    }), g(a);
+  }, x = (m, a) => {
+    const b = [...n], k = {
       ...m,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    b.splice(i + 1, 0, P), o(b);
+    b.splice(a + 1, 0, k), o(b);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
-    a.map((m, i) => /* @__PURE__ */ t.jsxs(
+    n.map((m, a) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: st.product,
@@ -1029,7 +1029,7 @@ const zn = (h) => {
             ot,
             {
               onChange: (b) => {
-                const A = [...a].map((E) => E.id === m.id ? {
+                const A = [...n].map((E) => E.id === m.id ? {
                   ...m,
                   type: b
                 } : E);
@@ -1048,7 +1048,7 @@ const zn = (h) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  x(m, i);
+                  x(m, a);
                 }
               }
             ) }),
@@ -1070,7 +1070,7 @@ const zn = (h) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const b = a.filter((P) => P.id !== m.id);
+                  const b = n.filter((k) => k.id !== m.id);
                   o(b);
                 },
                 width: 20,
@@ -1088,12 +1088,12 @@ const zn = (h) => {
       {
         ref: l,
         activeButton: d,
-        setActiveButton: f,
+        setActiveButton: g,
         popupPosition: _,
         editableLink: e
       }
     ),
-    r && /* @__PURE__ */ t.jsx(
+    c && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1108,7 +1108,7 @@ const zn = (h) => {
             className: st.button,
             size: "s",
             onClick: () => {
-              const m = [...a];
+              const m = [...n];
               e ? m.push({
                 type: "Primary",
                 id: J(),
@@ -1117,7 +1117,7 @@ const zn = (h) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: h ? Object.values(h)[0].path : "/",
                 openInNewTab: !1
               }) : m.push({
                 type: "Primary",
@@ -1127,7 +1127,7 @@ const zn = (h) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: h ? Object.values(h)[0].path : "/",
                 openInNewTab: !1
               }), o(m);
             },
@@ -1150,44 +1150,44 @@ const zn = (h) => {
       }
     )
   ] });
-}, Fn = (h) => {
+}, Fn = (u) => {
   const {
-    isActiveButtons: a,
+    isActiveButtons: n,
     setIsActiveButtons: o,
     buttons: s,
-    setButtons: r,
+    setButtons: c,
     editableLink: e = !0,
-    addable: u = !0,
+    addable: h = !0,
     deletable: d = !0
-  } = h;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: vt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: vt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: vt.title, children: "Buttons" }),
+  } = u;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: It.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: It.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: It.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: a,
-          onChange: (f) => o(f)
+          current: n,
+          onChange: (g) => o(g)
         }
       )
     ] }),
-    a && /* @__PURE__ */ t.jsx(
+    n && /* @__PURE__ */ t.jsx(
       Ae,
       {
         buttons: s,
-        setButtons: r,
+        setButtons: c,
         editableLink: e,
-        addable: u,
+        addable: h,
         deletable: d
       }
     )
   ] }) });
 };
-function De(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
-    id: String(a.listingId)
+function De(u) {
+  const { product: n, children: o } = u, { attributes: s, listeners: c, setNodeRef: e, transform: h, transition: d, isDragging: g } = yt({
+    id: String(n.listingId)
   }), _ = {
-    transform: jt.Transform.toString(u),
+    transform: jt.Transform.toString(h),
     transition: d
   };
   return /* @__PURE__ */ t.jsx(
@@ -1195,67 +1195,67 @@ function De(h) {
     {
       ref: e,
       style: _,
-      className: `${W.product} ${f ? W.dragging : ""}`,
+      className: `${W.product} ${g ? W.dragging : ""}`,
       ...s,
-      ...r,
+      ...c,
       children: o
     }
   );
 }
-const Vn = (h) => {
+const Vn = (u) => {
   const {
-    isActiveItems: a,
+    isActiveItems: n,
     setIsActiveItems: o,
     items: s,
-    setItems: r,
+    setItems: c,
     other: e,
-    title: u,
+    title: h,
     subtitle: d,
-    editable: f = !0,
+    editable: g = !0,
     draggable: _ = !1,
     withImage: M = !1,
     deletable: I = !0,
-    addable: c = !0,
+    addable: r = !0,
     itemsType: l,
     itemsOptions: y,
     limit: x,
     aspectRatio: m,
-    setAspectRatio: i
-  } = h, [b, P] = g.useState(
+    setAspectRatio: a
+  } = u, [b, k] = f.useState(
     null
-  ), [A, E] = g.useState({
+  ), [A, E] = f.useState({
     top: 0,
     left: 0
-  }), [K, L] = g.useState(!1), n = mt(
+  }), [K, L] = f.useState(!1), i = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
+  f.useEffect(() => {
     const v = () => {
-      P(null), L(!1);
+      k(null), L(!1);
     };
-    return document.body.addEventListener("click", v), P(null), L(!1), () => {
-      P(null), L(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", v), k(null), L(!1), () => {
+      k(null), L(!1), document.body.removeEventListener("click", v);
     };
-  }, []), g.useEffect(() => {
+  }, []), f.useEffect(() => {
     if (b) {
       const v = [...s].map((D) => D.listingId === b.listingId ? b : D);
-      r(v);
+      c(v);
     }
   }, [b]);
   const N = (v, D) => {
     v.stopPropagation();
-    const p = v.target.getBoundingClientRect(), C = 100, B = window.innerHeight;
+    const p = v.target.getBoundingClientRect(), S = 100, B = window.innerHeight;
     let T = p.top + window.scrollY;
-    T + C > B && (T = B - C - 20), L(!0), E({
+    T + S > B && (T = B - S - 20), L(!0), E({
       top: T - 80,
       left: p.left - 30
-    }), P(D);
+    }), k(D);
   };
-  function k(v) {
+  function P(v) {
     if (M)
       return v ? /* @__PURE__ */ t.jsx(
         "img",
@@ -1278,16 +1278,16 @@ const Vn = (h) => {
   const q = (v) => {
     const { active: D, over: p } = v;
     if (p && D.id !== p.id) {
-      const C = s.findIndex((T) => String(T.listingId) === D.id), B = s.findIndex((T) => String(T.listingId) === p.id);
-      if (C !== -1 && B !== -1) {
-        const T = [...s], [tt] = T.splice(C, 1);
-        T.splice(B, 0, tt), r(T);
+      const S = s.findIndex((T) => String(T.listingId) === D.id), B = s.findIndex((T) => String(T.listingId) === p.id);
+      if (S !== -1 && B !== -1) {
+        const T = [...s], [tt] = T.splice(S, 1);
+        T.splice(B, 0, tt), c(T);
       }
     }
   }, $ = () => {
-    L(!1), P(null);
-  }, S = (v) => {
-    const D = y.find((C) => v.listingId === C.id);
+    L(!1), k(null);
+  }, C = (v) => {
+    const D = y.find((S) => v.listingId === S.id);
     if (!D) return null;
     const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -1302,37 +1302,37 @@ const Vn = (h) => {
       l === "select" && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (C) => {
-            const B = [...s], T = y.find((F) => F.productData.name === C);
+          onChange: (S) => {
+            const B = [...s], T = y.find((F) => F.productData.name === S);
             if (!T) return;
             const tt = {
               listingId: T.id,
               image: T.productData.images.length > 0 ? T.productData.images[0].cfId : ""
             }, z = B.map((F) => F.listingId === v.listingId ? tt : F);
-            P(tt), r([...z]);
+            k(tt), c([...z]);
           },
           value: D.productData.name,
           options: [
-            ...y.filter((C) => !s.find((B) => B.listingId === C.id)).map((C) => C.productData.name)
+            ...y.filter((S) => !s.find((B) => B.listingId === S.id)).map((S) => S.productData.name)
           ],
-          leftAddonOptions: y.map((C) => {
+          leftAddonOptions: y.map((S) => {
             var B;
             return {
-              value: C.productData.name,
-              addon: k(((B = C.productData.images[0]) == null ? void 0 : B.cfId) || "")
+              value: S.productData.name,
+              addon: P(((B = S.productData.images[0]) == null ? void 0 : B.cfId) || "")
             };
           })
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        f && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        g && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (C) => N(C, v)
+            onClick: (S) => N(S, v)
           }
         ) }),
         I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1343,7 +1343,7 @@ const Vn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((C) => C !== v))
+            onClick: () => c(s.filter((S) => S !== v))
           }
         ) })
       ] })
@@ -1363,14 +1363,14 @@ const Vn = (h) => {
       },
       v.listingId
     );
-  }, Z = g.useRef(null);
+  }, Z = f.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: u }),
-      a !== void 0 && /* @__PURE__ */ t.jsx(
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: a,
+          current: n,
           onChange: (v) => o == null ? void 0 : o(v)
         }
       )
@@ -1380,18 +1380,18 @@ const Vn = (h) => {
       {
         ref: Z,
         activeItem: b,
-        setActiveItem: P,
+        setActiveItem: k,
         setIsOpenModal: L,
         popupPosition: A,
         itemsOptions: y
       }
     ),
-    a && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
+    n && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: n,
+          sensors: i,
           onDragEnd: q,
           onDragStart: $,
           children: /* @__PURE__ */ t.jsx(
@@ -1399,12 +1399,12 @@ const Vn = (h) => {
             {
               items: s.map((v) => String(v.listingId)),
               strategy: _t,
-              children: s.map((v) => S(v))
+              children: s.map((v) => C(v))
             }
           )
         }
-      ) : s.map((v) => S(v)),
-      c && /* @__PURE__ */ t.jsx(
+      ) : s.map((v) => C(v)),
+      r && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1428,7 +1428,7 @@ const Vn = (h) => {
                     });
                     break;
                   }
-                r(v);
+                c(v);
               },
               disabled: s.length === (x || y.length),
               style: {
@@ -1450,16 +1450,16 @@ const Vn = (h) => {
         }
       )
     ] }),
-    m && i && /* @__PURE__ */ t.jsx(
+    m && a && /* @__PURE__ */ t.jsx(
       ot,
       {
         value: m,
         options: Object.keys(Tt),
-        onChange: (v) => i(v),
+        onChange: (v) => a(v),
         leftAddonOptions: wt
       }
     ),
-    a && e !== void 0 && /* @__PURE__ */ t.jsx(
+    n && e !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
@@ -1489,24 +1489,24 @@ const Vn = (h) => {
   chargeActive: ss,
   title: ns
 };
-var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
-const is = (h) => {
+var $t = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))($t || {});
+const is = (u) => {
   var K, L;
-  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: r } = a, [e, u] = g.useState(r[0]), [d, f] = g.useState(
+  const { product: n, setIsOpen: o, isCartEnabled: s = !0 } = u, { variants: c } = n, [e, h] = f.useState(c[0]), [d, g] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: M } = St(), I = Ct(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [i, b] = g.useState(!1);
-  g.useEffect(() => {
+  ), { notifications: _, setNotifications: M } = St(), I = vt(), [r, l] = f.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [a, b] = f.useState(!1);
+  f.useEffect(() => {
     b(!0);
-    const n = setTimeout(() => b(!1), 600);
-    return () => clearTimeout(n);
-  }, [c]);
-  async function P() {
+    const i = setTimeout(() => b(!1), 600);
+    return () => clearTimeout(i);
+  }, [r]);
+  async function k() {
     try {
       m({
-        productId: a.id,
+        productId: n.id,
         productVariantId: e.id,
         chargeType: d,
-        quantity: c
+        quantity: r
       }), M([
         ..._,
         {
@@ -1515,12 +1515,12 @@ const is = (h) => {
           status: "success"
         }
       ]);
-    } catch (n) {
+    } catch (i) {
       M([
         ..._,
         {
           id: J(),
-          message: `Product failed to add to cart: ${n}`,
+          message: `Product failed to add to cart: ${i}`,
           status: "error"
         }
       ]);
@@ -1528,54 +1528,54 @@ const is = (h) => {
     o == null || o(!1);
   }
   function A() {
-    x(), P(), I("/checkout");
+    x(), k(), I("/checkout");
   }
-  function E(n) {
-    if (n >= 864e5) {
-      const S = Math.floor(n / 864e5);
-      return `${S} ${S === 1 ? "day" : "days"}`;
-    } else if (n >= 36e5) {
-      const S = Math.floor(n / 36e5);
-      return `${S} ${S === 1 ? "hour" : "hours"}`;
-    } else if (n >= 6e4) {
-      const S = Math.floor(n / 6e4);
-      return `${S} ${S === 1 ? "minute" : "minutes"}`;
+  function E(i) {
+    if (i >= 864e5) {
+      const C = Math.floor(i / 864e5);
+      return `${C} ${C === 1 ? "day" : "days"}`;
+    } else if (i >= 36e5) {
+      const C = Math.floor(i / 36e5);
+      return `${C} ${C === 1 ? "hour" : "hours"}`;
+    } else if (i >= 6e4) {
+      const C = Math.floor(i / 6e4);
+      return `${C} ${C === 1 ? "minute" : "minutes"}`;
     } else {
-      const S = Math.floor(n / 1e3);
-      return `${S} ${S === 1 ? "second" : "seconds"}`;
+      const C = Math.floor(i / 1e3);
+      return `${C} ${C === 1 ? "second" : "seconds"}`;
     }
   }
-  return g.useEffect(() => {
+  return f.useEffect(() => {
     e.quantity && e.quantity.available === 0 ? l(0) : l(1);
-  }, [e.quantity.available]), g.useEffect(() => {
-    e.chargeTypes && f(
+  }, [e.quantity.available]), f.useEffect(() => {
+    e.chargeTypes && g(
       e.chargeTypes.includes(d) ? d : e.chargeTypes[0]
     );
   }, [e.chargeTypes]), /* @__PURE__ */ t.jsxs("div", { className: O.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: O.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: O.chargeTypes, children: e.chargeTypes.map((i) => /* @__PURE__ */ t.jsx(
       "div",
       {
         className: U(O.charge, {
-          [O.chargeActive]: d === n
+          [O.chargeActive]: d === i
         }),
-        onClick: () => f(n),
-        children: Ot[n]
+        onClick: () => g(i),
+        children: $t[i]
       },
-      n
+      i
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: O.variants, children: r.filter((n) => {
+    /* @__PURE__ */ t.jsx("div", { className: O.variants, children: c.filter((i) => {
       var N;
-      return (N = n.chargeTypes) == null ? void 0 : N.includes(d);
-    }).map((n) => {
-      var N, k;
+      return (N = i.chargeTypes) == null ? void 0 : N.includes(d);
+    }).map((i) => {
+      var N, P;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: U(O.variant, {
-            [O.activeVariant]: e.id === n.id
+            [O.activeVariant]: e.id === i.id
           }),
           onClick: () => {
-            u(n), l(1);
+            h(i), l(1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: O.variantInfo, children: [
@@ -1585,17 +1585,17 @@ const is = (h) => {
                   className: O.title,
                   id: "h4",
                   dangerouslySetInnerHTML: {
-                    __html: at(n.name)
+                    __html: at(i.name)
                   }
                 }
               ),
               /* @__PURE__ */ t.jsxs("span", { id: "md", children: [
                 Q({
-                  amount: d === "ONE_TIME" ? n.price.amount : n.subscriptionSettings ? n.subscriptionSettings.price.amount : 0,
-                  currency: d === "ONE_TIME" ? n.price.currency : n.subscriptionSettings ? n.subscriptionSettings.price.currency : "USD"
+                  amount: d === "ONE_TIME" ? i.price.amount : i.subscriptionSettings ? i.subscriptionSettings.price.amount : 0,
+                  currency: d === "ONE_TIME" ? i.price.currency : i.subscriptionSettings ? i.subscriptionSettings.price.currency : "USD"
                 }),
                 " ",
-                d === "RECURRING" && n.subscriptionSettings && ` / ${Lt(n.subscriptionSettings.recurringIntervalDays || 0)}`
+                d === "RECURRING" && i.subscriptionSettings && ` / ${Lt(i.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { id: "md", children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
@@ -1604,7 +1604,7 @@ const is = (h) => {
                 className: O.stock,
                 id: "md",
                 children: [
-                  (N = n.quantity.restrictions) != null && N.max || n.quantity.available !== void 0 ? ((k = n.quantity.restrictions) == null ? void 0 : k.max) || n.quantity.available : "∞",
+                  (N = i.quantity.restrictions) != null && N.max || i.quantity.available !== void 0 ? ((P = i.quantity.restrictions) == null ? void 0 : P.max) || i.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -1612,7 +1612,7 @@ const is = (h) => {
             ) })
           ]
         },
-        n.id
+        i.id
       );
     }) }),
     d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
@@ -1626,10 +1626,10 @@ const is = (h) => {
             {
               type: "Secondary",
               onClick: () => {
-                c > 1 ? l((n) => n - 1) : l(1);
+                r > 1 ? l((i) => i - 1) : l(1);
               },
               className: O.button,
-              disabled: e.quantity.available && e.quantity.restrictions && c <= e.quantity.restrictions.min || e.quantity.available === 0,
+              disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
               children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
             }
           ),
@@ -1637,14 +1637,14 @@ const is = (h) => {
             Ut,
             {
               type: "number",
-              value: String(c),
-              onChange: (n) => {
-                e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
+              value: String(r),
+              onChange: (i) => {
+                e.quantity.available && Number(i) > e.quantity.available ? l(e.quantity.available) : l(Number(i));
               },
               max: ((K = e.quantity.restrictions) == null ? void 0 : K.max) || e.quantity.available || Number.POSITIVE_INFINITY,
               min: ((L = e.quantity.restrictions) == null ? void 0 : L.min) || 0,
               centered: !0,
-              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && c >= e.quantity.restrictions.max
+              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1652,10 +1652,10 @@ const is = (h) => {
             {
               type: "Secondary",
               onClick: () => {
-                l((n) => n + 1);
+                l((i) => i + 1);
               },
               className: O.button,
-              disabled: !!(e.quantity.available && e.quantity.restrictions && c >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && c >= e.quantity.available),
+              disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && r >= e.quantity.available),
               children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
             }
           )
@@ -1686,8 +1686,8 @@ const is = (h) => {
             className: O.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t.jsx("span", { className: U(O.newPrice, { [O.animate]: i }), children: Q({
-                amount: e.price.amount * c,
+              /* @__PURE__ */ t.jsx("span", { className: U(O.newPrice, { [O.animate]: a }), children: Q({
+                amount: e.price.amount * r,
                 currency: e.price.currency
               }) }),
               /* @__PURE__ */ t.jsx(
@@ -1696,7 +1696,7 @@ const is = (h) => {
                   className: O.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.compareAtPrice.amount * c,
+                    amount: e.compareAtPrice.amount * r,
                     currency: e.compareAtPrice.currency
                   })
                 }
@@ -1706,10 +1706,10 @@ const is = (h) => {
         ) : /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: U(O.newPrice, { [O.animate]: i }),
+            className: U(O.newPrice, { [O.animate]: a }),
             id: "md",
             children: Q({
-              amount: e.price.amount * c,
+              amount: e.price.amount * r,
               currency: e.price.currency
             })
           }
@@ -1722,10 +1722,10 @@ const is = (h) => {
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: U(O.newPrice, { [O.animate]: i }),
+                  className: U(O.newPrice, { [O.animate]: a }),
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.price.amount * c,
+                    amount: e.subscriptionSettings.price.amount * r,
                     currency: e.subscriptionSettings.price.currency
                   })
                 }
@@ -1736,7 +1736,7 @@ const is = (h) => {
                   className: O.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.compareAtPrice.amount * c,
+                    amount: e.subscriptionSettings.compareAtPrice.amount * r,
                     currency: e.subscriptionSettings.compareAtPrice.currency
                   })
                 }
@@ -1746,10 +1746,10 @@ const is = (h) => {
         ) : e.subscriptionSettings && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: U(O.newPrice, { [O.animate]: i }),
+            className: U(O.newPrice, { [O.animate]: a }),
             id: "md",
             children: Q({
-              amount: e.subscriptionSettings.price.amount * c,
+              amount: e.subscriptionSettings.price.amount * r,
               currency: e.subscriptionSettings.price.currency
             })
           }
@@ -1762,7 +1762,7 @@ const is = (h) => {
         {
           type: "Primary",
           onClick: () => A(),
-          disabled: e.quantity && e.quantity.available === 0 || c === 0,
+          disabled: e.quantity && e.quantity.available === 0 || r === 0,
           children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
@@ -1770,16 +1770,16 @@ const is = (h) => {
         R,
         {
           type: "Secondary",
-          onClick: () => P(),
-          disabled: e.quantity && e.quantity.available === 0 || c === 0,
+          onClick: () => k(),
+          disabled: e.quantity && e.quantity.available === 0 || r === 0,
           children: y.parts.some(
-            (n) => n.productId === a.id && n.productVariantId === e.id
+            (i) => i.productId === n.id && i.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ms = "_count_1uy6y_150", ps = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Ss = "_productCount_1uy6y_275", Cs = "_bottom_1uy6y_292", Ps = "_subtotal_1uy6y_300", ks = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", w = {
+}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ms = "_count_1uy6y_150", ps = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Cs = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", ks = "_subtotal_1uy6y_300", Ps = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", w = {
   buttons: as,
   modal: os,
   closing: cs,
@@ -1800,10 +1800,10 @@ const is = (h) => {
   price: vs,
   productButtons: Is,
   productButton: Ns,
-  productCount: Ss,
-  bottom: Cs,
-  subtotal: Ps,
-  block: ks,
+  productCount: Cs,
+  bottom: Ss,
+  subtotal: ks,
+  block: Ps,
   shoppingCount: ws,
   total: Ts,
   link: Ms,
@@ -1815,18 +1815,18 @@ const is = (h) => {
   pageLink: Ds,
   rightButtons: Es,
   delete: "_delete_1uy6y_413"
-}, Yn = (h) => {
-  const { shopping: a, signUp: o, isShowUserInfo: s = !0 } = h;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
-    a && /* @__PURE__ */ t.jsx(Rs, {}),
-    s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
+}, Yn = (u) => {
+  const { shopping: n, signUp: o, isShowUserInfo: s = !0 } = u;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (n || s) && /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
+    n && /* @__PURE__ */ t.jsx(Rs, {}),
+    s && /* @__PURE__ */ t.jsx(Ot, { signUp: o })
   ] }) });
 }, Rs = () => {
-  const [h, a] = g.useState(!1), [o, s] = g.useState([]), [r, e] = g.useState(!1), { cart: u, products: d } = ct();
-  g.useEffect(() => {
+  const [u, n] = f.useState(!1), [o, s] = f.useState([]), [c, e] = f.useState(!1), { cart: h, products: d } = ct();
+  f.useEffect(() => {
     (async () => {
-      const c = u.parts.map((x) => String(x.productId)), l = d.filter((x) => c.includes(String(x.id))) || [], y = u.parts.map((x) => {
-        const m = l.find((i) => i.id === x.productId);
+      const r = h.parts.map((x) => String(x.productId)), l = d.filter((x) => r.includes(String(x.id))) || [], y = h.parts.map((x) => {
+        const m = l.find((a) => a.id === x.productId);
         return m ? {
           ...m,
           activeVariantId: x.productVariantId,
@@ -1836,14 +1836,14 @@ const is = (h) => {
       }).filter(Boolean);
       s(y);
     })();
-  }, [u.parts, d]);
-  function f(I) {
+  }, [h.parts, d]);
+  function g(I) {
     return !I || !(I != null && I.variants) ? !1 : I.chargeType === "RECURRING";
   }
-  const _ = u.parts.length > 0 && o.length > 0 && !f(o[0]);
+  const _ = h.parts.length > 0 && o.length > 0 && !g(o[0]);
   function M() {
     e(!1), setTimeout(() => {
-      a(!1);
+      n(!1);
     }, 300);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1856,7 +1856,7 @@ const is = (h) => {
           position: "relative"
         },
         onClick: (I) => {
-          I.stopPropagation(), window.location.pathname.includes("/admin/builder") || (a(!0), e(!0));
+          I.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), e(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1865,11 +1865,11 @@ const is = (h) => {
               name: "Handbag"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: u.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: h.parts.length })
         ]
       }
     ),
-    h && /* @__PURE__ */ t.jsx(
+    u && /* @__PURE__ */ t.jsx(
       ut,
       {
         close: M,
@@ -1879,41 +1879,41 @@ const is = (h) => {
           {
             activeProducts: o,
             isCartNotEmpty: _,
-            isOpen: r,
+            isOpen: c,
             close: M
           }
         )
       }
     )
   ] });
-}, Ls = (h) => {
+}, Ls = (u) => {
   var x, m;
-  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: r } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), M = Ct();
-  function I(i, b) {
-    M(i, { replace: b });
+  const { activeProducts: n, isCartNotEmpty: o, isOpen: s, close: c } = u, { cart: e, reset: h, getTotalAndDiscount: d, updateQuantityOfProduct: g, removeProduct: _ } = ct(), M = vt();
+  function I(a, b) {
+    M(a, { replace: b });
   }
-  function c(i) {
-    i.quantity && f({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity + 1,
-      chargeType: i.chargeType
+  function r(a) {
+    a.quantity && g({
+      productId: a.id,
+      productVariantId: a.activeVariantId,
+      quantity: a.quantity + 1,
+      chargeType: a.chargeType
     });
   }
-  function l(i) {
-    i.quantity && f({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity - 1,
-      chargeType: i.chargeType
+  function l(a) {
+    a.quantity && g({
+      productId: a.id,
+      productVariantId: a.activeVariantId,
+      quantity: a.quantity - 1,
+      chargeType: a.chargeType
     });
   }
-  function y(i) {
+  function y(a) {
     _({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity || 1,
-      chargeType: i.chargeType
+      productId: a.id,
+      productVariantId: a.activeVariantId,
+      quantity: a.quantity || 1,
+      chargeType: a.chargeType
     });
   }
   return /* @__PURE__ */ t.jsxs(
@@ -1922,7 +1922,7 @@ const is = (h) => {
       className: U(w.modal, {
         [w.closing]: !s
       }),
-      onClick: (i) => i.stopPropagation(),
+      onClick: (a) => a.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
@@ -1951,7 +1951,7 @@ const is = (h) => {
                   [w.activeClear]: o
                 }),
                 disabled: !o,
-                onClick: u,
+                onClick: h,
                 id: "md",
                 children: "Clear all"
               }
@@ -1960,7 +1960,7 @@ const is = (h) => {
               j,
               {
                 name: "X",
-                onClick: r,
+                onClick: c,
                 hoverable: !0,
                 width: 24,
                 height: 24,
@@ -1970,18 +1970,18 @@ const is = (h) => {
           ] })
         ] }),
         o ? /* @__PURE__ */ t.jsxs("div", { className: w.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: w.products, children: a.map((i) => {
-            var b, P;
+          /* @__PURE__ */ t.jsx("div", { className: w.products, children: n.map((a) => {
+            var b, k;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
                 className: w.product,
                 children: [
                   /* @__PURE__ */ t.jsxs("div", { className: w.productInfo, children: [
-                    i.images.length > 0 ? /* @__PURE__ */ t.jsx(
+                    a.images.length > 0 ? /* @__PURE__ */ t.jsx(
                       "img",
                       {
-                        src: `https://imagedelivery.net/${i.images[0].cfId}/w=500`,
+                        src: `https://imagedelivery.net/${a.images[0].cfId}/w=500`,
                         alt: "image",
                         width: "100%",
                         height: "100%",
@@ -2001,19 +2001,19 @@ const is = (h) => {
                           className: w.name,
                           dangerouslySetInnerHTML: {
                             __html: at(
-                              ((b = i.variants.find(
-                                (A) => A.id === i.activeVariantId
-                              )) == null ? void 0 : b.name) || i.name
+                              ((b = a.variants.find(
+                                (A) => A.id === a.activeVariantId
+                              )) == null ? void 0 : b.name) || a.name
                             )
                           }
                         }
                       ),
                       /* @__PURE__ */ t.jsx("div", { className: w.price, children: Q({
-                        amount: i.variants.find(
-                          (A) => A.id === i.activeVariantId
-                        ).price.amount * ((i == null ? void 0 : i.quantity) || 1),
-                        currency: i.variants.find(
-                          (A) => A.id === i.activeVariantId
+                        amount: a.variants.find(
+                          (A) => A.id === a.activeVariantId
+                        ).price.amount * ((a == null ? void 0 : a.quantity) || 1),
+                        currency: a.variants.find(
+                          (A) => A.id === a.activeVariantId
                         ).price.currency
                       }) })
                     ] })
@@ -2024,10 +2024,10 @@ const is = (h) => {
                       {
                         type: "Secondary",
                         onClick: () => {
-                          i.quantity !== 1 && l(i);
+                          a.quantity !== 1 && l(a);
                         },
                         className: w.productButton,
-                        disabled: i.quantity === 1,
+                        disabled: a.quantity === 1,
                         children: /* @__PURE__ */ t.jsx(
                           j,
                           {
@@ -2044,30 +2044,30 @@ const is = (h) => {
                       {
                         className: w.productCount,
                         type: "number",
-                        value: ((P = i.quantity) == null ? void 0 : P.toString()) || "",
+                        value: ((k = a.quantity) == null ? void 0 : k.toString()) || "",
                         onChange: (A) => {
                           const E = Math.min(
                             Number(A.target.value),
-                            i.variants.find((K) => K.id === i.activeVariantId).quantity.available || 1 / 0
+                            a.variants.find((K) => K.id === a.activeVariantId).quantity.available || 1 / 0
                           );
-                          E < 1 || f({
-                            productId: i.id,
-                            productVariantId: i.activeVariantId,
+                          E < 1 || g({
+                            productId: a.id,
+                            productVariantId: a.activeVariantId,
                             quantity: E,
-                            chargeType: i.chargeType
+                            chargeType: a.chargeType
                           });
                         },
                         min: 1,
-                        max: i.variants.find((A) => A.id === i.activeVariantId).quantity.available || 1 / 0
+                        max: a.variants.find((A) => A.id === a.activeVariantId).quantity.available || 1 / 0
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
                       R,
                       {
                         type: "Secondary",
-                        onClick: () => c(i),
+                        onClick: () => r(a),
                         className: w.productButton,
-                        disabled: i.quantity === i.variants.find((A) => A.id === i.activeVariantId).quantity.available,
+                        disabled: a.quantity === a.variants.find((A) => A.id === a.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
                           j,
                           {
@@ -2086,14 +2086,14 @@ const is = (h) => {
                         fill: "var(--text-action)",
                         width: 20,
                         height: 20,
-                        onClick: () => y(i),
+                        onClick: () => y(a),
                         hoverable: !0
                       }
                     ) })
                   ] })
                 ]
               },
-              i.id
+              a.id
             );
           }) }),
           /* @__PURE__ */ t.jsxs("div", { className: w.bottom, children: [
@@ -2112,7 +2112,7 @@ const is = (h) => {
               ] }),
               /* @__PURE__ */ t.jsx("div", { className: w.total, children: Q({
                 amount: d().total,
-                currency: e.parts.length > 0 && ((m = (x = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
+                currency: e.parts.length > 0 && ((m = (x = n.find((a) => a.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((a) => a.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
             /* @__PURE__ */ t.jsx(R, { onClick: () => I("/checkout", !1), children: "Checkout" })
@@ -2143,16 +2143,16 @@ const is = (h) => {
       }
     )
   ] })
-] }), qt = ({ signUp: h, close: a }) => {
-  const { token: o } = Ht(), s = Ct(), [r, e] = g.useState("test-email@gmail.com");
-  g.useEffect(() => {
+] }), Ot = ({ signUp: u, close: n }) => {
+  const { token: o } = Ht(), s = vt(), [c, e] = f.useState("test-email@gmail.com");
+  f.useEffect(() => {
     o && (async () => {
       if (!o) return;
-      const f = zt(o);
-      e(f.email);
+      const g = zt(o);
+      e(g.email);
     })();
   }, [o]);
-  function u(d) {
+  function h(d) {
     window.location.pathname.includes("/admin/builder") || s(d);
   }
   return o ? /* @__PURE__ */ t.jsx(
@@ -2161,16 +2161,16 @@ const is = (h) => {
       type: "Secondary",
       className: w.userInfo,
       onClick: () => {
-        u("/customer-dash"), a == null || a();
+        h("/customer-dash"), n == null || n();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       R,
       {
         onClick: () => {
-          u("/customer-dash"), a == null || a();
+          h("/customer-dash"), n == null || n();
         },
         type: "Secondary",
         style: {
@@ -2179,11 +2179,11 @@ const is = (h) => {
         children: "Login"
       }
     ),
-    h && /* @__PURE__ */ t.jsx(
+    u && /* @__PURE__ */ t.jsx(
       R,
       {
         onClick: () => {
-          u("/customer-dash"), a == null || a();
+          h("/customer-dash"), n == null || n();
         },
         type: "Primary",
         style: {
@@ -2195,24 +2195,24 @@ const is = (h) => {
     )
   ] });
 }, Hs = ({
-  logo: h,
-  setIsOpen: a,
+  logo: u,
+  setIsOpen: n,
   signUp: o,
   pages: s
 }) => {
-  const { setIsOpen: r } = rt(), e = () => {
-    r(!1), setTimeout(() => {
-      a(!1), r(!0);
+  const { setIsOpen: c } = rt(), e = () => {
+    c(!1), setTimeout(() => {
+      n(!1), c(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: w.pagesMobileModal,
-      onClick: (u) => u.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: h }),
+          /* @__PURE__ */ t.jsx("div", { children: u }),
           /* @__PURE__ */ t.jsx(
             R,
             {
@@ -2222,23 +2222,23 @@ const is = (h) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((h) => /* @__PURE__ */ t.jsx(
           "div",
           {
             className: w.pageLink,
             onClick: e,
             children: /* @__PURE__ */ t.jsx(
-              Mt,
+              qt,
               {
-                path: u.path,
-                children: u.name["en-US"]
+                path: h.path,
+                children: h.name["en-US"]
               },
-              u.id
+              h.id
             )
           }
         )) }),
         /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          qt,
+          Ot,
           {
             signUp: o,
             close: e
@@ -2247,29 +2247,29 @@ const is = (h) => {
       ]
     }
   );
-}, Gn = ({ logo: h, signUp: a, pages: o }) => {
-  const [s, r] = g.useState(!1);
+}, Gn = ({ logo: u, signUp: n, pages: o }) => {
+  const [s, c] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(zs, { setIsOpenModal: r }),
+    /* @__PURE__ */ t.jsx(zs, { setIsOpenModal: c }),
     s && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: () => r(!1),
+        close: () => c(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
           Hs,
           {
-            logo: h,
-            setIsOpen: r,
-            signUp: a,
+            logo: u,
+            setIsOpen: c,
+            signUp: n,
             pages: o
           }
         )
       }
     )
   ] });
-}, zs = (h) => {
-  const { setIsOpenModal: a } = h;
+}, zs = (u) => {
+  const { setIsOpenModal: n } = u;
   return /* @__PURE__ */ t.jsx(
     R,
     {
@@ -2278,7 +2278,7 @@ const is = (h) => {
         padding: 10
       },
       onClick: (o) => {
-        o.stopPropagation(), window.location.pathname.includes("/admin/builder") || a(!0);
+        o.stopPropagation(), window.location.pathname.includes("/admin/builder") || n(!0);
       },
       children: /* @__PURE__ */ t.jsx(j, { name: "List" })
     }
@@ -2292,8 +2292,8 @@ const is = (h) => {
   copyText: Xs,
   copyTextMobile: Qs,
   copyTextMiniMobile: Js
-}, Wn = ({ title: h = "Copy Product Link" }) => {
-  const { isOpenModal: a, setIsOpenModal: o } = Bt();
+}, Wn = ({ title: u = "Copy Product Link" }) => {
+  const { isOpenModal: n, setIsOpenModal: o } = Mt();
   function s() {
     o(!0);
   }
@@ -2302,8 +2302,8 @@ const is = (h) => {
       R,
       {
         className: nt.share,
-        onClick: (r) => {
-          r.stopPropagation(), s();
+        onClick: (c) => {
+          c.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
@@ -2316,11 +2316,11 @@ const is = (h) => {
         )
       }
     ),
-    a && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: h }) })
+    n && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: u }) })
   ] });
-}, Ks = ({ title: h = "Copy Product Link" }) => {
-  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = St(), { setIsOpen: r } = rt(), e = window.location.href;
-  function u() {
+}, Ks = ({ title: u = "Copy Product Link" }) => {
+  const { setIsOpenModal: n } = Mt(), { notifications: o, setNotifications: s } = St(), { setIsOpen: c } = rt(), e = window.location.href;
+  function h() {
     navigator.clipboard.writeText(e), s([
       ...o,
       {
@@ -2331,11 +2331,11 @@ const is = (h) => {
     ]);
   }
   function d() {
-    r(!1), setTimeout(() => {
-      a(!1), r(!0);
+    c(!1), setTimeout(() => {
+      n(!1), c(!0);
     }, 300);
   }
-  function f(_, M) {
+  function g(_, M) {
     return _.length > M ? _.slice(0, M) + "..." : _;
   }
   return /* @__PURE__ */ t.jsxs(
@@ -2350,7 +2350,7 @@ const is = (h) => {
             {
               className: nt.title,
               id: "h4",
-              children: h
+              children: u
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -2368,7 +2368,7 @@ const is = (h) => {
             R,
             {
               type: "Secondary",
-              onClick: u,
+              onClick: h,
               style: {
                 flex: 1
               },
@@ -2378,7 +2378,7 @@ const is = (h) => {
                   {
                     className: nt.copyText,
                     id: "md",
-                    children: f(e, 100)
+                    children: g(e, 100)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2386,7 +2386,7 @@ const is = (h) => {
                   {
                     className: nt.copyTextMobile,
                     id: "md",
-                    children: f(e, 40)
+                    children: g(e, 40)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2394,7 +2394,7 @@ const is = (h) => {
                   {
                     className: nt.copyTextMiniMobile,
                     id: "md",
-                    children: f(e, 20)
+                    children: g(e, 20)
                   }
                 )
               ]
@@ -2404,7 +2404,7 @@ const is = (h) => {
             R,
             {
               type: "Secondary",
-              onClick: u,
+              onClick: h,
               children: o.find(
                 (_) => _.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
@@ -2422,20 +2422,20 @@ const is = (h) => {
   content: nn,
   contentOpen: an,
   contentText: on
-}, Xn = ({ title: h, content: a, defaultOpen: o = !1 }) => {
-  const [s, r] = g.useState(o), [e, u] = g.useState(0), d = g.useRef(null), f = () => {
-    r(!s);
+}, Xn = ({ title: u, content: n, defaultOpen: o = !1 }) => {
+  const [s, c] = f.useState(o), [e, h] = f.useState(0), d = f.useRef(null), g = () => {
+    c(!s);
   };
-  return g.useEffect(() => {
-    d.current && u(s ? d.current.scrollHeight : 0);
+  return f.useEffect(() => {
+    d.current && h(s ? d.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: it.header,
-        onClick: f,
+        onClick: g,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
           /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
@@ -2447,33 +2447,59 @@ const is = (h) => {
         className: it.contentText,
         ref: d,
         style: { height: `${e}px`, marginTop: `${e > 0 ? "20px" : "0px"}` },
-        children: a
+        children: n
       }
     ) })
   ] });
-}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", Pt = {
+}, qt = ({ children: u, path: n, className: o, target: s = "_self", id: c }) => {
+  if (window.location.pathname.includes("/admin/builder"))
+    return /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: o,
+        role: "link",
+        style: { cursor: "pointer" },
+        id: c,
+        children: u
+      }
+    );
+  const e = vt(), h = /^https?:\/\//.test(n), d = (g) => {
+    h || s === "_blank" ? s === "_blank" ? window.open(n, "_blank") : window.open(n, "_self") : (g.preventDefault(), e(n, { replace: !1 }));
+  };
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      onClick: d,
+      className: o,
+      role: "link",
+      style: { cursor: "pointer" },
+      id: c,
+      children: u
+    }
+  );
+}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", kt = {
   buttonsBlock: cn,
   cartDisabled: rn
-}, Qn = (h) => {
+}, Qn = (u) => {
   var M, I;
-  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: r = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (M = u == null ? void 0 : u.listings) == null ? void 0 : M.find((c) => c.id === s);
+  const { setIsOpen: n, setModalType: o, productId: s, isCartEnabled: c = !0 } = u, { cart: e } = ct(), { pageContext: h } = bt(), d = (M = h == null ? void 0 : h.listings) == null ? void 0 : M.find((r) => r.id === s);
   if (!d)
     return null;
-  const f = (I = u == null ? void 0 : u.products) == null ? void 0 : I.find(
-    (c) => c.uniquePath === d.productData.uniquePath
+  const g = (I = h == null ? void 0 : h.products) == null ? void 0 : I.find(
+    (r) => r.uniquePath === d.productData.uniquePath
   );
-  if (!f)
+  if (!g)
     return null;
-  const _ = e.parts.find((c) => c.productId === f.id);
+  const _ = e.parts.find((r) => r.productId === g.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U(Pt.buttonsBlock, {
-        [Pt.cartDisabled]: !r
+      className: U(kt.buttonsBlock, {
+        [kt.cartDisabled]: !c
       }),
-      onClick: (c) => c.stopPropagation(),
+      onClick: (r) => r.stopPropagation(),
       children: [
-        r && /* @__PURE__ */ t.jsx(
+        c && /* @__PURE__ */ t.jsx(
           R,
           {
             type: "Secondary",
@@ -2481,7 +2507,7 @@ const is = (h) => {
               width: "100%"
             },
             onClick: () => {
-              o("Add To Cart"), a(!0);
+              o("Add To Cart"), n(!0);
             },
             children: _ ? "Add More" : "Add To Cart"
           }
@@ -2491,7 +2517,7 @@ const is = (h) => {
           {
             type: "Primary",
             onClick: () => {
-              o("Buy Now"), a(!0);
+              o("Buy Now"), n(!0);
             },
             style: {
               width: "100%"
@@ -2502,15 +2528,15 @@ const is = (h) => {
       ]
     }
   );
-}, ln = "_wrapper_27wzz_1", dn = "_logo_27wzz_8", un = "_info_27wzz_12", It = {
+}, ln = "_wrapper_27wzz_1", dn = "_logo_27wzz_8", un = "_info_27wzz_12", Nt = {
   wrapper: ln,
   logo: dn,
   info: un
-}, Jn = ({ date: h }) => {
-  const { general: a } = Ft();
-  if (!a) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+}, Jn = ({ date: u }) => {
+  const { general: n } = Ft();
+  if (!n) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function o(s) {
-    const r = new Date(s), e = {
+    const c = new Date(s), e = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2518,13 +2544,13 @@ const is = (h) => {
       minute: "2-digit",
       hour12: !1
     };
-    return r.toLocaleDateString("en-US", e);
+    return c.toLocaleDateString("en-US", e);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: It.logo, children: a.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: Nt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: Nt.logo, children: n.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: `https://imagedelivery.net/${a.info.logo.cfId}/w=500,h=500`,
+        src: `https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,
         alt: "image",
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
@@ -2536,9 +2562,9 @@ const is = (h) => {
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: It.info, children: [
-      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: a.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: o(h) })
+    /* @__PURE__ */ t.jsxs("div", { className: Nt.info, children: [
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: n.info.name }),
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: o(u) })
     ] })
   ] });
 }, hn = "_variants_18tbu_82", mn = "_variant_18tbu_82", pn = "_stock_18tbu_100", gn = "_variantInfo_18tbu_108", fn = "_title_18tbu_202", xn = "_modal_18tbu_208", _n = "_header_18tbu_228", yn = "_productOptions_18tbu_236", jn = "_loading_18tbu_244", et = {
@@ -2551,80 +2577,80 @@ const is = (h) => {
   header: _n,
   productOptions: yn,
   loading: jn
-}, Kn = (h) => {
-  var c;
-  const { pageContext: a } = bt(), o = (c = a == null ? void 0 : a.listings) == null ? void 0 : c.find((l) => l.id === h.productId), [s, r] = g.useState(!0), [e, u] = g.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [f, _] = g.useState(
+}, Kn = (u) => {
+  var r;
+  const { pageContext: n } = bt(), o = (r = n == null ? void 0 : n.listings) == null ? void 0 : r.find((l) => l.id === u.productId), [s, c] = f.useState(!0), [e, h] = f.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [g, _] = f.useState(
     "ONE_TIME"
   ), { addProducts: M } = ct(), { setIsOpen: I } = rt();
-  return g.useEffect(() => {
+  return f.useEffect(() => {
     (async () => {
-      r(!0);
+      c(!0);
       const y = await Vt(
         encodeURIComponent(
           `/product/${o.productData.uniquePath}`
         )
       );
-      M(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), r(!1);
+      M(y == null ? void 0 : y.data.products), h(y == null ? void 0 : y.data.products[0]), c(!1);
     })();
-  }, []), g.useEffect(() => {
+  }, []), f.useEffect(() => {
     I(!0);
-  }, []), /* @__PURE__ */ t.jsx(ut, { close: h.setIsOpen, children: /* @__PURE__ */ t.jsxs(
+  }, []), /* @__PURE__ */ t.jsx(ut, { close: u.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: et.modal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: et.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
-        h.type === "Add To Cart" && h.isCartEnabled && e && d && !s && /* @__PURE__ */ t.jsx(
+        s && /* @__PURE__ */ t.jsx("div", { className: et.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
+        u.type === "Add To Cart" && u.isCartEnabled && e && d && !s && /* @__PURE__ */ t.jsx(
           bn,
           {
             variants: e.variants,
             activeVariant: d,
-            activeChargeType: f,
+            activeChargeType: g,
             setActiveChargeType: _,
             productId: e.id,
-            setIsOpen: h.setIsOpen
+            setIsOpen: u.setIsOpen
           }
         ),
-        h.type === "Buy Now" && e && !s && /* @__PURE__ */ t.jsx(
+        u.type === "Buy Now" && e && !s && /* @__PURE__ */ t.jsx(
           vn,
           {
             product: e,
-            setIsOpen: h.setIsOpen,
-            isCartEnabled: h.isCartEnabled
+            setIsOpen: u.setIsOpen,
+            isCartEnabled: u.isCartEnabled
           }
         )
       ]
     }
   ) });
-}, bn = (h) => {
-  const { variants: a, activeChargeType: o, productId: s, setIsOpen: r } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: I } = bt(), { setIsOpen: c } = rt(), l = () => {
-    c(!1), setTimeout(() => {
-      r(!1);
+}, bn = (u) => {
+  const { variants: n, activeChargeType: o, productId: s, setIsOpen: c } = u, { cart: e, addProductToCart: h, addProducts: d, updateQuantityOfProduct: g } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: I } = bt(), { setIsOpen: r } = rt(), l = () => {
+    r(!1), setTimeout(() => {
+      c(!1);
     }, 300);
   };
   async function y(x) {
-    const m = a.find((P) => P.id === x), i = e.parts.find(
-      (P) => P.productId === h.productId && P.productVariantId === x
+    const m = n.find((k) => k.id === x), a = e.parts.find(
+      (k) => k.productId === u.productId && k.productVariantId === x
     );
-    if ((m == null ? void 0 : m.quantity.available) && (m == null ? void 0 : m.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.restrictions.max) || (m == null ? void 0 : m.quantity.available) === 0 || (m == null ? void 0 : m.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.available)) {
+    if ((m == null ? void 0 : m.quantity.available) && (m == null ? void 0 : m.quantity.restrictions) && ((a == null ? void 0 : a.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.restrictions.max) || (m == null ? void 0 : m.quantity.available) === 0 || (m == null ? void 0 : m.quantity.available) && ((a == null ? void 0 : a.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.available)) {
       M([
         ..._,
         { id: J(), message: "Product is out of stock", status: "error" }
       ]);
       return;
     }
-    if (i)
-      f({
+    if (a)
+      g({
         productId: s,
         productVariantId: x,
-        quantity: i.quantity + 1,
+        quantity: a.quantity + 1,
         chargeType: o
       });
     else {
       I != null && I.products && d(I.products);
       try {
-        u({
+        h({
           productId: s,
           productVariantId: x,
           quantity: 1,
@@ -2637,12 +2663,12 @@ const is = (h) => {
             status: "success"
           }
         ]);
-      } catch (P) {
+      } catch (k) {
         M([
           ..._,
           {
             id: J(),
-            message: `Product failed to add to cart: ${P}`,
+            message: `Product failed to add to cart: ${k}`,
             status: "error"
           }
         ]);
@@ -2664,17 +2690,17 @@ const is = (h) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: et.variants, children: a.filter((x) => {
+    /* @__PURE__ */ t.jsx("div", { className: et.variants, children: n.filter((x) => {
       var m;
       return (m = x.chargeTypes) == null ? void 0 : m.includes(o);
     }).map((x) => {
-      var m, i, b;
+      var m, a, b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: U(et.variant),
           onClick: () => {
-            y(x.id), r(!1);
+            y(x.id), c(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: et.variantInfo, children: [
@@ -2697,7 +2723,7 @@ const is = (h) => {
                 className: et.stock,
                 id: "md",
                 children: [
-                  (i = x.quantity.restrictions) != null && i.max || x.quantity.available !== void 0 ? ((b = x.quantity.restrictions) == null ? void 0 : b.max) || x.quantity.available : "∞",
+                  (a = x.quantity.restrictions) != null && a.max || x.quantity.available !== void 0 ? ((b = x.quantity.restrictions) == null ? void 0 : b.max) || x.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -2709,9 +2735,9 @@ const is = (h) => {
       );
     }) })
   ] });
-}, vn = (h) => {
-  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: r } = rt(), e = () => {
-    r(!1), setTimeout(() => {
+}, vn = (u) => {
+  const { product: n, setIsOpen: o, isCartEnabled: s } = u, { setIsOpen: c } = rt(), e = () => {
+    c(!1), setTimeout(() => {
       o(!1);
     }, 300);
   };
@@ -2723,7 +2749,7 @@ const is = (h) => {
           id: "h3",
           className: et.title,
           dangerouslySetInnerHTML: {
-            __html: `Buy ${at(a.name)}`
+            __html: `Buy ${at(n.name)}`
           }
         }
       ),
@@ -2746,19 +2772,19 @@ const is = (h) => {
     /* @__PURE__ */ t.jsx("div", { className: et.productOptions, children: /* @__PURE__ */ t.jsx(
       is,
       {
-        product: a,
+        product: n,
         setIsOpen: o,
         isCartEnabled: s
       }
     ) })
   ] });
-}, In = "_contentModal_m2tf9_1", Nn = "_modalTop_m2tf9_12", Sn = "_loading_m2tf9_19", Cn = "_modalCards_m2tf9_28", Pn = "_modalImage_m2tf9_34", kn = "_card_m2tf9_39", wn = "_cardInfo_m2tf9_51", Tn = "_cardButtons_m2tf9_58", Mn = "_title_m2tf9_64", Bn = "_blockImage_m2tf9_71", $n = "_short_m2tf9_80", On = "_price_m2tf9_84", qn = "_oldPrice_m2tf9_91", An = "_newPrice_m2tf9_100", H = {
+}, In = "_contentModal_m2tf9_1", Nn = "_modalTop_m2tf9_12", Cn = "_loading_m2tf9_19", Sn = "_modalCards_m2tf9_28", kn = "_modalImage_m2tf9_34", Pn = "_card_m2tf9_39", wn = "_cardInfo_m2tf9_51", Tn = "_cardButtons_m2tf9_58", Mn = "_title_m2tf9_64", Bn = "_blockImage_m2tf9_71", $n = "_short_m2tf9_80", On = "_price_m2tf9_84", qn = "_oldPrice_m2tf9_91", An = "_newPrice_m2tf9_100", H = {
   contentModal: In,
   modalTop: Nn,
-  loading: Sn,
-  modalCards: Cn,
-  modalImage: Pn,
-  card: kn,
+  loading: Cn,
+  modalCards: Sn,
+  modalImage: kn,
+  card: Pn,
   cardInfo: wn,
   cardButtons: Tn,
   title: Mn,
@@ -2767,31 +2793,31 @@ const is = (h) => {
   price: On,
   oldPrice: qn,
   newPrice: An
-}, Zn = (h) => {
+}, Zn = (u) => {
   const {
-    setIsOpen: a,
+    setIsOpen: n,
     pageContext: o,
     groupData: s,
-    setProductId: r,
+    setProductId: c,
     setIsProductModalOpen: e,
-    setShowDropdown: u
-  } = h, [d, f] = g.useState(null), [_, M] = g.useState(!0), { setIsOpen: I } = rt();
-  g.useEffect(() => {
+    setShowDropdown: h
+  } = u, [d, g] = f.useState(null), [_, M] = f.useState(!0), { setIsOpen: I } = rt();
+  f.useEffect(() => {
     var y;
     M(!0);
     const l = (y = o.listings) == null ? void 0 : y.filter(
       (x) => s.listingIdList.includes(x.id)
     );
-    l && f([...l]), M(!1);
-  }, [o]), g.useEffect(() => {
+    l && g([...l]), M(!1);
+  }, [o]), f.useEffect(() => {
     I(!0);
   }, []);
-  const c = () => {
+  const r = () => {
     I(!1), setTimeout(() => {
-      a(!1);
+      n(!1);
     }, 300);
   };
-  return /* @__PURE__ */ t.jsx(ut, { close: () => a(!1), children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(ut, { close: () => n(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: H.contentModal,
@@ -2813,7 +2839,7 @@ const is = (h) => {
             {
               name: "X",
               hoverable: !0,
-              onClick: c,
+              onClick: r,
               fill: "var(--text-primary)"
             }
           )
@@ -2898,18 +2924,18 @@ const is = (h) => {
                   {
                     type: "Secondary",
                     onClick: () => {
-                      r(l.id), a(!1), e(!0);
+                      c(l.id), n(!1), e(!0);
                     },
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Mt, { path: `/product/${l.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsx(qt, { path: `/product/${l.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
                   R,
                   {
                     type: "Primary",
                     style: { whiteSpace: "nowrap" },
                     onClick: () => {
-                      u(!1), c();
+                      h(!1), r();
                     },
                     children: "View Details"
                   }
@@ -2919,7 +2945,7 @@ const is = (h) => {
           },
           l.id
         )) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: H.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
+        _ && /* @__PURE__ */ t.jsx("div", { className: H.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
       ]
     }
   ) });
@@ -2932,7 +2958,7 @@ export {
   Ae as ButtonTypeSettings,
   Fn as ButtonsSettings,
   Un as CategorySettings,
-  Ot as ChargeTypes,
+  $t as ChargeTypes,
   Dt as ChooseImage,
   ni as ChooseImageModal,
   Us as EmptyCart,
@@ -2940,13 +2966,13 @@ export {
   Zn as GroupCardModal,
   Yn as HeaderButtons,
   j as Icon,
-  Nt as InputSettings,
+  Ct as InputSettings,
   Ut as InputUI,
   ii as ItemsSettings,
   Ln as LayoutSettings,
-  Mt as Link,
+  qt as Link,
   Vn as ListingSelector,
-  $t as Loader,
+  Bt as Loader,
   Jn as MetaInfoPost,
   ut as Modal,
   Gn as PagesMobileMenu,
@@ -2956,7 +2982,7 @@ export {
   Kn as ProductCardModal,
   is as ProductOptions,
   ai as RadioUI,
-  kt as RangeSelector,
+  Pt as RangeSelector,
   ot as Select,
   oi as SelectInfiniteList,
   ci as SelectTypeText,
@@ -2969,6 +2995,6 @@ export {
   di as TextareaSettings,
   ui as TextareaUI,
   hi as TypesText,
-  qt as UserInfo,
+  Ot as UserInfo,
   mi as Wrapper
 };