@billgangcom/theme-lib 1.96.2 → 1.97.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 Dt, r as Et, t as bt, w as Rt, x as vt, y as W, L as Lt, z as St, A as Ct, b as ct, s as at, f as Q, E as Ut, F as R, G as Ht, M as ut, H as zt, J as rt, K as Mt, N as Ft, Q as Bt, T as $t, U as Ot, V as Vt } from "./index-BRnzXirx.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-BRnzXirx.js";
-import f from "react";
+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-H-ceSyds.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-H-ceSyds.js";
+import g 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,
@@ -28,12 +28,12 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
     alignment: a,
     padding: o,
     setPadding: s,
-    setAlignment: c,
+    setAlignment: r,
     isAlignment: e = !0,
-    isPadding: l = !0
+    isPadding: u = !0
   } = h;
-  function u(d) {
-    switch (d) {
+  function d(l) {
+    switch (l) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -50,8 +50,8 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function x(d) {
-    switch (d) {
+  function f(l) {
+    switch (l) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -62,40 +62,40 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [_, M] = f.useState(null), [I, r] = f.useState(null);
+  const [_, M] = g.useState(null), [I, c] = g.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: [
       e && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: se.map((d) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: se.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              c(d);
+              r(l);
             },
             className: G.alignment,
             onMouseEnter: () => {
-              M(d);
+              M(l);
             },
             onMouseLeave: () => {
               M(null);
             },
             children: [
-              d !== a && _ !== d && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              d !== a && _ === d && /* @__PURE__ */ t.jsx(
+              l !== a && _ !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              l !== a && _ === l && /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: u(_),
+                  name: d(_),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              d === a && /* @__PURE__ */ t.jsx(
+              l === a && /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: u(a),
+                  name: d(a),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -103,28 +103,28 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
               )
             ]
           },
-          d
+          l
         )) })
       ] }),
-      l && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+      u && /* @__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((d) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: ne.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: U(G.padding, {
-              [G.active]: I === d
+              [G.active]: I === l
             }),
             onFocus: () => {
-              r(d);
+              c(l);
             },
             onBlur: () => {
-              r(null);
+              c(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: x(d),
+                  name: f(l),
                   width: 20,
                   height: 20
                 }
@@ -133,10 +133,10 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
                 Nt,
                 {
                   type: "number",
-                  value: String(o[d]),
+                  value: String(o[l]),
                   onChange: (y) => s({
                     ...o,
-                    [d]: Math.min(Number(y), 999)
+                    [l]: Math.min(Number(y), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -145,7 +145,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
               )
             ]
           },
-          d
+          l
         )) })
       ] })
     ] })
@@ -167,22 +167,22 @@ function ge({ id: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: c,
+    setNodeRef: r,
     transform: e,
-    transition: l,
-    isDragging: u
+    transition: u,
+    isDragging: d
   } = yt({
     id: h
-  }), x = {
+  }), f = {
     transform: jt.Transform.toString(e),
-    transition: l
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: x,
-      className: `${X.product} ${u ? X.dragging : ""}`,
+      ref: r,
+      style: f,
+      className: `${X.product} ${d ? X.dragging : ""}`,
       ...o,
       ...s,
       children: a
@@ -194,18 +194,18 @@ const Un = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
-    tags: l,
-    title: u,
-    subtitle: x,
+    tags: u,
+    title: d,
+    subtitle: f,
     draggable: _ = !1,
     withImage: M = !1,
     addable: I = !0,
-    itemsOptions: r,
-    hasRangeSelector: d = !1,
+    itemsOptions: c,
+    hasRangeSelector: l = !1,
     rangeSelectorOptions: y,
-    limit: p,
+    limit: x,
     autoScrollInterval: m,
     deletable: i,
     aspectRatio: b,
@@ -222,7 +222,7 @@ const Un = (h) => {
       const q = s.findIndex((S) => S === N.id), $ = s.findIndex((S) => S === k.id);
       if (q !== -1 && $ !== -1) {
         const S = [...s], [Z] = S.splice(q, 1);
-        S.splice($, 0, Z), c(S);
+        S.splice($, 0, Z), r(S);
       }
     }
   };
@@ -247,7 +247,7 @@ const Un = (h) => {
       );
   }
   const L = (n, N = !1) => {
-    const k = r.find(($) => $.id === n);
+    const k = c.find(($) => $.id === n);
     if (!k) return;
     const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -263,14 +263,14 @@ const Un = (h) => {
         ot,
         {
           onChange: ($) => {
-            const S = [...s], Z = r.find((g) => g.name === $);
+            const S = [...s], Z = c.find((p) => p.name === $);
             if (!Z) return;
-            const v = Z.id, D = S.map((g) => g === n ? v : g);
-            c([...D]);
+            const v = Z.id, D = S.map((p) => p === n ? v : p);
+            r([...D]);
           },
           value: k.name,
-          options: r.filter(($) => !s.find((S) => S === $.id)).map(($) => $.name),
-          leftAddonOptions: r.map(($) => ({
+          options: c.filter(($) => !s.find((S) => S === $.id)).map(($) => $.name),
+          leftAddonOptions: c.map(($) => ({
             value: $.name,
             addon: K($.images)
           }))
@@ -284,7 +284,7 @@ const Un = (h) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => c(s.filter(($) => $ !== n))
+          onClick: () => r(s.filter(($) => $ !== n))
         }
       ) }) })
     ] });
@@ -305,8 +305,8 @@ const Un = (h) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: u }),
+    (d || a !== 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(
         lt,
         {
@@ -315,9 +315,9 @@ const Un = (h) => {
         }
       )
     ] }),
-    d && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
+    l && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      x && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: x }),
+      f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
@@ -347,21 +347,21 @@ const Un = (h) => {
             {
               withoutHover: !0,
               className: U(X.button, {
-                [X.disabled]: !!(p && p <= s.length || s.length === r.length)
+                [X.disabled]: !!(x && x <= s.length || s.length === c.length)
               }),
               size: "s",
-              disabled: !!(p && p <= s.length || s.length === r.length),
+              disabled: !!(x && x <= s.length || s.length === c.length),
               onClick: () => {
                 const n = [...s];
                 let N = null;
-                if (r) {
-                  for (let k = 0; k < r.length; k++)
-                    if (!s.find((q) => q === r[k].id)) {
-                      N = r[k];
+                if (c) {
+                  for (let k = 0; k < c.length; k++)
+                    if (!s.find((q) => q === c[k].id)) {
+                      N = c[k];
                       break;
                     }
                 }
-                n.push((N == null ? void 0 : N.id) || r[0].id), c(n);
+                n.push((N == null ? void 0 : N.id) || c[0].id), r(n);
               },
               style: {
                 width: "fit-content"
@@ -392,11 +392,11 @@ const Un = (h) => {
         leftAddonOptions: wt
       }
     ),
-    l !== void 0 && /* @__PURE__ */ t.jsx(
+    u !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         tagsTitle: "Tags",
-        items: l
+        items: u
       }
     ),
     e !== void 0 && /* @__PURE__ */ t.jsx(
@@ -439,22 +439,22 @@ function Pe({ product: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: c,
+    setNodeRef: r,
     transform: e,
-    transition: l,
-    isDragging: u
+    transition: u,
+    isDragging: d
   } = yt({
     id: h.id
-  }), x = {
+  }), f = {
     transform: jt.Transform.toString(e),
-    transition: l
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: x,
-      className: `${Y.product} ${u ? Y.dragging : ""}`,
+      ref: r,
+      style: f,
+      className: `${Y.product} ${d ? Y.dragging : ""}`,
       ...o,
       ...s,
       children: a
@@ -466,30 +466,30 @@ const Hn = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     title: e,
-    subtitle: l,
-    editable: u = !0,
-    draggable: x = !1,
+    subtitle: u,
+    editable: d = !0,
+    draggable: f = !1,
     deletable: _ = !0,
     addable: M = !0,
     itemsType: I,
-    itemsOptions: r,
-    addableOptions: d = {},
+    itemsOptions: c,
+    addableOptions: l = {},
     limit: y
-  } = h, [p, m] = f.useState(null), [i, b] = f.useState(null), P = f.useRef(null), A = mt(
+  } = h, [x, m] = g.useState(null), [i, b] = g.useState(null), P = g.useRef(null), A = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    if (p) {
-      const n = [...s].map((N) => N.id === p.id ? p : N);
-      c(n);
+  g.useEffect(() => {
+    if (x) {
+      const n = [...s].map((N) => N.id === x.id ? x : N);
+      r(n);
     }
-  }, [p]), f.useEffect(() => {
+  }, [x]), g.useEffect(() => {
     P.current && i && (P.current.getBoundingClientRect().height, i.top);
   }, [P.current, i]);
   const E = (n, N) => {
@@ -505,12 +505,12 @@ const Hn = (h) => {
       const q = s.findIndex((S) => S.id === N.id), $ = s.findIndex((S) => S.id === k.id);
       if (q !== -1 && $ !== -1) {
         const S = [...s], [Z] = S.splice(q, 1);
-        S.splice($, 0, Z), c(S);
+        S.splice($, 0, Z), r(S);
       }
     }
   }, L = (n, N) => {
     const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
           name: "DotsSixVertical",
@@ -519,11 +519,11 @@ const Hn = (h) => {
           height: 20
         }
       ) }),
-      I === "select" && r && /* @__PURE__ */ t.jsx(
+      I === "select" && c && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (q) => {
-            const $ = [...s], S = r.find((v) => v.name === q);
+            const $ = [...s], S = c.find((v) => v.name === q);
             if (!S) return;
             const Z = $.map((v) => v.id === n.id ? {
               ...S,
@@ -536,14 +536,14 @@ const Hn = (h) => {
               name: {
                 "en-US": q
               }
-            }), c([...Z]);
+            }), r([...Z]);
           },
           value: n.name,
-          options: r.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
+          options: c.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+        d && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
@@ -561,12 +561,12 @@ const Hn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((q) => q.id !== n.id))
+            onClick: () => r(s.filter((q) => q.id !== n.id))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
+    return f ? /* @__PURE__ */ t.jsx(
       Pe,
       {
         product: n,
@@ -595,8 +595,8 @@ const Hn = (h) => {
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      l && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: l }),
-      x ? /* @__PURE__ */ t.jsx(
+      u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
+      f ? /* @__PURE__ */ t.jsx(
         ft,
         {
           sensors: A,
@@ -624,25 +624,25 @@ const Hn = (h) => {
             {
               withoutHover: !0,
               className: U(Y.button, {
-                [Y.disabled]: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length))
+                [Y.disabled]: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length))
               }),
               size: "s",
-              disabled: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length)),
+              disabled: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length)),
               onClick: () => {
                 const n = [...s];
                 let N = null;
-                if (r) {
-                  for (let k = 0; k < r.length; k++)
-                    if (!s.find((q) => q.id === r[k].id)) {
-                      N = r[k];
+                if (c) {
+                  for (let k = 0; k < c.length; k++)
+                    if (!s.find((q) => q.id === c[k].id)) {
+                      N = c[k];
                       break;
                     }
                 }
-                I === "select" && r && n.push({
-                  name: N ? N.name : r[0].name,
-                  id: (N == null ? void 0 : N.id) || r[0].id,
-                  ...d
-                }), c(n);
+                I === "select" && c && n.push({
+                  name: N ? N.name : c[0].name,
+                  id: (N == null ? void 0 : N.id) || c[0].id,
+                  ...l
+                }), r(n);
               },
               style: {
                 width: "fit-content"
@@ -666,20 +666,20 @@ const Hn = (h) => {
   ] });
 };
 function ke(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: l, transition: u, isDragging: x } = yt({
+  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: a.id
   }), _ = {
-    transform: jt.Transform.toString(l),
-    transition: u
+    transform: jt.Transform.toString(u),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       style: _,
-      className: `${V.product} ${x ? V.dragging : ""}`,
+      className: `${V.product} ${f ? V.dragging : ""}`,
       ...s,
-      ...c,
+      ...r,
       children: o
     }
   );
@@ -689,71 +689,71 @@ const zn = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
-    title: l,
-    subtitle: u,
-    editable: x = !0,
+    title: u,
+    subtitle: d,
+    editable: f = !0,
     draggable: _ = !1,
     deletable: M = !0,
     addable: I = !0,
-    itemsType: r,
-    itemsPlaceholder: d = "",
+    itemsType: c,
+    itemsPlaceholder: l = "",
     itemsOptions: y,
-    hasRangeSelector: p = !1,
+    hasRangeSelector: x = !1,
     rangeSelectorOptions: m,
     modalOptions: i,
     addableOptions: b = {},
     limit: P
-  } = h, [A, E] = f.useState(null), [K, L] = f.useState({
+  } = h, [A, E] = g.useState(null), [K, L] = g.useState({
     top: 0,
     left: 0
-  }), [n, N] = f.useState(null), k = f.useRef(null), [q, $] = f.useState(!1), S = mt(
+  }), [n, N] = g.useState(null), k = g.useRef(null), [q, $] = g.useState(!1), S = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const g = () => {
+  g.useEffect(() => {
+    const p = () => {
       E(null), $(!1);
     };
-    return document.body.addEventListener("click", g), E(null), $(!1), () => {
-      E(null), $(!1), document.body.removeEventListener("click", g);
+    return document.body.addEventListener("click", p), E(null), $(!1), () => {
+      E(null), $(!1), document.body.removeEventListener("click", p);
     };
-  }, []), f.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (A) {
-      const g = [...s].map((C) => C.id === A.id ? A : C);
-      c(g);
+      const p = [...s].map((C) => C.id === A.id ? A : C);
+      r(p);
     }
-  }, [A]), f.useEffect(() => {
+  }, [A]), g.useEffect(() => {
     if (k.current && n) {
-      const g = k.current.getBoundingClientRect().height, C = window.innerHeight;
+      const p = k.current.getBoundingClientRect().height, C = window.innerHeight;
       let B = n.top;
-      B + g > C + window.scrollY - 200 && (B = C + window.scrollY - g - 200), B < 0 && (B = 10), L({
+      B + p > C + window.scrollY - 200 && (B = C + window.scrollY - p - 200), B < 0 && (B = 10), L({
         top: B,
         left: n.left
       });
     }
   }, [k.current, n]);
-  const Z = (g, C) => {
-    g.stopPropagation();
-    const B = g.target.getBoundingClientRect();
+  const Z = (p, C) => {
+    p.stopPropagation();
+    const B = p.target.getBoundingClientRect();
     N({
       top: B.top + window.scrollY,
       left: B.left - 30
     }), E(C), $(!0);
-  }, v = (g) => {
-    const { active: C, over: B } = g;
+  }, 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);
       if (T !== -1 && tt !== -1) {
         const z = [...s], [F] = z.splice(T, 1);
-        z.splice(tt, 0, F), c(z);
+        z.splice(tt, 0, F), r(z);
       }
     }
-  }, D = (g) => {
+  }, D = (p) => {
     var B;
     const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -765,67 +765,67 @@ const zn = (h) => {
           height: 20
         }
       ) }),
-      r === "select" && y && /* @__PURE__ */ t.jsx(
+      c === "select" && y && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (T) => {
-            const z = [...s].map((F) => F.id === g.id ? {
-              ...g,
+            const z = [...s].map((F) => F.id === p.id ? {
+              ...p,
               name: {
                 "en-US": T
               }
             } : F);
             E({
-              ...g,
+              ...p,
               name: {
                 "en-US": T
               }
-            }), c([...z]);
+            }), r([...z]);
           },
-          value: g.name["en-US"],
+          value: p.name["en-US"],
           options: y.filter(
             (T) => !s.find((tt) => tt.name["en-US"] === T)
           )
         }
       ),
-      r === "input" && /* @__PURE__ */ t.jsx(
+      c === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
           onChange: (T) => {
-            const z = [...s].map((F) => F.id === g.id ? {
-              ...g,
+            const z = [...s].map((F) => F.id === p.id ? {
+              ...p,
               name: {
                 "en-US": T
               }
             } : F);
-            c([...z]);
+            r([...z]);
           },
-          value: g.name["en-US"],
-          placeholder: d
+          value: p.name["en-US"],
+          placeholder: l
         }
       ),
-      r === "image" && /* @__PURE__ */ t.jsx(
-        Et,
+      c === "image" && /* @__PURE__ */ t.jsx(
+        Dt,
         {
           onChange: (T) => {
-            const z = [...s].map((F) => F.id === g.id ? {
-              ...g,
+            const z = [...s].map((F) => F.id === p.id ? {
+              ...p,
               images: T
             } : F);
-            c([...z]);
+            r([...z]);
           },
-          activeImage: (B = s.find((T) => T.id === g.id)) == null ? void 0 : B.images[0]
+          activeImage: (B = s.find((T) => T.id === p.id)) == null ? void 0 : B.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        x && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (T) => Z(T, g)
+            onClick: (T) => Z(T, p)
           }
         ) }),
         M && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -836,7 +836,7 @@ const zn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((T) => T.id !== g.id))
+            onClick: () => r(s.filter((T) => T.id !== p.id))
           }
         ) })
       ] })
@@ -844,32 +844,32 @@ const zn = (h) => {
     return _ ? /* @__PURE__ */ t.jsx(
       ke,
       {
-        product: g,
+        product: p,
         children: C
       },
-      g.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
         children: C
       },
-      g.id
+      p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: l }),
+    (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(
         lt,
         {
           current: a,
-          onChange: (g) => o == null ? void 0 : o(g)
+          onChange: (p) => o == null ? void 0 : o(p)
         }
       )
     ] }),
-    A && x && i && q && /* @__PURE__ */ t.jsx(
-      Dt,
+    A && f && i && q && /* @__PURE__ */ t.jsx(
+      At,
       {
         ref: k,
         activeItem: A,
@@ -879,9 +879,9 @@ const zn = (h) => {
         setIsOpenModal: $
       }
     ),
-    p && m && /* @__PURE__ */ t.jsx(kt, { ...m }),
+    x && m && /* @__PURE__ */ t.jsx(kt, { ...m }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: u }),
+      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
@@ -890,13 +890,13 @@ const zn = (h) => {
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((g) => g.id),
+              items: s.map((p) => p.id),
               strategy: _t,
-              children: s.map((g) => D(g))
+              children: s.map((p) => D(p))
             }
           )
         }
-      ) : s.map((g) => D(g)),
+      ) : s.map((p) => D(p)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -915,7 +915,7 @@ const zn = (h) => {
               size: "s",
               disabled: !!(P && P <= s.length),
               onClick: () => {
-                const g = [...s];
+                const p = [...s];
                 let C = null;
                 if (y) {
                   for (let B = 0; B < y.length; B++)
@@ -924,7 +924,7 @@ const zn = (h) => {
                       break;
                     }
                 }
-                r === "select" && y ? g.push({
+                c === "select" && y ? p.push({
                   name: {
                     "en-US": C || y[0]
                   },
@@ -932,21 +932,21 @@ const zn = (h) => {
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : r === "input" ? g.push({
+                }) : c === "input" ? p.push({
                   name: {
                     "en-US": ""
                   },
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }) : g.push({
+                }) : p.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }), c(g);
+                }), r(p);
               },
               style: {
                 width: "fit-content"
@@ -984,33 +984,33 @@ const zn = (h) => {
   addButton: Oe,
   deleteButton: qe
 }, Ae = (h) => {
-  const { buttons: a, setButtons: o, deletable: s = !0, addable: c = !0, editableLink: e = !0 } = h, { pages: l } = bt(), [u, x] = f.useState(null), [_, M] = f.useState({
+  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({
     top: 0,
     left: 0
-  }), [I, r] = f.useState(null), d = f.useRef(null);
-  f.useEffect(() => {
-    if (u) {
-      const m = [...a].map((i) => i.id === u.id ? u : i);
+  }), [I, c] = g.useState(null), l = g.useRef(null);
+  g.useEffect(() => {
+    if (d) {
+      const m = [...a].map((i) => i.id === d.id ? d : i);
       o(m);
     }
-  }, [u]), f.useEffect(() => {
-    if (d.current && I) {
-      const m = d.current.getBoundingClientRect().height, i = window.innerHeight;
+  }, [d]), g.useEffect(() => {
+    if (l.current && I) {
+      const m = l.current.getBoundingClientRect().height, i = window.innerHeight;
       let b = I.top;
       b + m > i + window.scrollY - 200 && (b = i + window.scrollY - m - 200), b < 0 && (b = 10), M({
         top: b,
         left: I.left
       });
     }
-  }, [d.current, I]);
+  }, [l.current, I]);
   const y = (m, i) => {
     m.stopPropagation();
     const b = m.target.getBoundingClientRect();
-    r({
+    c({
       top: b.top + window.scrollY - 70,
-      left: b.left - (c ? 30 : 65)
-    }), x(i);
-  }, p = (m, i) => {
+      left: b.left - (r ? 30 : 65)
+    }), f(i);
+  }, x = (m, i) => {
     const b = [...a], P = {
       ...m,
       id: Math.random().toString(36).substr(2, 9)
@@ -1048,7 +1048,7 @@ const zn = (h) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  p(m, i);
+                  x(m, i);
                 }
               }
             ) }),
@@ -1083,17 +1083,17 @@ const zn = (h) => {
       },
       m.id
     )),
-    u && /* @__PURE__ */ t.jsx(
-      Rt,
+    d && /* @__PURE__ */ t.jsx(
+      Et,
       {
-        ref: d,
-        activeButton: u,
-        setActiveButton: x,
+        ref: l,
+        activeButton: d,
+        setActiveButton: f,
         popupPosition: _,
         editableLink: e
       }
     ),
-    c && /* @__PURE__ */ t.jsx(
+    r && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1117,7 +1117,7 @@ const zn = (h) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: l ? Object.values(l)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
               }) : m.push({
                 type: "Primary",
@@ -1127,7 +1127,7 @@ const zn = (h) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: l ? Object.values(l)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
               }), o(m);
             },
@@ -1155,10 +1155,10 @@ const zn = (h) => {
     isActiveButtons: a,
     setIsActiveButtons: o,
     buttons: s,
-    setButtons: c,
+    setButtons: r,
     editableLink: e = !0,
-    addable: l = !0,
-    deletable: u = !0
+    addable: u = !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: [
@@ -1167,7 +1167,7 @@ const zn = (h) => {
         lt,
         {
           current: a,
-          onChange: (x) => o(x)
+          onChange: (f) => o(f)
         }
       )
     ] }),
@@ -1175,29 +1175,29 @@ const zn = (h) => {
       Ae,
       {
         buttons: s,
-        setButtons: c,
+        setButtons: r,
         editableLink: e,
-        addable: l,
-        deletable: u
+        addable: u,
+        deletable: d
       }
     )
   ] }) });
 };
 function De(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: l, transition: u, isDragging: x } = yt({
+  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: String(a.listingId)
   }), _ = {
-    transform: jt.Transform.toString(l),
-    transition: u
+    transform: jt.Transform.toString(u),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       style: _,
-      className: `${W.product} ${x ? W.dragging : ""}`,
+      className: `${W.product} ${f ? W.dragging : ""}`,
       ...s,
-      ...c,
+      ...r,
       children: o
     }
   );
@@ -1207,52 +1207,52 @@ const Vn = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
-    title: l,
-    subtitle: u,
-    editable: x = !0,
+    title: u,
+    subtitle: d,
+    editable: f = !0,
     draggable: _ = !1,
     withImage: M = !1,
     deletable: I = !0,
-    addable: r = !0,
-    itemsType: d,
+    addable: c = !0,
+    itemsType: l,
     itemsOptions: y,
-    limit: p,
+    limit: x,
     aspectRatio: m,
     setAspectRatio: i
-  } = h, [b, P] = f.useState(
+  } = h, [b, P] = g.useState(
     null
-  ), [A, E] = f.useState({
+  ), [A, E] = g.useState({
     top: 0,
     left: 0
-  }), [K, L] = f.useState(!1), n = mt(
+  }), [K, L] = g.useState(!1), n = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  g.useEffect(() => {
     const v = () => {
       P(null), L(!1);
     };
     return document.body.addEventListener("click", v), P(null), L(!1), () => {
       P(null), L(!1), document.body.removeEventListener("click", v);
     };
-  }, []), f.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (b) {
       const v = [...s].map((D) => D.listingId === b.listingId ? b : D);
-      c(v);
+      r(v);
     }
   }, [b]);
   const N = (v, D) => {
     v.stopPropagation();
-    const g = v.target.getBoundingClientRect(), C = 100, B = window.innerHeight;
-    let T = g.top + window.scrollY;
+    const p = v.target.getBoundingClientRect(), C = 100, B = window.innerHeight;
+    let T = p.top + window.scrollY;
     T + C > B && (T = B - C - 20), L(!0), E({
       top: T - 80,
-      left: g.left - 30
+      left: p.left - 30
     }), P(D);
   };
   function k(v) {
@@ -1276,12 +1276,12 @@ const Vn = (h) => {
       );
   }
   const q = (v) => {
-    const { active: D, over: g } = v;
-    if (g && D.id !== g.id) {
-      const C = s.findIndex((T) => String(T.listingId) === D.id), B = s.findIndex((T) => String(T.listingId) === g.id);
+    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), c(T);
+        T.splice(B, 0, tt), r(T);
       }
     }
   }, $ = () => {
@@ -1289,7 +1289,7 @@ const Vn = (h) => {
   }, S = (v) => {
     const D = y.find((C) => v.listingId === C.id);
     if (!D) return null;
-    const g = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -1299,7 +1299,7 @@ const Vn = (h) => {
           height: 20
         }
       ) }),
-      d === "select" && /* @__PURE__ */ t.jsx(
+      l === "select" && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (C) => {
@@ -1309,7 +1309,7 @@ const Vn = (h) => {
               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), c([...z]);
+            P(tt), r([...z]);
           },
           value: D.productData.name,
           options: [
@@ -1325,7 +1325,7 @@ const Vn = (h) => {
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        x && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
@@ -1343,7 +1343,7 @@ const Vn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((C) => C !== v))
+            onClick: () => r(s.filter((C) => C !== v))
           }
         ) })
       ] })
@@ -1352,21 +1352,21 @@ const Vn = (h) => {
       De,
       {
         product: v,
-        children: g
+        children: p
       },
       v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: g
+        children: p
       },
       v.listingId
     );
-  }, Z = f.useRef(null);
+  }, Z = g.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (l || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: l }),
+    (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(
         lt,
         {
@@ -1376,7 +1376,7 @@ const Vn = (h) => {
       )
     ] }),
     K && b && /* @__PURE__ */ t.jsx(
-      Lt,
+      Rt,
       {
         ref: Z,
         activeItem: b,
@@ -1387,7 +1387,7 @@ const Vn = (h) => {
       }
     ),
     a && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: u }),
+      d && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
@@ -1404,7 +1404,7 @@ const Vn = (h) => {
           )
         }
       ) : s.map((v) => S(v)),
-      r && /* @__PURE__ */ t.jsx(
+      c && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1421,16 +1421,16 @@ const Vn = (h) => {
               onClick: () => {
                 const v = [...s];
                 for (let D = 0; D < y.length; D++)
-                  if (!s.find((g) => g.listingId === y[D].id)) {
+                  if (!s.find((p) => p.listingId === y[D].id)) {
                     v.push({
                       listingId: y[D].id,
                       image: y[D].productData.images.length > 0 ? y[D].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                c(v);
+                r(v);
               },
-              disabled: s.length === (p || y.length),
+              disabled: s.length === (x || y.length),
               style: {
                 width: "fit-content"
               },
@@ -1489,24 +1489,24 @@ const Vn = (h) => {
   chargeActive: ss,
   title: ns
 };
-var qt = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(qt || {});
+var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
 const is = (h) => {
   var K, L;
-  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: c } = a, [e, l] = f.useState(c[0]), [u, x] = f.useState(
+  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: r } = a, [e, u] = g.useState(r[0]), [d, f] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: M } = St(), I = Ct(), [r, d] = f.useState(1), { cart: y, reset: p, addProductToCart: m } = ct(), [i, b] = f.useState(!1);
-  f.useEffect(() => {
+  ), { 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(() => {
     b(!0);
     const n = setTimeout(() => b(!1), 600);
     return () => clearTimeout(n);
-  }, [r]);
+  }, [c]);
   async function P() {
     try {
       m({
         productId: a.id,
         productVariantId: e.id,
-        chargeType: u,
-        quantity: r
+        chargeType: d,
+        quantity: c
       }), M([
         ..._,
         {
@@ -1528,7 +1528,7 @@ const is = (h) => {
     o == null || o(!1);
   }
   function A() {
-    p(), P(), I("/checkout");
+    x(), P(), I("/checkout");
   }
   function E(n) {
     if (n >= 864e5) {
@@ -1545,27 +1545,27 @@ const is = (h) => {
       return `${S} ${S === 1 ? "second" : "seconds"}`;
     }
   }
-  return f.useEffect(() => {
-    e.quantity && e.quantity.available === 0 ? d(0) : d(1);
-  }, [e.quantity.available]), f.useEffect(() => {
-    e.chargeTypes && x(
-      e.chargeTypes.includes(u) ? u : e.chargeTypes[0]
+  return g.useEffect(() => {
+    e.quantity && e.quantity.available === 0 ? l(0) : l(1);
+  }, [e.quantity.available]), g.useEffect(() => {
+    e.chargeTypes && f(
+      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(
       "div",
       {
         className: U(O.charge, {
-          [O.chargeActive]: u === n
+          [O.chargeActive]: d === n
         }),
-        onClick: () => x(n),
-        children: qt[n]
+        onClick: () => f(n),
+        children: Ot[n]
       },
       n
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: O.variants, children: c.filter((n) => {
+    /* @__PURE__ */ t.jsx("div", { className: O.variants, children: r.filter((n) => {
       var N;
-      return (N = n.chargeTypes) == null ? void 0 : N.includes(u);
+      return (N = n.chargeTypes) == null ? void 0 : N.includes(d);
     }).map((n) => {
       var N, k;
       return /* @__PURE__ */ t.jsxs(
@@ -1575,7 +1575,7 @@ const is = (h) => {
             [O.activeVariant]: e.id === n.id
           }),
           onClick: () => {
-            l(n), d(1);
+            u(n), l(1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: O.variantInfo, children: [
@@ -1591,14 +1591,14 @@ const is = (h) => {
               ),
               /* @__PURE__ */ t.jsxs("span", { id: "md", children: [
                 Q({
-                  amount: u === "ONE_TIME" ? n.price.amount : n.subscriptionSettings ? n.subscriptionSettings.price.amount : 0,
-                  currency: u === "ONE_TIME" ? n.price.currency : n.subscriptionSettings ? n.subscriptionSettings.price.currency : "USD"
+                  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"
                 }),
                 " ",
-                u === "RECURRING" && n.subscriptionSettings && ` / ${Ut(n.subscriptionSettings.recurringIntervalDays || 0)}`
+                d === "RECURRING" && n.subscriptionSettings && ` / ${Lt(n.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { id: "md", children: u === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
+            /* @__PURE__ */ t.jsx("div", { id: "md", children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
               "span",
               {
                 className: O.stock,
@@ -1615,7 +1615,7 @@ const is = (h) => {
         n.id
       );
     }) }),
-    u === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
+    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: O.quantity,
@@ -1626,25 +1626,25 @@ const is = (h) => {
             {
               type: "Secondary",
               onClick: () => {
-                r > 1 ? d((n) => n - 1) : d(1);
+                c > 1 ? l((n) => n - 1) : l(1);
               },
               className: O.button,
-              disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
+              disabled: e.quantity.available && e.quantity.restrictions && c <= e.quantity.restrictions.min || e.quantity.available === 0,
               children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Ht,
+            Ut,
             {
               type: "number",
-              value: String(r),
+              value: String(c),
               onChange: (n) => {
-                e.quantity.available && Number(n) > e.quantity.available ? d(e.quantity.available) : d(Number(n));
+                e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
               },
               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 && r >= e.quantity.restrictions.max
+              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && c >= e.quantity.restrictions.max
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1652,10 +1652,10 @@ const is = (h) => {
             {
               type: "Secondary",
               onClick: () => {
-                d((n) => n + 1);
+                l((n) => n + 1);
               },
               className: O.button,
-              disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && r >= e.quantity.available),
+              disabled: !!(e.quantity.available && e.quantity.restrictions && c >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && c >= e.quantity.available),
               children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
             }
           )
@@ -1680,14 +1680,14 @@ const is = (h) => {
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: O.info, children: [
         /* @__PURE__ */ t.jsx("span", { id: "md", children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: O.infoRight, children: u === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: O.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: O.price,
             id: "md",
             children: [
               /* @__PURE__ */ t.jsx("span", { className: U(O.newPrice, { [O.animate]: i }), children: Q({
-                amount: e.price.amount * r,
+                amount: e.price.amount * c,
                 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 * r,
+                    amount: e.compareAtPrice.amount * c,
                     currency: e.compareAtPrice.currency
                   })
                 }
@@ -1709,7 +1709,7 @@ const is = (h) => {
             className: U(O.newPrice, { [O.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.price.amount * r,
+              amount: e.price.amount * c,
               currency: e.price.currency
             })
           }
@@ -1725,7 +1725,7 @@ const is = (h) => {
                   className: U(O.newPrice, { [O.animate]: i }),
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.price.amount * r,
+                    amount: e.subscriptionSettings.price.amount * c,
                     currency: e.subscriptionSettings.price.currency
                   })
                 }
@@ -1736,7 +1736,7 @@ const is = (h) => {
                   className: O.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.compareAtPrice.amount * r,
+                    amount: e.subscriptionSettings.compareAtPrice.amount * c,
                     currency: e.subscriptionSettings.compareAtPrice.currency
                   })
                 }
@@ -1749,7 +1749,7 @@ const is = (h) => {
             className: U(O.newPrice, { [O.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.subscriptionSettings.price.amount * r,
+              amount: e.subscriptionSettings.price.amount * c,
               currency: e.subscriptionSettings.price.currency
             })
           }
@@ -1762,16 +1762,16 @@ const is = (h) => {
         {
           type: "Primary",
           onClick: () => A(),
-          disabled: e.quantity && e.quantity.available === 0 || r === 0,
-          children: u === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          disabled: e.quantity && e.quantity.available === 0 || c === 0,
+          children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      u === "ONE_TIME" && s && /* @__PURE__ */ t.jsx(
+      d === "ONE_TIME" && s && /* @__PURE__ */ t.jsx(
         R,
         {
           type: "Secondary",
           onClick: () => P(),
-          disabled: e.quantity && e.quantity.available === 0 || r === 0,
+          disabled: e.quantity && e.quantity.available === 0 || c === 0,
           children: y.parts.some(
             (n) => n.productId === a.id && n.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
@@ -1819,28 +1819,28 @@ const is = (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(At, { signUp: o })
+    s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
   ] }) });
 }, Rs = () => {
-  const [h, a] = f.useState(!1), [o, s] = f.useState([]), [c, e] = f.useState(!1), { cart: l, products: u } = ct();
-  f.useEffect(() => {
+  const [h, a] = g.useState(!1), [o, s] = g.useState([]), [r, e] = g.useState(!1), { cart: u, products: d } = ct();
+  g.useEffect(() => {
     (async () => {
-      const r = l.parts.map((p) => String(p.productId)), d = u.filter((p) => r.includes(String(p.id))) || [], y = l.parts.map((p) => {
-        const m = d.find((i) => i.id === p.productId);
+      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);
         return m ? {
           ...m,
-          activeVariantId: p.productVariantId,
-          quantity: p.quantity,
-          chargeType: p.chargeType
+          activeVariantId: x.productVariantId,
+          quantity: x.quantity,
+          chargeType: x.chargeType
         } : null;
       }).filter(Boolean);
       s(y);
     })();
-  }, [l.parts, u]);
-  function x(I) {
+  }, [u.parts, d]);
+  function f(I) {
     return !I || !(I != null && I.variants) ? !1 : I.chargeType === "RECURRING";
   }
-  const _ = l.parts.length > 0 && o.length > 0 && !x(o[0]);
+  const _ = u.parts.length > 0 && o.length > 0 && !f(o[0]);
   function M() {
     e(!1), setTimeout(() => {
       a(!1);
@@ -1865,7 +1865,7 @@ const is = (h) => {
               name: "Handbag"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: l.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: u.parts.length })
         ]
       }
     ),
@@ -1879,7 +1879,7 @@ const is = (h) => {
           {
             activeProducts: o,
             isCartNotEmpty: _,
-            isOpen: c,
+            isOpen: r,
             close: M
           }
         )
@@ -1887,21 +1887,21 @@ const is = (h) => {
     )
   ] });
 }, Ls = (h) => {
-  var p, m;
-  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: c } = h, { cart: e, reset: l, getTotalAndDiscount: u, updateQuantityOfProduct: x, removeProduct: _ } = ct(), M = Ct();
+  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 });
   }
-  function r(i) {
-    i.quantity && x({
+  function c(i) {
+    i.quantity && f({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity + 1,
       chargeType: i.chargeType
     });
   }
-  function d(i) {
-    i.quantity && x({
+  function l(i) {
+    i.quantity && f({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity - 1,
@@ -1951,7 +1951,7 @@ const is = (h) => {
                   [w.activeClear]: o
                 }),
                 disabled: !o,
-                onClick: l,
+                onClick: u,
                 id: "md",
                 children: "Clear all"
               }
@@ -1960,7 +1960,7 @@ const is = (h) => {
               j,
               {
                 name: "X",
-                onClick: c,
+                onClick: r,
                 hoverable: !0,
                 width: 24,
                 height: 24,
@@ -2024,7 +2024,7 @@ const is = (h) => {
                       {
                         type: "Secondary",
                         onClick: () => {
-                          i.quantity !== 1 && d(i);
+                          i.quantity !== 1 && l(i);
                         },
                         className: w.productButton,
                         disabled: i.quantity === 1,
@@ -2050,7 +2050,7 @@ const is = (h) => {
                             Number(A.target.value),
                             i.variants.find((K) => K.id === i.activeVariantId).quantity.available || 1 / 0
                           );
-                          E < 1 || x({
+                          E < 1 || f({
                             productId: i.id,
                             productVariantId: i.activeVariantId,
                             quantity: E,
@@ -2065,7 +2065,7 @@ const is = (h) => {
                       R,
                       {
                         type: "Secondary",
-                        onClick: () => r(i),
+                        onClick: () => c(i),
                         className: w.productButton,
                         disabled: i.quantity === i.variants.find((A) => A.id === i.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
@@ -2111,8 +2111,8 @@ const is = (h) => {
                 )
               ] }),
               /* @__PURE__ */ t.jsx("div", { className: w.total, children: Q({
-                amount: u().total,
-                currency: e.parts.length > 0 && ((m = (p = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : p.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
+                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"
               }) })
             ] }),
             /* @__PURE__ */ t.jsx(R, { onClick: () => I("/checkout", !1), children: "Checkout" })
@@ -2143,17 +2143,17 @@ const is = (h) => {
       }
     )
   ] })
-] }), At = ({ signUp: h, close: a }) => {
-  const { token: o } = zt(), s = Ct(), [c, e] = f.useState("test-email@gmail.com");
-  f.useEffect(() => {
+] }), qt = ({ signUp: h, close: a }) => {
+  const { token: o } = Ht(), s = Ct(), [r, e] = g.useState("test-email@gmail.com");
+  g.useEffect(() => {
     o && (async () => {
       if (!o) return;
-      const x = Ft(o);
-      e(x.email);
+      const f = zt(o);
+      e(f.email);
     })();
   }, [o]);
-  function l(u) {
-    window.location.pathname.includes("/admin/builder") || s(u);
+  function u(d) {
+    window.location.pathname.includes("/admin/builder") || s(d);
   }
   return o ? /* @__PURE__ */ t.jsx(
     R,
@@ -2161,16 +2161,16 @@ const is = (h) => {
       type: "Secondary",
       className: w.userInfo,
       onClick: () => {
-        l("/customer-dash"), a == null || a();
+        u("/customer-dash"), a == null || a();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       R,
       {
         onClick: () => {
-          l("/customer-dash"), a == null || a();
+          u("/customer-dash"), a == null || a();
         },
         type: "Secondary",
         style: {
@@ -2183,7 +2183,7 @@ const is = (h) => {
       R,
       {
         onClick: () => {
-          l("/customer-dash"), a == null || a();
+          u("/customer-dash"), a == null || a();
         },
         type: "Primary",
         style: {
@@ -2200,16 +2200,16 @@ const is = (h) => {
   signUp: o,
   pages: s
 }) => {
-  const { setIsOpen: c } = rt(), e = () => {
-    c(!1), setTimeout(() => {
-      a(!1), c(!0);
+  const { setIsOpen: r } = rt(), e = () => {
+    r(!1), setTimeout(() => {
+      a(!1), r(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: w.pagesMobileModal,
-      onClick: (l) => l.stopPropagation(),
+      onClick: (u) => u.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: h }),
@@ -2222,7 +2222,7 @@ const is = (h) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((l) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
           "div",
           {
             className: w.pageLink,
@@ -2230,15 +2230,15 @@ const is = (h) => {
             children: /* @__PURE__ */ t.jsx(
               Mt,
               {
-                path: l.path,
-                children: l.name["en-US"]
+                path: u.path,
+                children: u.name["en-US"]
               },
-              l.id
+              u.id
             )
           }
         )) }),
         /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          At,
+          qt,
           {
             signUp: o,
             close: e
@@ -2248,19 +2248,19 @@ const is = (h) => {
     }
   );
 }, Gn = ({ logo: h, signUp: a, pages: o }) => {
-  const [s, c] = f.useState(!1);
+  const [s, r] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(zs, { setIsOpenModal: c }),
+    /* @__PURE__ */ t.jsx(zs, { setIsOpenModal: r }),
     s && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: () => c(!1),
+        close: () => r(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
           Hs,
           {
             logo: h,
-            setIsOpen: c,
+            setIsOpen: r,
             signUp: a,
             pages: o
           }
@@ -2302,8 +2302,8 @@ const is = (h) => {
       R,
       {
         className: nt.share,
-        onClick: (c) => {
-          c.stopPropagation(), s();
+        onClick: (r) => {
+          r.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
@@ -2319,8 +2319,8 @@ const is = (h) => {
     a && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: h }) })
   ] });
 }, Ks = ({ title: h = "Copy Product Link" }) => {
-  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = St(), { setIsOpen: c } = rt(), e = window.location.href;
-  function l() {
+  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = St(), { setIsOpen: r } = rt(), e = window.location.href;
+  function u() {
     navigator.clipboard.writeText(e), s([
       ...o,
       {
@@ -2330,12 +2330,12 @@ const is = (h) => {
       }
     ]);
   }
-  function u() {
-    c(!1), setTimeout(() => {
-      a(!1), c(!0);
+  function d() {
+    r(!1), setTimeout(() => {
+      a(!1), r(!0);
     }, 300);
   }
-  function x(_, M) {
+  function f(_, M) {
     return _.length > M ? _.slice(0, M) + "..." : _;
   }
   return /* @__PURE__ */ t.jsxs(
@@ -2358,7 +2358,7 @@ const is = (h) => {
             {
               name: "X",
               fill: "#757575",
-              onClick: u,
+              onClick: d,
               hoverable: !0
             }
           )
@@ -2368,7 +2368,7 @@ const is = (h) => {
             R,
             {
               type: "Secondary",
-              onClick: l,
+              onClick: u,
               style: {
                 flex: 1
               },
@@ -2378,7 +2378,7 @@ const is = (h) => {
                   {
                     className: nt.copyText,
                     id: "md",
-                    children: x(e, 100)
+                    children: f(e, 100)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2386,7 +2386,7 @@ const is = (h) => {
                   {
                     className: nt.copyTextMobile,
                     id: "md",
-                    children: x(e, 40)
+                    children: f(e, 40)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2394,7 +2394,7 @@ const is = (h) => {
                   {
                     className: nt.copyTextMiniMobile,
                     id: "md",
-                    children: x(e, 20)
+                    children: f(e, 20)
                   }
                 )
               ]
@@ -2404,7 +2404,7 @@ const is = (h) => {
             R,
             {
               type: "Secondary",
-              onClick: l,
+              onClick: u,
               children: o.find(
                 (_) => _.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
@@ -2423,17 +2423,17 @@ const is = (h) => {
   contentOpen: an,
   contentText: on
 }, Xn = ({ title: h, content: a, defaultOpen: o = !1 }) => {
-  const [s, c] = f.useState(o), [e, l] = f.useState(0), u = f.useRef(null), x = () => {
-    c(!s);
+  const [s, r] = g.useState(o), [e, u] = g.useState(0), d = g.useRef(null), f = () => {
+    r(!s);
   };
-  return f.useEffect(() => {
-    u.current && l(s ? u.current.scrollHeight : 0);
+  return g.useEffect(() => {
+    d.current && u(s ? d.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: it.header,
-        onClick: x,
+        onClick: f,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
           /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
@@ -2445,7 +2445,7 @@ const is = (h) => {
       {
         id: "md",
         className: it.contentText,
-        ref: u,
+        ref: d,
         style: { height: `${e}px`, marginTop: `${e > 0 ? "20px" : "0px"}` },
         children: a
       }
@@ -2456,24 +2456,24 @@ const is = (h) => {
   cartDisabled: rn
 }, Qn = (h) => {
   var M, I;
-  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: c = !0 } = h, { cart: e } = ct(), { pageContext: l } = bt(), u = (M = l == null ? void 0 : l.listings) == null ? void 0 : M.find((r) => r.id === s);
-  if (!u)
+  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);
+  if (!d)
     return null;
-  const x = (I = l == null ? void 0 : l.products) == null ? void 0 : I.find(
-    (r) => r.uniquePath === u.productData.uniquePath
+  const f = (I = u == null ? void 0 : u.products) == null ? void 0 : I.find(
+    (c) => c.uniquePath === d.productData.uniquePath
   );
-  if (!x)
+  if (!f)
     return null;
-  const _ = e.parts.find((r) => r.productId === x.id);
+  const _ = e.parts.find((c) => c.productId === f.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: U(Pt.buttonsBlock, {
-        [Pt.cartDisabled]: !c
+        [Pt.cartDisabled]: !r
       }),
-      onClick: (r) => r.stopPropagation(),
+      onClick: (c) => c.stopPropagation(),
       children: [
-        c && /* @__PURE__ */ t.jsx(
+        r && /* @__PURE__ */ t.jsx(
           R,
           {
             type: "Secondary",
@@ -2507,10 +2507,10 @@ const is = (h) => {
   logo: dn,
   info: un
 }, Jn = ({ date: h }) => {
-  const { general: a } = $t();
+  const { general: a } = Ft();
   if (!a) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function o(s) {
-    const c = new Date(s), e = {
+    const r = new Date(s), e = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2518,7 +2518,7 @@ const is = (h) => {
       minute: "2-digit",
       hour12: !1
     };
-    return c.toLocaleDateString("en-US", e);
+    return r.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(
@@ -2552,45 +2552,44 @@ const is = (h) => {
   productOptions: yn,
   loading: jn
 }, Kn = (h) => {
-  var d;
-  const { pageContext: a } = bt(), { general: o } = $t(), s = (d = a == null ? void 0 : a.listings) == null ? void 0 : d.find((y) => y.id === h.productId), [c, e] = f.useState(!0), [l, u] = f.useState(null), x = (l == null ? void 0 : l.variants[0]) || null, [_, M] = f.useState(
+  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(
     "ONE_TIME"
-  ), { addProducts: I } = ct(), { setIsOpen: r } = rt();
-  return f.useEffect(() => {
+  ), { addProducts: M } = ct(), { setIsOpen: I } = rt();
+  return g.useEffect(() => {
     (async () => {
-      e(!0);
-      const p = await Vt(
+      r(!0);
+      const y = await Vt(
         encodeURIComponent(
-          `/product/${s.productData.uniquePath}`
-        ),
-        o == null ? void 0 : o.info.passwordProtected
+          `/product/${o.productData.uniquePath}`
+        )
       );
-      I(p == null ? void 0 : p.data.products), u(p == null ? void 0 : p.data.products[0]), e(!1);
+      M(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), r(!1);
     })();
-  }, []), f.useEffect(() => {
-    r(!0);
+  }, []), g.useEffect(() => {
+    I(!0);
   }, []), /* @__PURE__ */ t.jsx(ut, { close: h.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: et.modal,
-      onClick: (y) => y.stopPropagation(),
+      onClick: (l) => l.stopPropagation(),
       children: [
-        c && /* @__PURE__ */ t.jsx("div", { className: et.loading, children: /* @__PURE__ */ t.jsx(Ot, {}) }),
-        h.type === "Add To Cart" && h.isCartEnabled && l && x && !c && /* @__PURE__ */ t.jsx(
+        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(
           bn,
           {
-            variants: l.variants,
-            activeVariant: x,
-            activeChargeType: _,
-            setActiveChargeType: M,
-            productId: l.id,
+            variants: e.variants,
+            activeVariant: d,
+            activeChargeType: f,
+            setActiveChargeType: _,
+            productId: e.id,
             setIsOpen: h.setIsOpen
           }
         ),
-        h.type === "Buy Now" && l && !c && /* @__PURE__ */ t.jsx(
+        h.type === "Buy Now" && e && !s && /* @__PURE__ */ t.jsx(
           vn,
           {
-            product: l,
+            product: e,
             setIsOpen: h.setIsOpen,
             isCartEnabled: h.isCartEnabled
           }
@@ -2599,14 +2598,14 @@ const is = (h) => {
     }
   ) });
 }, bn = (h) => {
-  const { variants: a, activeChargeType: o, productId: s, setIsOpen: c } = h, { cart: e, addProductToCart: l, addProducts: u, updateQuantityOfProduct: x } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: I } = bt(), { setIsOpen: r } = rt(), d = () => {
-    r(!1), setTimeout(() => {
-      c(!1);
+  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);
     }, 300);
   };
-  async function y(p) {
-    const m = a.find((P) => P.id === p), i = e.parts.find(
-      (P) => P.productId === h.productId && P.productVariantId === p
+  async function y(x) {
+    const m = a.find((P) => P.id === x), i = e.parts.find(
+      (P) => P.productId === h.productId && P.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)) {
       M([
@@ -2616,18 +2615,18 @@ const is = (h) => {
       return;
     }
     if (i)
-      x({
+      f({
         productId: s,
-        productVariantId: p,
+        productVariantId: x,
         quantity: i.quantity + 1,
         chargeType: o
       });
     else {
-      I != null && I.products && u(I.products);
+      I != null && I.products && d(I.products);
       try {
-        l({
+        u({
           productId: s,
-          productVariantId: p,
+          productVariantId: x,
           quantity: 1,
           chargeType: o
         }), M([
@@ -2661,21 +2660,21 @@ const is = (h) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: d
+          onClick: l
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: et.variants, children: a.filter((p) => {
+    /* @__PURE__ */ t.jsx("div", { className: et.variants, children: a.filter((x) => {
       var m;
-      return (m = p.chargeTypes) == null ? void 0 : m.includes(o);
-    }).map((p) => {
+      return (m = x.chargeTypes) == null ? void 0 : m.includes(o);
+    }).map((x) => {
       var m, i, b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: U(et.variant),
           onClick: () => {
-            y(p.id), c(!1);
+            y(x.id), r(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: et.variantInfo, children: [
@@ -2684,12 +2683,12 @@ const is = (h) => {
                 {
                   className: et.title,
                   id: "h4",
-                  children: p.name
+                  children: x.name
                 }
               ),
               /* @__PURE__ */ t.jsx("span", { id: "md", children: Q({
-                amount: o === "ONE_TIME" ? p.price.amount : p.subscriptionSettings ? p.subscriptionSettings.price.amount : 0,
-                currency: o === "ONE_TIME" ? p.price.currency : ((m = p.subscriptionSettings) == null ? void 0 : m.price.currency) || "USD"
+                amount: o === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : 0,
+                currency: o === "ONE_TIME" ? x.price.currency : ((m = x.subscriptionSettings) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
             /* @__PURE__ */ t.jsx("div", { id: "md", children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
@@ -2698,7 +2697,7 @@ const is = (h) => {
                 className: et.stock,
                 id: "md",
                 children: [
-                  (i = p.quantity.restrictions) != null && i.max || p.quantity.available !== void 0 ? ((b = p.quantity.restrictions) == null ? void 0 : b.max) || p.quantity.available : "∞",
+                  (i = x.quantity.restrictions) != null && i.max || x.quantity.available !== void 0 ? ((b = x.quantity.restrictions) == null ? void 0 : b.max) || x.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -2706,13 +2705,13 @@ const is = (h) => {
             ) })
           ]
         },
-        p.id
+        x.id
       );
     }) })
   ] });
 }, vn = (h) => {
-  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: c } = rt(), e = () => {
-    c(!1), setTimeout(() => {
+  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: r } = rt(), e = () => {
+    r(!1), setTimeout(() => {
       o(!1);
     }, 300);
   };
@@ -2773,21 +2772,21 @@ const is = (h) => {
     setIsOpen: a,
     pageContext: o,
     groupData: s,
-    setProductId: c,
+    setProductId: r,
     setIsProductModalOpen: e,
-    setShowDropdown: l
-  } = h, [u, x] = f.useState(null), [_, M] = f.useState(!0), { setIsOpen: I } = rt();
-  f.useEffect(() => {
+    setShowDropdown: u
+  } = h, [d, f] = g.useState(null), [_, M] = g.useState(!0), { setIsOpen: I } = rt();
+  g.useEffect(() => {
     var y;
     M(!0);
-    const d = (y = o.listings) == null ? void 0 : y.filter(
-      (p) => s.listingIdList.includes(p.id)
+    const l = (y = o.listings) == null ? void 0 : y.filter(
+      (x) => s.listingIdList.includes(x.id)
     );
-    d && x([...d]), M(!1);
-  }, [o]), f.useEffect(() => {
+    l && f([...l]), M(!1);
+  }, [o]), g.useEffect(() => {
     I(!0);
   }, []);
-  const r = () => {
+  const c = () => {
     I(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -2796,7 +2795,7 @@ const is = (h) => {
     "div",
     {
       className: H.contentModal,
-      onClick: (d) => d.stopPropagation(),
+      onClick: (l) => l.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: H.modalTop, children: [
           /* @__PURE__ */ t.jsx(
@@ -2814,20 +2813,20 @@ const is = (h) => {
             {
               name: "X",
               hoverable: !0,
-              onClick: r,
+              onClick: c,
               fill: "var(--text-primary)"
             }
           )
         ] }),
-        !_ && u && /* @__PURE__ */ t.jsx("div", { className: H.modalCards, children: u.map((d) => /* @__PURE__ */ t.jsxs(
+        !_ && d && /* @__PURE__ */ t.jsx("div", { className: H.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: H.card,
             children: [
-              /* @__PURE__ */ t.jsx("div", { children: d.productData.images[0] ? /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx("div", { children: l.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
                 {
-                  src: `https://imagedelivery.net/${d.productData.images[0].cfId}/w=500`,
+                  src: `https://imagedelivery.net/${l.productData.images[0].cfId}/w=500`,
                   alt: "",
                   width: 64,
                   height: 64,
@@ -2835,8 +2834,8 @@ const is = (h) => {
                 }
               ) : /* @__PURE__ */ t.jsx("div", { className: U(H.blockImage, H.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
               /* @__PURE__ */ t.jsxs("div", { className: H.cardInfo, children: [
-                /* @__PURE__ */ t.jsx("div", { id: "h5", children: d.productData.compareAtPrice && (d.productData.compareAtPrice.amount || 0) - (d.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  at(d.productData.name, !1),
+                /* @__PURE__ */ t.jsx("div", { id: "h5", children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  at(l.productData.name, !1),
                   /* @__PURE__ */ t.jsxs(
                     "span",
                     {
@@ -2849,8 +2848,8 @@ const is = (h) => {
                             className: H.newPrice,
                             id: "md",
                             children: Q({
-                              amount: d.productData.minPrice.amount,
-                              currency: d.productData.minPrice.currency
+                              amount: l.productData.minPrice.amount,
+                              currency: l.productData.minPrice.currency
                             })
                           }
                         ),
@@ -2860,8 +2859,8 @@ const is = (h) => {
                             className: H.oldPrice,
                             id: "md",
                             children: Q({
-                              amount: d.productData.compareAtPrice.amount,
-                              currency: d.productData.compareAtPrice.currency
+                              amount: l.productData.compareAtPrice.amount,
+                              currency: l.productData.compareAtPrice.currency
                             })
                           }
                         )
@@ -2869,26 +2868,26 @@ const is = (h) => {
                     }
                   )
                 ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  at(d.productData.name, !1),
+                  at(l.productData.name, !1),
                   /* @__PURE__ */ t.jsx(
                     "span",
                     {
                       className: H.newPrice,
                       id: "md",
                       children: Q({
-                        amount: d.productData.minPrice.amount,
-                        currency: d.productData.minPrice.currency
+                        amount: l.productData.minPrice.amount,
+                        currency: l.productData.minPrice.currency
                       })
                     }
                   )
                 ] }) }),
-                d.productData.shortDescription && /* @__PURE__ */ t.jsx(
+                l.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
                     className: H.short,
                     id: "md",
                     dangerouslySetInnerHTML: {
-                      __html: at(d.productData.shortDescription)
+                      __html: at(l.productData.shortDescription)
                     }
                   }
                 )
@@ -2899,18 +2898,18 @@ const is = (h) => {
                   {
                     type: "Secondary",
                     onClick: () => {
-                      c(d.id), a(!1), e(!0);
+                      r(l.id), a(!1), e(!0);
                     },
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Mt, { path: `/product/${d.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsx(Mt, { path: `/product/${l.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
                   R,
                   {
                     type: "Primary",
                     style: { whiteSpace: "nowrap" },
                     onClick: () => {
-                      l(!1), r();
+                      u(!1), c();
                     },
                     children: "View Details"
                   }
@@ -2918,9 +2917,9 @@ const is = (h) => {
               ] })
             ]
           },
-          d.id
+          l.id
         )) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: H.loading, children: /* @__PURE__ */ t.jsx(Ot, {}) })
+        _ && /* @__PURE__ */ t.jsx("div", { className: H.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
       ]
     }
   ) });
@@ -2933,8 +2932,8 @@ export {
   Ae as ButtonTypeSettings,
   Fn as ButtonsSettings,
   Un as CategorySettings,
-  qt as ChargeTypes,
-  Et as ChooseImage,
+  Ot as ChargeTypes,
+  Dt as ChooseImage,
   ni as ChooseImageModal,
   Us as EmptyCart,
   zn as FormSettings,
@@ -2942,12 +2941,12 @@ export {
   Yn as HeaderButtons,
   j as Icon,
   Nt as InputSettings,
-  Ht as InputUI,
+  Ut as InputUI,
   ii as ItemsSettings,
   Ln as LayoutSettings,
   Mt as Link,
   Vn as ListingSelector,
-  Ot as Loader,
+  $t as Loader,
   Jn as MetaInfoPost,
   ut as Modal,
   Gn as PagesMobileMenu,
@@ -2970,6 +2969,6 @@ export {
   di as TextareaSettings,
   ui as TextareaUI,
   hi as TypesText,
-  At as UserInfo,
+  qt as UserInfo,
   mi as Wrapper
 };