@billgangcom/theme-lib 1.69.5 → 1.69.7

package/dist/ui.es.js

@@ -1,18 +1,19 @@
-import { j as t, I as v, c as F, b as Nt, u as ht, d as pt, P as mt, S as rt, R as kt, D as gt, e as ft, v as xt, B as lt, f as nt, a as wt, g as Pt, O as ut, h as Z, i as _t, C as jt, k as V, l as $t, m as qt, n as vt, o as Ot, p as yt, q as X, L as At, r as Ct, t as bt, w as at, s as it, x as D, y as Et, M as dt, z as ot, A as Dt, E as Mt, F as Rt, G as Bt, H as Lt } from "./index-CVyi3AZa.js";
-import { X as Yn, U as Gn, N as Wn, W as Xn, K as Qn, Q as Jn, T as Kn, J as Zn, V as ti } from "./index-CVyi3AZa.js";
+import { j as t, I as b, c as U, b as Nt, u as ht, d as pt, P as mt, S as rt, R as kt, D as gt, e as ft, v as xt, B as lt, f as nt, a as wt, g as Pt, O as ut, h as J, i as _t, C as jt, k as F, l as Tt, m as qt, n as vt, o as Ot, p as yt, q as W, L as At, r as Ct, t as bt, w as at, s as it, x as D, y as Et, M as dt, z as Dt, A as ot, E as Rt, F as Mt, G as Lt, H as $t, J as zt } from "./index-CQFp0DVu.js";
+import { Y as Wn, V as Xn, Q as Qn, X as Jn, N as Kn, U as Zn, T as ti, K as ei, W as si } from "./index-CQFp0DVu.js";
 import m from "react";
-const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23", Ft = "_alignmentContent_kh9z8_30", Vt = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Gt = "_circle_kh9z8_64", Wt = "_paddings_kh9z8_71", Xt = "_padding_kh9z8_71", Qt = "_active_kh9z8_97", G = {
-  block: zt,
-  title: Ht,
-  subtitle: Ut,
-  alignmentContent: Ft,
-  alignments: Vt,
-  alignment: Yt,
-  circle: Gt,
-  paddings: Wt,
-  padding: Xt,
-  active: Qt
-}, Jt = [
+import "react-dom";
+const Ht = "_block_kh9z8_8", Ut = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Vt = "_alignmentContent_kh9z8_30", Yt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Xt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Jt = "_active_kh9z8_97", Y = {
+  block: Ht,
+  title: Ut,
+  subtitle: Ft,
+  alignmentContent: Vt,
+  alignments: Yt,
+  alignment: Gt,
+  circle: Wt,
+  paddings: Xt,
+  padding: Qt,
+  active: Jt
+}, Kt = [
   "topLeft",
   "top",
   "topRight",
@@ -22,7 +23,7 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Kt = ["left", "top", "right", "bottom"], Mn = (r) => {
+], Zt = ["left", "top", "right", "bottom"], Bn = (r) => {
   const {
     alignment: i,
     padding: a,
@@ -61,19 +62,19 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [f, P] = m.useState(null), [j, n] = m.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
-      c && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: Jt.map((o) => /* @__PURE__ */ t.jsxs(
+  const [x, P] = m.useState(null), [v, n] = m.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: "Layout (for Desktop version)" }),
+    /* @__PURE__ */ t.jsxs("div", { className: Y.alignmentContent, children: [
+      c && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Alignment" }),
+        /* @__PURE__ */ t.jsx("div", { className: Y.alignments, children: Kt.map((o) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
               e(o);
             },
-            className: G.alignment,
+            className: Y.alignment,
             onMouseEnter: () => {
               P(o);
             },
@@ -81,18 +82,18 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
               P(null);
             },
             children: [
-              o !== i && f !== o && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              o !== i && f === o && /* @__PURE__ */ t.jsx(
-                v,
+              o !== i && x !== o && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
+              o !== i && x === o && /* @__PURE__ */ t.jsx(
+                b,
                 {
-                  name: u(f),
+                  name: u(x),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
               o === i && /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: u(i),
                   fill: "#FF3F19",
@@ -105,13 +106,13 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
           o
         )) })
       ] }),
-      d && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: Kt.map((o) => /* @__PURE__ */ t.jsxs(
+      d && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Paddings" }),
+        /* @__PURE__ */ t.jsx("div", { className: Y.paddings, children: Zt.map((o) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: F(G.padding, {
-              [G.active]: j === o
+            className: U(Y.padding, {
+              [Y.active]: v === o
             }),
             onFocus: () => {
               n(o);
@@ -121,7 +122,7 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: g(o),
                   width: 20,
@@ -149,20 +150,20 @@ const zt = "_block_kh9z8_8", Ht = "_title_kh9z8_16", Ut = "_subtitle_kh9z8_23",
       ] })
     ] })
   ] });
-}, Zt = "_title_82zux_1", te = "_subtitle_82zux_5", ee = "_productsBlock_82zux_14", se = "_top_82zux_26", ne = "_products_82zux_14", ie = "_product_82zux_14", ae = "_button_82zux_80", oe = "_disabled_82zux_91", ce = "_buttons_82zux_118", re = "_addButton_82zux_157", le = "_deleteButton_82zux_179", Q = {
-  title: Zt,
-  subtitle: te,
-  productsBlock: ee,
-  top: se,
-  products: ne,
-  product: ie,
-  button: ae,
-  disabled: oe,
-  buttons: ce,
-  addButton: re,
-  deleteButton: le
+}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_productsBlock_82zux_14", ne = "_top_82zux_26", ie = "_products_82zux_14", ae = "_product_82zux_14", oe = "_button_82zux_80", ce = "_disabled_82zux_91", re = "_buttons_82zux_118", le = "_addButton_82zux_157", de = "_deleteButton_82zux_179", X = {
+  title: te,
+  subtitle: ee,
+  productsBlock: se,
+  top: ne,
+  products: ie,
+  product: ae,
+  button: oe,
+  disabled: ce,
+  buttons: re,
+  addButton: le,
+  deleteButton: de
 };
-function de({ id: r, children: i }) {
+function ue({ id: r, children: i }) {
   const {
     attributes: a,
     listeners: s,
@@ -181,14 +182,14 @@ function de({ id: r, children: i }) {
     {
       ref: e,
       style: g,
-      className: `${Q.product} ${u ? Q.dragging : ""}`,
+      className: `${X.product} ${u ? X.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const Bn = (r) => {
+const Tn = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
@@ -198,16 +199,16 @@ const Bn = (r) => {
     tags: d,
     title: u,
     subtitle: g,
-    draggable: f = !1,
+    draggable: x = !1,
     withImage: P = !1,
-    addable: j = !0,
+    addable: v = !0,
     itemsOptions: n,
     hasRangeSelector: o = !1,
     rangeSelectorOptions: p,
-    limit: q,
-    autoScrollInterval: x,
-    deletable: _,
-    aspectRatio: y,
+    limit: E,
+    autoScrollInterval: _,
+    deletable: j,
+    aspectRatio: N,
     setAspectRatio: M
   } = r, z = ht(
     pt(mt, {
@@ -216,16 +217,16 @@ const Bn = (r) => {
       }
     })
   ), R = (h) => {
-    const { active: S, over: k } = h;
-    if (k && S.id !== k.id) {
-      const N = s.findIndex((O) => O === S.id), B = s.findIndex((O) => O === k.id);
-      if (N !== -1 && B !== -1) {
-        const O = [...s], [b] = O.splice(N, 1);
-        O.splice(B, 0, b), e(O);
+    const { active: C, over: k } = h;
+    if (k && C.id !== k.id) {
+      const T = s.findIndex((q) => q === C.id), I = s.findIndex((q) => q === k.id);
+      if (T !== -1 && I !== -1) {
+        const q = [...s], [y] = q.splice(T, 1);
+        q.splice(I, 0, y), e(q);
       }
     }
   };
-  function I(h) {
+  function K(h) {
     if (P)
       return h ? /* @__PURE__ */ t.jsx(
         "img",
@@ -236,7 +237,7 @@ const Bn = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -245,12 +246,12 @@ const Bn = (r) => {
         }
       );
   }
-  const H = (h, S = !1) => {
-    const k = n.find((B) => B.id === h);
+  const f = (h, C = !1) => {
+    const k = n.find((I) => I.id === h);
     if (!k) return;
-    const N = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -261,51 +262,51 @@ const Bn = (r) => {
       /* @__PURE__ */ t.jsx(
         nt,
         {
-          onChange: (B) => {
-            const O = [...s], b = n.find((l) => l.name === B);
-            if (!b) return;
-            const A = b.id, U = O.map((l) => l === h ? A : l);
-            e([...U]);
+          onChange: (I) => {
+            const q = [...s], y = n.find((l) => l.name === I);
+            if (!y) return;
+            const O = y.id, H = q.map((l) => l === h ? O : l);
+            e([...H]);
           },
           value: k.name,
-          options: n.filter((B) => !s.find((O) => O === B.id)).map((B) => B.name),
-          leftAddonOptions: n.map((B) => ({
-            value: B.name,
-            addon: I(B.images)
+          options: n.filter((I) => !s.find((q) => q === I.id)).map((I) => I.name),
+          leftAddonOptions: n.map((I) => ({
+            value: I.name,
+            addon: K(I.images)
           }))
         }
       ),
-      S && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        v,
+      C && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((B) => B !== h))
+          onClick: () => e(s.filter((I) => I !== h))
         }
       ) }) })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
-      de,
+    return x ? /* @__PURE__ */ t.jsx(
+      ue,
       {
         id: h,
-        children: N
+        children: T
       },
-      Z()
+      J()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Q.product,
-        children: N
+        className: X.product,
+        children: T
       },
-      Z()
+      J()
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
-    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: u }),
+  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         rt,
         {
@@ -315,9 +316,9 @@ const Bn = (r) => {
       )
     ] }),
     o && p && /* @__PURE__ */ t.jsx(kt, { ...p }),
-    /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-      g && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: g }),
-      f ? /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
+      g && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: g }),
+      x ? /* @__PURE__ */ t.jsx(
         gt,
         {
           sensors: z,
@@ -327,12 +328,12 @@ const Bn = (r) => {
             {
               items: s,
               strategy: xt,
-              children: s.map((h) => H(h, _))
+              children: s.map((h) => f(h, j))
             }
           )
         }
-      ) : s.map((h) => H(h, _)),
-      j && /* @__PURE__ */ t.jsx(
+      ) : s.map((h) => f(h, j)),
+      v && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -345,30 +346,30 @@ const Bn = (r) => {
             lt,
             {
               withoutHover: !0,
-              className: F(Q.button, {
-                [Q.disabled]: !!(q && q <= s.length || s.length === n.length)
+              className: U(X.button, {
+                [X.disabled]: !!(E && E <= s.length || s.length === n.length)
               }),
               size: "s",
-              disabled: !!(q && q <= s.length || s.length === n.length),
+              disabled: !!(E && E <= s.length || s.length === n.length),
               onClick: () => {
                 const h = [...s];
-                let S = null;
+                let C = null;
                 if (n) {
                   for (let k = 0; k < n.length; k++)
-                    if (!s.find((N) => N === n[k].id)) {
-                      S = n[k];
+                    if (!s.find((T) => T === n[k].id)) {
+                      C = n[k];
                       break;
                     }
                 }
-                h.push((S == null ? void 0 : S.id) || n[0].id), e(h);
+                h.push((C == null ? void 0 : C.id) || n[0].id), e(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -381,10 +382,10 @@ const Bn = (r) => {
         }
       )
     ] }),
-    y && M && /* @__PURE__ */ t.jsx(
+    N && M && /* @__PURE__ */ t.jsx(
       nt,
       {
-        value: y,
+        value: N,
         label: "Aspect Ratio",
         options: Object.keys(Pt),
         onChange: (h) => M(h),
@@ -405,13 +406,13 @@ const Bn = (r) => {
         items: c
       }
     ),
-    x !== void 0 && /* @__PURE__ */ t.jsx(
+    _ !== void 0 && /* @__PURE__ */ t.jsx(
       Nt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(x.scrollInterval),
-        onChange: (h) => x.setScrollInterval(Number(h)),
+        value: String(_.scrollInterval),
+        onChange: (h) => _.setScrollInterval(Number(h)),
         min: 0.1,
         max: 100,
         style: {
@@ -421,20 +422,20 @@ const Bn = (r) => {
       }
     )
   ] });
-}, ue = "_title_roi3a_1", he = "_subtitle_roi3a_5", pe = "_productsBlock_roi3a_14", me = "_top_roi3a_26", ge = "_products_roi3a_14", fe = "_product_roi3a_14", xe = "_button_roi3a_80", _e = "_disabled_roi3a_91", je = "_buttons_roi3a_118", ve = "_addButton_roi3a_164", be = "_deleteButton_roi3a_179", Y = {
-  title: ue,
-  subtitle: he,
-  productsBlock: pe,
-  top: me,
-  products: ge,
-  product: fe,
-  button: xe,
-  disabled: _e,
-  buttons: je,
-  addButton: ve,
-  deleteButton: be
+}, he = "_title_roi3a_1", pe = "_subtitle_roi3a_5", me = "_productsBlock_roi3a_14", ge = "_top_roi3a_26", fe = "_products_roi3a_14", xe = "_product_roi3a_14", _e = "_button_roi3a_80", je = "_disabled_roi3a_91", ve = "_buttons_roi3a_118", be = "_addButton_roi3a_164", ye = "_deleteButton_roi3a_179", V = {
+  title: he,
+  subtitle: pe,
+  productsBlock: me,
+  top: ge,
+  products: fe,
+  product: xe,
+  button: _e,
+  disabled: je,
+  buttons: ve,
+  addButton: be,
+  deleteButton: ye
 };
-function ye({ product: r, children: i }) {
+function Ie({ product: r, children: i }) {
   const {
     attributes: a,
     listeners: s,
@@ -453,14 +454,14 @@ function ye({ product: r, children: i }) {
     {
       ref: e,
       style: g,
-      className: `${Y.product} ${u ? Y.dragging : ""}`,
+      className: `${V.product} ${u ? V.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const Tn = (r) => {
+const qn = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
@@ -470,13 +471,13 @@ const Tn = (r) => {
     subtitle: d,
     editable: u = !0,
     draggable: g = !1,
-    deletable: f = !0,
+    deletable: x = !0,
     addable: P = !0,
-    itemsType: j,
+    itemsType: v,
     itemsOptions: n,
     addableOptions: o = {},
     limit: p
-  } = r, [q, x] = m.useState(null), [_, y] = m.useState(null), M = m.useRef(null), z = ht(
+  } = r, [E, _] = m.useState(null), [j, N] = m.useState(null), M = m.useRef(null), z = ht(
     pt(mt, {
       activationConstraint: {
         distance: 5
@@ -484,33 +485,33 @@ const Tn = (r) => {
     })
   );
   m.useEffect(() => {
-    if (q) {
-      const h = [...s].map((S) => S.id === q.id ? q : S);
+    if (E) {
+      const h = [...s].map((C) => C.id === E.id ? E : C);
       e(h);
     }
-  }, [q]), m.useEffect(() => {
-    M.current && _ && (M.current.getBoundingClientRect().height, _.top);
-  }, [M.current, _]);
-  const R = (h, S) => {
+  }, [E]), m.useEffect(() => {
+    M.current && j && (M.current.getBoundingClientRect().height, j.top);
+  }, [M.current, j]);
+  const R = (h, C) => {
     h.stopPropagation();
     const k = h.target.getBoundingClientRect();
-    y({
+    N({
       top: k.top + window.scrollY,
       left: k.left - 30
-    }), x(S);
-  }, I = (h) => {
-    const { active: S, over: k } = h;
-    if (k && S.id !== k.id) {
-      const N = s.findIndex((O) => O.id === S.id), B = s.findIndex((O) => O.id === k.id);
-      if (N !== -1 && B !== -1) {
-        const O = [...s], [b] = O.splice(N, 1);
-        O.splice(B, 0, b), e(O);
+    }), _(C);
+  }, K = (h) => {
+    const { active: C, over: k } = h;
+    if (k && C.id !== k.id) {
+      const T = s.findIndex((q) => q.id === C.id), I = s.findIndex((q) => q.id === k.id);
+      if (T !== -1 && I !== -1) {
+        const q = [...s], [y] = q.splice(T, 1);
+        q.splice(I, 0, y), e(q);
       }
     }
-  }, H = (h, S) => {
+  }, f = (h, C) => {
     const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -518,73 +519,73 @@ const Tn = (r) => {
           height: 20
         }
       ) }),
-      j === "select" && n && /* @__PURE__ */ t.jsx(
+      v === "select" && n && /* @__PURE__ */ t.jsx(
         nt,
         {
-          onChange: (N) => {
-            const B = [...s], O = n.find((A) => A.name === N);
-            if (!O) return;
-            const b = B.map((A) => A.id === h.id ? {
-              ...O,
+          onChange: (T) => {
+            const I = [...s], q = n.find((O) => O.name === T);
+            if (!q) return;
+            const y = I.map((O) => O.id === h.id ? {
+              ...q,
               name: {
-                "en-US": N
+                "en-US": T
               }
-            } : A);
-            x({
+            } : O);
+            _({
               ...h,
               name: {
-                "en-US": N
+                "en-US": T
               }
-            }), e([...b]);
+            }), e([...y]);
           },
           value: h.name,
-          options: n.filter((N) => !s.find((B) => B.name === N.name)).map((N) => N.name)
+          options: n.filter((T) => !s.find((I) => I.name === T.name)).map((T) => T.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+        u && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (N) => R(N, h)
+            onClick: (T) => R(T, h)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        x && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((N) => N.id !== h.id))
+            onClick: () => e(s.filter((T) => T.id !== h.id))
           }
         ) })
       ] })
     ] });
     return g ? /* @__PURE__ */ t.jsx(
-      ye,
+      Ie,
       {
         product: h,
-        index: S,
+        index: C,
         children: k
       },
       h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y.product,
+        className: V.product,
         children: k
       },
       h.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: c }),
+  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
+    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      c && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: c }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         rt,
         {
@@ -593,23 +594,23 @@ const Tn = (r) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      d && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: d }),
+    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
       g ? /* @__PURE__ */ t.jsx(
         gt,
         {
           sensors: z,
-          onDragEnd: I,
+          onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             ft,
             {
               items: s.map((h) => h.id),
               strategy: xt,
-              children: s.map((h, S) => H(h, S))
+              children: s.map((h, C) => f(h, C))
             }
           )
         }
-      ) : s.map((h, S) => H(h, S)),
+      ) : s.map((h, C) => f(h, C)),
       P && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -622,34 +623,34 @@ const Tn = (r) => {
             lt,
             {
               withoutHover: !0,
-              className: F(Y.button, {
-                [Y.disabled]: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length))
+              className: U(V.button, {
+                [V.disabled]: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length))
               }),
               size: "s",
               disabled: !!(p && p <= s.length || s.length === (n == null ? void 0 : n.length)),
               onClick: () => {
                 const h = [...s];
-                let S = null;
+                let C = null;
                 if (n) {
                   for (let k = 0; k < n.length; k++)
-                    if (!s.find((N) => N.id === n[k].id)) {
-                      S = n[k];
+                    if (!s.find((T) => T.id === n[k].id)) {
+                      C = n[k];
                       break;
                     }
                 }
-                j === "select" && n && h.push({
-                  name: S ? S.name : n[0].name,
-                  id: (S == null ? void 0 : S.id) || n[0].id,
+                v === "select" && n && h.push({
+                  name: C ? C.name : n[0].name,
+                  id: (C == null ? void 0 : C.id) || n[0].id,
                   ...o
                 }), e(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -664,10 +665,10 @@ const Tn = (r) => {
     ] })
   ] });
 };
-function Ie(r) {
+function Ne(r) {
   const { product: i, children: a } = r, { attributes: s, listeners: e, setNodeRef: c, transform: d, transition: u, isDragging: g } = _t({
     id: i.id
-  }), f = {
+  }), x = {
     transform: jt.Transform.toString(d),
     transition: u
   };
@@ -675,15 +676,15 @@ function Ie(r) {
     "div",
     {
       ref: c,
-      style: f,
-      className: `${V.product} ${g ? V.dragging : ""}`,
+      style: x,
+      className: `${F.product} ${g ? F.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const $n = (r) => {
+const On = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
@@ -693,21 +694,21 @@ const $n = (r) => {
     title: d,
     subtitle: u,
     editable: g = !0,
-    draggable: f = !1,
+    draggable: x = !1,
     deletable: P = !0,
-    addable: j = !0,
+    addable: v = !0,
     itemsType: n,
     itemsPlaceholder: o = "",
     itemsOptions: p,
-    hasRangeSelector: q = !1,
-    rangeSelectorOptions: x,
-    modalOptions: _,
-    addableOptions: y = {},
+    hasRangeSelector: E = !1,
+    rangeSelectorOptions: _,
+    modalOptions: j,
+    addableOptions: N = {},
     limit: M
-  } = r, [z, R] = m.useState(null), [I, H] = m.useState({
+  } = r, [z, R] = m.useState(null), [K, f] = m.useState({
     top: 0,
     left: 0
-  }), [h, S] = m.useState(null), k = m.useRef(null), [N, B] = m.useState(!1), O = ht(
+  }), [h, C] = m.useState(null), k = m.useRef(null), [T, I] = m.useState(!1), q = ht(
     pt(mt, {
       activationConstraint: {
         distance: 5
@@ -716,47 +717,47 @@ const $n = (r) => {
   );
   m.useEffect(() => {
     const l = () => {
-      R(null), B(!1);
+      R(null), I(!1);
     };
-    return document.body.addEventListener("click", l), R(null), B(!1), () => {
-      R(null), B(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", l), R(null), I(!1), () => {
+      R(null), I(!1), document.body.removeEventListener("click", l);
     };
   }, []), m.useEffect(() => {
     if (z) {
-      const l = [...s].map(($) => $.id === z.id ? z : $);
+      const l = [...s].map((B) => B.id === z.id ? z : B);
       e(l);
     }
   }, [z]), m.useEffect(() => {
     if (k.current && h) {
-      const l = k.current.getBoundingClientRect().height, $ = window.innerHeight;
-      let C = h.top;
-      C + l > $ + window.scrollY - 200 && (C = $ + window.scrollY - l - 200), C < 0 && (C = 10), H({
-        top: C,
+      const l = k.current.getBoundingClientRect().height, B = window.innerHeight;
+      let S = h.top;
+      S + l > B + window.scrollY - 200 && (S = B + window.scrollY - l - 200), S < 0 && (S = 10), f({
+        top: S,
         left: h.left
       });
     }
   }, [k.current, h]);
-  const b = (l, $) => {
+  const y = (l, B) => {
     l.stopPropagation();
-    const C = l.target.getBoundingClientRect();
-    S({
-      top: C.top + window.scrollY,
-      left: C.left - 30
-    }), R($), B(!0);
-  }, A = (l) => {
-    const { active: $, over: C } = l;
-    if (C && $.id !== C.id) {
-      const E = s.findIndex((L) => L.id === $.id), tt = s.findIndex((L) => L.id === C.id);
-      if (E !== -1 && tt !== -1) {
-        const L = [...s], [K] = L.splice(E, 1);
-        L.splice(tt, 0, K), e(L);
+    const S = l.target.getBoundingClientRect();
+    C({
+      top: S.top + window.scrollY,
+      left: S.left - 30
+    }), R(B), I(!0);
+  }, O = (l) => {
+    const { active: B, over: S } = l;
+    if (S && B.id !== S.id) {
+      const A = s.findIndex((L) => L.id === B.id), tt = s.findIndex((L) => L.id === S.id);
+      if (A !== -1 && tt !== -1) {
+        const L = [...s], [Z] = L.splice(A, 1);
+        L.splice(tt, 0, Z), e(L);
       }
     }
-  }, U = (l) => {
-    var C;
-    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+  }, H = (l) => {
+    var S;
+    const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -767,36 +768,36 @@ const $n = (r) => {
       n === "select" && p && /* @__PURE__ */ t.jsx(
         nt,
         {
-          onChange: (E) => {
-            const L = [...s].map((K) => K.id === l.id ? {
+          onChange: (A) => {
+            const L = [...s].map((Z) => Z.id === l.id ? {
               ...l,
               name: {
-                "en-US": E
+                "en-US": A
               }
-            } : K);
+            } : Z);
             R({
               ...l,
               name: {
-                "en-US": E
+                "en-US": A
               }
             }), e([...L]);
           },
           value: l.name["en-US"],
           options: p.filter(
-            (E) => !s.find((tt) => tt.name["en-US"] === E)
+            (A) => !s.find((tt) => tt.name["en-US"] === A)
           )
         }
       ),
       n === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
-          onChange: (E) => {
-            const L = [...s].map((K) => K.id === l.id ? {
+          onChange: (A) => {
+            const L = [...s].map((Z) => Z.id === l.id ? {
               ...l,
               name: {
-                "en-US": E
+                "en-US": A
               }
-            } : K);
+            } : Z);
             e([...L]);
           },
           value: l.name["en-US"],
@@ -806,59 +807,59 @@ const $n = (r) => {
       n === "image" && /* @__PURE__ */ t.jsx(
         qt,
         {
-          onChange: (E) => {
-            const L = [...s].map((K) => K.id === l.id ? {
+          onChange: (A) => {
+            const L = [...s].map((Z) => Z.id === l.id ? {
               ...l,
-              images: E
-            } : K);
+              images: A
+            } : Z);
             e([...L]);
           },
-          activeImage: (C = s.find((E) => E.id === l.id)) == null ? void 0 : C.images[0]
+          activeImage: (S = s.find((A) => A.id === l.id)) == null ? void 0 : S.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
+        g && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => b(E, l)
+            onClick: (A) => y(A, l)
           }
         ) }),
-        P && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        P && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== l.id))
+            onClick: () => e(s.filter((A) => A.id !== l.id))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
-      Ie,
+    return x ? /* @__PURE__ */ t.jsx(
+      Ne,
       {
         product: l,
-        children: $
+        children: B
       },
       l.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V.product,
-        children: $
+        className: F.product,
+        children: B
       },
       l.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: d }),
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         rt,
         {
@@ -867,36 +868,36 @@ const $n = (r) => {
         }
       )
     ] }),
-    z && g && _ && N && /* @__PURE__ */ t.jsx(
-      $t,
+    z && g && j && T && /* @__PURE__ */ t.jsx(
+      Tt,
       {
         ref: k,
         activeItem: z,
         setActiveItem: R,
-        popupPosition: I,
-        modalOptions: _,
-        setIsOpenModal: B
+        popupPosition: K,
+        modalOptions: j,
+        setIsOpenModal: I
       }
     ),
-    q && x && /* @__PURE__ */ t.jsx(kt, { ...x }),
-    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: u }),
-      f ? /* @__PURE__ */ t.jsx(
+    E && _ && /* @__PURE__ */ t.jsx(kt, { ..._ }),
+    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: u }),
+      x ? /* @__PURE__ */ t.jsx(
         gt,
         {
-          sensors: O,
-          onDragEnd: A,
+          sensors: q,
+          onDragEnd: O,
           children: /* @__PURE__ */ t.jsx(
             ft,
             {
               items: s.map((l) => l.id),
               strategy: xt,
-              children: s.map((l) => U(l))
+              children: s.map((l) => H(l))
             }
           )
         }
-      ) : s.map((l) => U(l)),
-      j && /* @__PURE__ */ t.jsx(
+      ) : s.map((l) => H(l)),
+      v && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -908,52 +909,52 @@ const $n = (r) => {
             lt,
             {
               withoutHover: !0,
-              className: F(V.button, {
-                [V.disabled]: !!(M && M <= s.length)
+              className: U(F.button, {
+                [F.disabled]: !!(M && M <= s.length)
               }),
               size: "s",
               disabled: !!(M && M <= s.length),
               onClick: () => {
                 const l = [...s];
-                let $ = null;
+                let B = null;
                 if (p) {
-                  for (let C = 0; C < p.length; C++)
-                    if (!s.find((E) => E.name["en-US"] === p[C])) {
-                      $ = p[C];
+                  for (let S = 0; S < p.length; S++)
+                    if (!s.find((A) => A.name["en-US"] === p[S])) {
+                      B = p[S];
                       break;
                     }
                 }
                 n === "select" && p ? l.push({
                   name: {
-                    "en-US": $ || p[0]
+                    "en-US": B || p[0]
                   },
-                  id: Z(),
-                  ...y,
+                  id: J(),
+                  ...N,
                   maxSymbols: 100
                   // пример значения
                 }) : n === "input" ? l.push({
                   name: {
                     "en-US": ""
                   },
-                  id: Z(),
-                  ...y,
+                  id: J(),
+                  ...N,
                   maxSymbols: 100
                 }) : l.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: Z(),
-                  ...y,
+                  id: J(),
+                  ...N,
                   maxSymbols: 100
                 }), e(l);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -974,52 +975,52 @@ const $n = (r) => {
       }
     )
   ] });
-}, Ne = "_subtitle_jql1y_1", Ce = "_products_jql1y_10", Se = "_product_jql1y_10", ke = "_button_jql1y_11", we = "_buttons_jql1y_11", Pe = "_addButton_jql1y_150", Me = "_deleteButton_jql1y_165", et = {
-  subtitle: Ne,
-  products: Ce,
-  product: Se,
-  button: ke,
-  buttons: we,
-  addButton: Pe,
-  deleteButton: Me
+}, Ce = "_subtitle_jql1y_1", Se = "_products_jql1y_10", ke = "_product_jql1y_10", we = "_button_jql1y_11", Pe = "_buttons_jql1y_11", Me = "_addButton_jql1y_150", $e = "_deleteButton_jql1y_165", et = {
+  subtitle: Ce,
+  products: Se,
+  product: ke,
+  button: we,
+  buttons: Pe,
+  addButton: Me,
+  deleteButton: $e
 }, Be = (r) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = r, { pages: d } = vt(), [u, g] = m.useState(null), [f, P] = m.useState({
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = r, { pages: d } = vt(), [u, g] = m.useState(null), [x, P] = m.useState({
     top: 0,
     left: 0
-  }), [j, n] = m.useState(null), o = m.useRef(null);
+  }), [v, n] = m.useState(null), o = m.useRef(null);
   m.useEffect(() => {
     if (u) {
-      const x = [...i].map((_) => _.id === u.id ? u : _);
-      a(x);
+      const _ = [...i].map((j) => j.id === u.id ? u : j);
+      a(_);
     }
   }, [u]), m.useEffect(() => {
-    if (o.current && j) {
-      const x = o.current.getBoundingClientRect().height, _ = window.innerHeight;
-      let y = j.top;
-      y + x > _ + window.scrollY - 200 && (y = _ + window.scrollY - x - 200), y < 0 && (y = 10), P({
-        top: y,
-        left: j.left
+    if (o.current && v) {
+      const _ = o.current.getBoundingClientRect().height, j = window.innerHeight;
+      let N = v.top;
+      N + _ > j + window.scrollY - 200 && (N = j + window.scrollY - _ - 200), N < 0 && (N = 10), P({
+        top: N,
+        left: v.left
       });
     }
-  }, [o.current, j]);
-  const p = (x, _) => {
-    x.stopPropagation();
-    const y = x.target.getBoundingClientRect();
+  }, [o.current, v]);
+  const p = (_, j) => {
+    _.stopPropagation();
+    const N = _.target.getBoundingClientRect();
     n({
-      top: y.top + window.scrollY - 70,
-      left: y.left - (e ? 30 : 65)
-    }), g(_);
-  }, q = (x, _) => {
-    const y = [...i], M = {
-      ...x,
+      top: N.top + window.scrollY - 70,
+      left: N.left - (e ? 30 : 65)
+    }), g(j);
+  }, E = (_, j) => {
+    const N = [...i], M = {
+      ..._,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    y.splice(_ + 1, 0, M), a(y);
+    N.splice(j + 1, 0, M), a(N);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: et.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: et.subtitle, children: "Button Type" }),
-    i.map((x, _) => /* @__PURE__ */ t.jsxs(
+    i.map((_, j) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: et.product,
@@ -1027,50 +1028,50 @@ const $n = (r) => {
           /* @__PURE__ */ t.jsx(
             nt,
             {
-              onChange: (y) => {
-                const z = [...i].map((R) => R.id === x.id ? {
-                  ...x,
-                  type: y
+              onChange: (N) => {
+                const z = [...i].map((R) => R.id === _.id ? {
+                  ..._,
+                  type: N
                 } : R);
                 a(z);
               },
-              value: x.type,
+              value: _.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: et.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              b,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  q(x, _);
+                  E(_, j);
                 }
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              b,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (y) => {
-                  p(y, x);
+                onClick: (N) => {
+                  p(N, _);
                 }
               }
             ) }),
             s && /* @__PURE__ */ t.jsx("div", { className: et.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              b,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const y = i.filter((M) => M.id !== x.id);
-                  a(y);
+                  const N = i.filter((M) => M.id !== _.id);
+                  a(N);
                 },
                 width: 20,
                 height: 20,
@@ -1080,7 +1081,7 @@ const $n = (r) => {
           ] })
         ]
       },
-      x.id
+      _.id
     )),
     u && /* @__PURE__ */ t.jsx(
       Ot,
@@ -1088,7 +1089,7 @@ const $n = (r) => {
         ref: o,
         activeButton: u,
         setActiveButton: g,
-        popupPosition: f,
+        popupPosition: x,
         editableLink: c
       }
     ),
@@ -1107,10 +1108,10 @@ const $n = (r) => {
             className: et.button,
             size: "s",
             onClick: () => {
-              const x = [...i];
-              c ? x.push({
+              const _ = [...i];
+              c ? _.push({
                 type: "Primary",
-                id: Z(),
+                id: J(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -1118,9 +1119,9 @@ const $n = (r) => {
                 destination: "Go to Page",
                 page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }) : x.push({
+              }) : _.push({
                 type: "Primary",
-                id: Z(),
+                id: J(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -1128,7 +1129,7 @@ const $n = (r) => {
                 destination: "Go to Page",
                 page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }), a(x);
+              }), a(_);
             },
             style: {
               width: "fit-content"
@@ -1136,7 +1137,7 @@ const $n = (r) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: et.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: "Plus",
                   width: 16,
@@ -1149,7 +1150,7 @@ const $n = (r) => {
       }
     )
   ] });
-}, qn = (r) => {
+}, An = (r) => {
   const {
     isActiveButtons: i,
     setIsActiveButtons: a,
@@ -1185,7 +1186,7 @@ const $n = (r) => {
 function Te(r) {
   const { product: i, children: a } = r, { attributes: s, listeners: e, setNodeRef: c, transform: d, transition: u, isDragging: g } = _t({
     id: String(i.listingId)
-  }), f = {
+  }), x = {
     transform: jt.Transform.toString(d),
     transition: u
   };
@@ -1193,15 +1194,15 @@ function Te(r) {
     "div",
     {
       ref: c,
-      style: f,
-      className: `${X.product} ${g ? X.dragging : ""}`,
+      style: x,
+      className: `${W.product} ${g ? W.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const On = (r) => {
+const En = (r) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
@@ -1211,21 +1212,21 @@ const On = (r) => {
     title: d,
     subtitle: u,
     editable: g = !0,
-    draggable: f = !1,
+    draggable: x = !1,
     withImage: P = !1,
-    deletable: j = !0,
+    deletable: v = !0,
     addable: n = !0,
     itemsType: o,
     itemsOptions: p,
-    limit: q,
-    aspectRatio: x,
-    setAspectRatio: _
-  } = r, [y, M] = m.useState(
+    limit: E,
+    aspectRatio: _,
+    setAspectRatio: j
+  } = r, [N, M] = m.useState(
     null
   ), [z, R] = m.useState({
     top: 0,
     left: 0
-  }), [I, H] = m.useState(!1), h = ht(
+  }), [K, f] = m.useState(!1), h = ht(
     pt(mt, {
       activationConstraint: {
         distance: 5
@@ -1233,39 +1234,39 @@ const On = (r) => {
     })
   );
   m.useEffect(() => {
-    const b = () => {
-      M(null), H(!1);
+    const y = () => {
+      M(null), f(!1);
     };
-    return document.body.addEventListener("click", b), M(null), H(!1), () => {
-      M(null), H(!1), document.body.removeEventListener("click", b);
+    return document.body.addEventListener("click", y), M(null), f(!1), () => {
+      M(null), f(!1), document.body.removeEventListener("click", y);
     };
   }, []), m.useEffect(() => {
-    if (y) {
-      const b = [...s].map((A) => A.listingId === y.listingId ? y : A);
-      e(b);
+    if (N) {
+      const y = [...s].map((O) => O.listingId === N.listingId ? N : O);
+      e(y);
     }
-  }, [y]);
-  const S = (b, A) => {
-    b.stopPropagation();
-    const U = b.target.getBoundingClientRect(), l = 100, $ = window.innerHeight;
-    let C = U.top + window.scrollY;
-    C + l > $ && (C = $ - l - 20), H(!0), R({
-      top: C - 80,
-      left: U.left - 30
-    }), M(A);
+  }, [N]);
+  const C = (y, O) => {
+    y.stopPropagation();
+    const H = y.target.getBoundingClientRect(), l = 100, B = window.innerHeight;
+    let S = H.top + window.scrollY;
+    S + l > B && (S = B - l - 20), f(!0), R({
+      top: S - 80,
+      left: H.left - 30
+    }), M(O);
   };
-  function k(b) {
+  function k(y) {
     if (P)
-      return b ? /* @__PURE__ */ t.jsx(
+      return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${b}/w=1000`,
+          src: `https://imagedelivery.net/${y}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -1274,21 +1275,21 @@ const On = (r) => {
         }
       );
   }
-  const N = (b) => {
-    const { active: A, over: U } = b;
-    if (U && A.id !== U.id) {
-      const l = s.findIndex((C) => String(C.listingId) === A.id), $ = s.findIndex((C) => String(C.listingId) === U.id);
-      if (l !== -1 && $ !== -1) {
-        const C = [...s], [E] = C.splice(l, 1);
-        C.splice($, 0, E), e(C);
+  const T = (y) => {
+    const { active: O, over: H } = y;
+    if (H && O.id !== H.id) {
+      const l = s.findIndex((S) => String(S.listingId) === O.id), B = s.findIndex((S) => String(S.listingId) === H.id);
+      if (l !== -1 && B !== -1) {
+        const S = [...s], [A] = S.splice(l, 1);
+        S.splice(B, 0, A), e(S);
       }
     }
-  }, B = (b) => {
-    const A = p.find((l) => b.listingId === l.id);
-    if (!A) return null;
-    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+  }, I = (y) => {
+    const O = p.find((l) => y.listingId === l.id);
+    if (!O) return null;
+    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1300,106 +1301,106 @@ const On = (r) => {
         nt,
         {
           onChange: (l) => {
-            const $ = [...s], C = p.find((L) => L.productData.name === l);
-            if (!C) return;
-            const E = {
-              listingId: C.id,
-              image: C.productData.images.length > 0 ? C.productData.images[0].cfId : ""
-            }, tt = $.map((L) => L.listingId === b.listingId ? E : L);
-            M(E), e([...tt]);
+            const B = [...s], S = p.find((L) => L.productData.name === l);
+            if (!S) return;
+            const A = {
+              listingId: S.id,
+              image: S.productData.images.length > 0 ? S.productData.images[0].cfId : ""
+            }, tt = B.map((L) => L.listingId === y.listingId ? A : L);
+            M(A), e([...tt]);
           },
-          value: A.productData.name,
+          value: O.productData.name,
           options: [
-            ...p.filter((l) => !s.find(($) => $.listingId === l.id)).map((l) => l.productData.name)
+            ...p.filter((l) => !s.find((B) => B.listingId === l.id)).map((l) => l.productData.name)
           ],
           leftAddonOptions: p.map((l) => {
-            var $;
+            var B;
             return {
               value: l.productData.name,
-              addon: k((($ = l.productData.images[0]) == null ? void 0 : $.cfId) || "")
+              addon: k(((B = l.productData.images[0]) == null ? void 0 : B.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: X.buttons, children: [
-        g && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+      /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
+        g && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (l) => S(l, b)
+            onClick: (l) => C(l, y)
           }
         ) }),
-        j && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        v && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((l) => l !== b))
+            onClick: () => e(s.filter((l) => l !== y))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
+    return x ? /* @__PURE__ */ t.jsx(
       Te,
       {
-        product: b,
-        children: U
+        product: y,
+        children: H
       },
-      b.listingId
+      y.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: X.product,
-        children: U
+        className: W.product,
+        children: H
       },
-      b.listingId
+      y.listingId
     );
-  }, O = m.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: d }),
+  }, q = m.useRef(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         rt,
         {
           current: i,
-          onChange: (b) => a == null ? void 0 : a(b)
+          onChange: (y) => a == null ? void 0 : a(y)
         }
       )
     ] }),
-    I && y && /* @__PURE__ */ t.jsx(
+    K && N && /* @__PURE__ */ t.jsx(
       At,
       {
-        ref: O,
-        activeItem: y,
+        ref: q,
+        activeItem: N,
         setActiveItem: M,
-        setIsOpenModal: H,
+        setIsOpenModal: f,
         popupPosition: z,
         itemsOptions: p
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: u }),
-      f ? /* @__PURE__ */ t.jsx(
+    i && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: u }),
+      x ? /* @__PURE__ */ t.jsx(
         gt,
         {
           sensors: h,
-          onDragEnd: N,
+          onDragEnd: T,
           children: /* @__PURE__ */ t.jsx(
             ft,
             {
-              items: s.map((b) => String(b.listingId)),
+              items: s.map((y) => String(y.listingId)),
               strategy: xt,
-              children: s.map((b) => B(b))
+              children: s.map((y) => I(y))
             }
           )
         }
-      ) : s.map((b) => B(b)),
+      ) : s.map((y) => I(y)),
       n && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1412,28 +1413,28 @@ const On = (r) => {
             lt,
             {
               withoutHover: !0,
-              className: X.button,
+              className: W.button,
               size: "s",
               onClick: () => {
-                const b = [...s];
-                for (let A = 0; A < p.length; A++)
-                  if (!s.find((U) => U.listingId === p[A].id)) {
-                    b.push({
-                      listingId: p[A].id,
-                      image: p[A].productData.images.length > 0 ? p[A].productData.images[0].cfId : ""
+                const y = [...s];
+                for (let O = 0; O < p.length; O++)
+                  if (!s.find((H) => H.listingId === p[O].id)) {
+                    y.push({
+                      listingId: p[O].id,
+                      image: p[O].productData.images.length > 0 ? p[O].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                e(b);
+                e(y);
               },
-              disabled: s.length === (q || p.length),
+              disabled: s.length === (E || p.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -1446,12 +1447,12 @@ const On = (r) => {
         }
       )
     ] }),
-    x && _ && /* @__PURE__ */ t.jsx(
+    _ && j && /* @__PURE__ */ t.jsx(
       nt,
       {
-        value: x,
+        value: _,
         options: Object.keys(Pt),
-        onChange: (b) => _(b),
+        onChange: (y) => j(y),
         leftAddonOptions: wt
       }
     ),
@@ -1463,135 +1464,149 @@ const On = (r) => {
       }
     )
   ] });
-}, $e = "_options_167h8_1", qe = "_price_167h8_18", Oe = "_oldPrice_167h8_25", Ae = "_newPrice_167h8_33", Ee = "_animate_167h8_40", De = "_meta_167h8_58", Re = "_info_167h8_64", Le = "_infoRight_167h8_73", ze = "_buttons_167h8_80", He = "_variants_167h8_87", Ue = "_variant_167h8_87", Fe = "_stock_167h8_105", Ve = "_variantInfo_167h8_112", Ye = "_quantity_167h8_119", Ge = "_button_167h8_80", We = "_activeVariant_167h8_165", Xe = "_chargeTypes_167h8_169", Qe = "_charge_167h8_169", Je = "_chargeActive_167h8_194", Ke = "_title_167h8_202", T = {
-  options: $e,
-  price: qe,
-  oldPrice: Oe,
-  newPrice: Ae,
-  animate: Ee,
-  meta: De,
-  info: Re,
-  infoRight: Le,
-  buttons: ze,
-  variants: He,
-  variant: Ue,
-  stock: Fe,
-  variantInfo: Ve,
-  quantity: Ye,
-  button: Ge,
-  activeVariant: We,
-  chargeTypes: Xe,
-  charge: Qe,
-  chargeActive: Je,
-  title: Ke
+}, qe = "_options_167h8_1", Oe = "_price_167h8_18", Ae = "_oldPrice_167h8_25", Ee = "_newPrice_167h8_33", De = "_animate_167h8_40", Re = "_meta_167h8_58", Le = "_info_167h8_64", ze = "_infoRight_167h8_73", He = "_buttons_167h8_80", Ue = "_variants_167h8_87", Fe = "_variant_167h8_87", Ve = "_stock_167h8_105", Ye = "_variantInfo_167h8_112", Ge = "_quantity_167h8_119", We = "_button_167h8_80", Xe = "_activeVariant_167h8_165", Qe = "_chargeTypes_167h8_169", Je = "_charge_167h8_169", Ke = "_chargeActive_167h8_194", Ze = "_title_167h8_202", $ = {
+  options: qe,
+  price: Oe,
+  oldPrice: Ae,
+  newPrice: Ee,
+  animate: De,
+  meta: Re,
+  info: Le,
+  infoRight: ze,
+  buttons: He,
+  variants: Ue,
+  variant: Fe,
+  stock: Ve,
+  variantInfo: Ye,
+  quantity: Ge,
+  button: We,
+  activeVariant: Xe,
+  chargeTypes: Qe,
+  charge: Je,
+  chargeActive: Ke,
+  title: Ze
 };
 var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
-const Ze = (r) => {
-  var z, R;
+const ts = (r) => {
+  var R, K;
   const { product: i, setIsOpen: a } = r, { variants: s } = i, [e, c] = m.useState(s[0]), [d, u] = m.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: g, setNotifications: f } = Ct(), P = bt(), [j, n] = m.useState(1), { reset: o, addProductToCart: p } = at(), [q, x] = m.useState(!1);
+  ), { notifications: g, setNotifications: x } = Ct(), P = bt(), [v, n] = m.useState(1), { cart: o, reset: p, addProductToCart: E } = at(), [_, j] = m.useState(!1);
   m.useEffect(() => {
-    x(!0);
-    const I = setTimeout(() => x(!1), 600);
-    return () => clearTimeout(I);
-  }, [j]);
-  async function _() {
-    await p({
-      productId: i.id,
-      productVariantId: e.id,
-      quantity: j
-    }), a == null || a(!1), f([
-      ...g,
-      {
-        id: Z(),
-        message: "Product added to cart",
-        status: "success"
-      }
-    ]);
+    j(!0);
+    const f = setTimeout(() => j(!1), 600);
+    return () => clearTimeout(f);
+  }, [v]);
+  async function N() {
+    try {
+      await E({
+        productId: i.id,
+        productVariantId: e.id,
+        quantity: v
+      }), x([
+        ...g,
+        {
+          id: J(),
+          message: "Product added to cart",
+          status: "success"
+        }
+      ]);
+    } catch (f) {
+      x([
+        ...g,
+        {
+          id: J(),
+          message: `Product failed to add to cart: ${f}`,
+          status: "error"
+        }
+      ]);
+    }
+    a == null || a(!1);
   }
-  function y() {
-    o(), _(), P("/checkout");
+  function M() {
+    p(), N(), P("/checkout");
   }
-  function M(I) {
-    if (I >= 864e5) {
-      const N = Math.floor(I / 864e5);
-      return `${N} ${N === 1 ? "day" : "days"}`;
-    } else if (I >= 36e5) {
-      const N = Math.floor(I / 36e5);
-      return `${N} ${N === 1 ? "hour" : "hours"}`;
-    } else if (I >= 6e4) {
-      const N = Math.floor(I / 6e4);
-      return `${N} ${N === 1 ? "minute" : "minutes"}`;
+  function z(f) {
+    if (f >= 864e5) {
+      const I = Math.floor(f / 864e5);
+      return `${I} ${I === 1 ? "day" : "days"}`;
+    } else if (f >= 36e5) {
+      const I = Math.floor(f / 36e5);
+      return `${I} ${I === 1 ? "hour" : "hours"}`;
+    } else if (f >= 6e4) {
+      const I = Math.floor(f / 6e4);
+      return `${I} ${I === 1 ? "minute" : "minutes"}`;
     } else {
-      const N = Math.floor(I / 1e3);
-      return `${N} ${N === 1 ? "second" : "seconds"}`;
+      const I = Math.floor(f / 1e3);
+      return `${I} ${I === 1 ? "second" : "seconds"}`;
     }
   }
   return m.useEffect(() => {
     e.quantity && e.quantity.available === 0 ? n(0) : n(1);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: T.chargeTypes, children: e.chargeTypes.map((I) => /* @__PURE__ */ t.jsx(
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: $.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: $.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(T.charge, {
-          [T.chargeActive]: d === I
+        className: U($.charge, {
+          [$.chargeActive]: d === f
         }),
-        onClick: () => u(I),
-        children: St[I]
+        onClick: () => u(f),
+        children: St[f]
       },
-      I
+      f
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: T.variants, children: s.map((I) => {
-      var H, h;
+    /* @__PURE__ */ t.jsx("div", { className: $.variants, children: s.map((f) => {
+      var h, C;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(T.variant, {
-            [T.activeVariant]: e.id === I.id
+          className: U($.variant, {
+            [$.activeVariant]: e.id === f.id
           }),
-          onClick: () => c(I),
+          onClick: () => c(f),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: T.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: T.title, children: it(I.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: $.title, children: it(f.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                d === "ONE_TIME" ? I.price.amount : I.subscriptionSettings ? I.subscriptionSettings.price.amount : "Price Not Found"
+                d === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: T.stock, children: [
-              (H = I.quantity.restrictions) != null && H.max || I.quantity.available !== void 0 ? ((h = I.quantity.restrictions) == null ? void 0 : h.max) || I.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: $.stock, children: [
+              (h = f.quantity.restrictions) != null && h.max || f.quantity.available !== void 0 ? ((C = f.quantity.restrictions) == null ? void 0 : C.max) || f.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        I.id
+        f.id
       );
     }) }),
-    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: T.quantity, children: [
+    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
       /* @__PURE__ */ t.jsx(
         D,
         {
           type: "Secondary",
           onClick: () => {
-            j > 1 ? n((I) => I - 1) : n(1);
+            v > 1 ? n((f) => f - 1) : n(1);
           },
-          className: T.button,
-          disabled: e.quantity.available && e.quantity.restrictions && j <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
+          className: $.button,
+          disabled: e.quantity.available && e.quantity.restrictions && v <= e.quantity.restrictions.min || e.quantity.available === 0,
+          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
         Et,
         {
           type: "number",
-          value: String(j),
-          onChange: (I) => n(Number(I)),
-          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
+          value: String(v),
+          onChange: (f) => {
+            e.quantity.available && Number(f) > e.quantity.available ? n(e.quantity.available) : n(Number(f));
+          },
+          max: ((R = e.quantity.restrictions) == null ? void 0 : R.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          min: ((K = e.quantity.restrictions) == null ? void 0 : K.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && j >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && v >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1599,20 +1614,20 @@ const Ze = (r) => {
         {
           type: "Secondary",
           onClick: () => {
-            n((I) => I + 1);
+            n((f) => f + 1);
           },
-          className: T.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && j >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
+          className: $.button,
+          disabled: !!(e.quantity.available && e.quantity.restrictions && v >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && v >= e.quantity.available),
+          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: T.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: $.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: T.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: $.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "Lightning",
               fill: "var(--text-action)",
@@ -1620,44 +1635,44 @@ const Ze = (r) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : M(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : z(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: T.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: $.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
             "$ ",
-            (e.price.amount || 0) * j
+            (e.price.amount || 0) * v
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * j
+            (e.compareAtPrice.amount || 0) * v
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
           "$ ",
-          (e.price.amount || 0) * j
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
+          (e.price.amount || 0) * v
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(T.newPrice, { [T.animate]: q }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U($.newPrice, { [$.animate]: _ }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
       /* @__PURE__ */ t.jsx(
         D,
         {
           type: "Primary",
-          onClick: () => y(),
+          onClick: () => M(),
           disabled: e.quantity && e.quantity.available === 0,
           children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
@@ -1666,51 +1681,53 @@ const Ze = (r) => {
         D,
         {
           type: "Secondary",
-          onClick: () => _(),
+          onClick: () => N(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: "Add to Cart"
+          children: o.parts.some(
+            (f) => f.productId === i.id && f.productVariantId === e.id
+          ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, ts = "_buttons_qns27_23", es = "_modal_qns27_32", ss = "_closing_qns27_64", ns = "_info_qns27_113", is = "_top_qns27_120", as = "_title_qns27_131", os = "_clear_qns27_138", cs = "_activeClear_qns27_145", rs = "_count_qns27_149", ls = "_cart_qns27_164", ds = "_empty_qns27_172", us = "_product_qns27_198", hs = "_products_qns27_207", ps = "_image_qns27_215", ms = "_productInfo_qns27_231", gs = "_content_qns27_238", fs = "_name_qns27_244", xs = "_price_qns27_250", _s = "_productButtons_qns27_256", js = "_productButton_qns27_256", vs = "_productCount_qns27_273", bs = "_bottom_qns27_290", ys = "_subtotal_qns27_298", Is = "_block_qns27_306", Ns = "_shoppingCount_qns27_313", Cs = "_total_qns27_333", Ss = "_link_qns27_339", ks = "_userInfo_qns27_346", ws = "_pagesMobileModal_qns27_358", Ps = "_pagesMobileModalContent_qns27_372", Ms = "_pagesMobileModalHeader_qns27_378", Bs = "_pagesMobileModalFooter_qns27_388", w = {
-  buttons: ts,
-  modal: es,
-  closing: ss,
-  info: ns,
-  top: is,
-  title: as,
-  clear: os,
-  activeClear: cs,
-  count: rs,
-  cart: ls,
-  empty: ds,
-  product: us,
-  products: hs,
-  image: ps,
-  productInfo: ms,
-  content: gs,
-  name: fs,
-  price: xs,
-  productButtons: _s,
-  productButton: js,
-  productCount: vs,
-  bottom: bs,
-  subtotal: ys,
-  block: Is,
-  shoppingCount: Ns,
-  total: Cs,
-  link: Ss,
-  userInfo: ks,
-  pagesMobileModal: ws,
-  pagesMobileModalContent: Ps,
-  pagesMobileModalHeader: Ms,
+}, es = "_buttons_qns27_23", ss = "_modal_qns27_32", ns = "_closing_qns27_64", is = "_info_qns27_113", as = "_top_qns27_120", os = "_title_qns27_131", cs = "_clear_qns27_138", rs = "_activeClear_qns27_145", ls = "_count_qns27_149", ds = "_cart_qns27_164", us = "_empty_qns27_172", hs = "_product_qns27_198", ps = "_products_qns27_207", ms = "_image_qns27_215", gs = "_productInfo_qns27_231", fs = "_content_qns27_238", xs = "_name_qns27_244", _s = "_price_qns27_250", js = "_productButtons_qns27_256", vs = "_productButton_qns27_256", bs = "_productCount_qns27_273", ys = "_bottom_qns27_290", Is = "_subtotal_qns27_298", Ns = "_block_qns27_306", Cs = "_shoppingCount_qns27_313", Ss = "_total_qns27_333", ks = "_link_qns27_339", ws = "_userInfo_qns27_346", Ps = "_pagesMobileModal_qns27_358", Ms = "_pagesMobileModalContent_qns27_372", $s = "_pagesMobileModalHeader_qns27_378", Bs = "_pagesMobileModalFooter_qns27_388", w = {
+  buttons: es,
+  modal: ss,
+  closing: ns,
+  info: is,
+  top: as,
+  title: os,
+  clear: cs,
+  activeClear: rs,
+  count: ls,
+  cart: ds,
+  empty: us,
+  product: hs,
+  products: ps,
+  image: ms,
+  productInfo: gs,
+  content: fs,
+  name: xs,
+  price: _s,
+  productButtons: js,
+  productButton: vs,
+  productCount: bs,
+  bottom: ys,
+  subtotal: Is,
+  block: Ns,
+  shoppingCount: Cs,
+  total: Ss,
+  link: ks,
+  userInfo: ws,
+  pagesMobileModal: Ps,
+  pagesMobileModalContent: Ms,
+  pagesMobileModalHeader: $s,
   pagesMobileModalFooter: Bs
-}, An = (r) => {
+}, Dn = (r) => {
   const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
     i && /* @__PURE__ */ t.jsx(Ts, {}),
-    s && /* @__PURE__ */ t.jsx(Tt, { signUp: a })
+    s && /* @__PURE__ */ t.jsx(Bt, { signUp: a })
   ] });
 }, Ts = () => {
   const [r, i] = m.useState(!1), [a, s] = m.useState([]), { cart: e, products: c } = at();
@@ -1731,19 +1748,19 @@ const Ze = (r) => {
   }
   m.useEffect(() => {
     (async () => {
-      const o = e.parts.map((x) => String(x.productId)), q = (c.filter((x) => o.includes(String(x.id))) || []).map((x) => ({
-        ...x,
-        activeVariantId: d(x),
-        quantity: u(x)
+      const o = e.parts.map((_) => String(_.productId)), E = (c.filter((_) => o.includes(String(_.id))) || []).map((_) => ({
+        ..._,
+        activeVariantId: d(_),
+        quantity: u(_)
       }));
-      s(q);
+      s(E);
     })();
   }, [e.parts]);
   function g(n) {
     var o;
     return !n || !(n != null && n.variants) ? !1 : (o = n.variants.find((p) => p.id === n.activeVariantId)) == null ? void 0 : o.subscriptionSettings;
   }
-  const f = e.parts.length > 0 && a.length > 0 && !g(a[0]), [P, j] = m.useState(!1);
+  const x = e.parts.length > 0 && a.length > 0 && !g(a[0]), [P, v] = m.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       D,
@@ -1754,16 +1771,16 @@ const Ze = (r) => {
           position: "relative"
         },
         onClick: (n) => {
-          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), j(!0));
+          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), v(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "Handbag"
             }
           ),
-          f && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
+          x && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
         ]
       }
     ),
@@ -1771,25 +1788,25 @@ const Ze = (r) => {
       dt,
       {
         close: () => {
-          j(!1), setTimeout(() => {
+          v(!1), setTimeout(() => {
             i(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          $s,
+          qs,
           {
             activeProducts: a,
-            isCartNotEmpty: f,
+            isCartNotEmpty: x,
             isOpen: P
           }
         )
       }
     )
   ] });
-}, $s = (r) => {
+}, qs = (r) => {
   const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = r, { cart: e, reset: c, getTotalAndDiscount: d, updateQuantityOfProduct: u } = at(), g = bt();
-  function f(n) {
+  function x(n) {
     g(n);
   }
   function P(n) {
@@ -1799,7 +1816,7 @@ const Ze = (r) => {
       quantity: n.quantity + 1
     });
   }
-  function j(n) {
+  function v(n) {
     n.quantity && u({
       productId: n.id,
       productVariantId: n.activeVariantId,
@@ -1809,7 +1826,7 @@ const Ze = (r) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: F(w.modal, {
+      className: U(w.modal, {
         [w.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
@@ -1822,7 +1839,7 @@ const Ze = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: F(w.clear, {
+              className: U(w.clear, {
                 [w.activeClear]: a
               }),
               disabled: !a,
@@ -1848,7 +1865,7 @@ const Ze = (r) => {
                       className: w.image
                     }
                   ) : /* @__PURE__ */ t.jsx("div", { className: w.image, children: /* @__PURE__ */ t.jsx(
-                    v,
+                    b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
@@ -1868,12 +1885,12 @@ const Ze = (r) => {
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && j(n);
+                        n.quantity !== 1 && v(n);
                       },
                       className: w.productButton,
                       disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        b,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1892,7 +1909,7 @@ const Ze = (r) => {
                       className: w.productButton,
                       disabled: n.quantity === n.variants.find((o) => o.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        b,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1912,7 +1929,7 @@ const Ze = (r) => {
               /* @__PURE__ */ t.jsxs("div", { className: w.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Info",
                     width: 20,
@@ -1926,15 +1943,15 @@ const Ze = (r) => {
                 d().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(D, { onClick: () => f("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(D, { onClick: () => x("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(qs, {})
+        ] }) : /* @__PURE__ */ t.jsx(Os, {})
       ]
     }
   );
-}, qs = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
+}, Os = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    v,
+    b,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -1953,58 +1970,57 @@ const Ze = (r) => {
       }
     )
   ] })
-] }), Tt = ({ signUp: r, close: i }) => {
-  const a = localStorage.getItem("token"), s = bt();
-  function e(u) {
+] }), Bt = ({ signUp: r, close: i }) => {
+  const { token: a } = Dt(), s = bt(), [e, c] = m.useState("test-email@gmail.com");
+  m.useEffect(() => {
+    a && (async () => {
+      if (!a) return;
+      const g = Rt(a);
+      c(g.email);
+    })();
+  }, [a]);
+  function d(u) {
     window.location.pathname.includes("/admin/builder") || s(u);
   }
-  if (!a)
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        D,
-        {
-          onClick: () => {
-            e("/customer-dash"), i == null || i();
-          },
-          type: "Secondary",
-          style: {
-            padding: 10
-          },
-          children: "Login"
-        }
-      ),
-      r && /* @__PURE__ */ t.jsx(
-        D,
-        {
-          onClick: () => {
-            e("/customer-dash"), i == null || i();
-          },
-          type: "Primary",
-          style: {
-            padding: 10,
-            whiteSpace: "nowrap"
-          },
-          children: "Sign Up"
-        }
-      )
-    ] });
-  const [c, d] = m.useState("test-email@gmail.com");
-  return m.useEffect(() => {
-    (async () => {
-      const g = Dt(a);
-      d(g.email);
-    })();
-  }, [a]), /* @__PURE__ */ t.jsx(
+  return a ? /* @__PURE__ */ t.jsx(
     "div",
     {
       className: w.userInfo,
       onClick: () => {
-        e("/customer-dash"), i == null || i();
+        d("/customer-dash"), i == null || i();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: e || "test-email@gmail.com" })
     }
-  );
-}, Os = ({
+  ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      D,
+      {
+        onClick: () => {
+          d("/customer-dash"), i == null || i();
+        },
+        type: "Secondary",
+        style: {
+          padding: 10
+        },
+        children: "Login"
+      }
+    ),
+    r && /* @__PURE__ */ t.jsx(
+      D,
+      {
+        onClick: () => {
+          d("/customer-dash"), i == null || i();
+        },
+        type: "Primary",
+        style: {
+          padding: 10,
+          whiteSpace: "nowrap"
+        },
+        children: "Sign Up"
+      }
+    )
+  ] });
+}, As = ({
   children: r,
   logo: i,
   setIsOpen: a,
@@ -2028,13 +2044,13 @@ const Ze = (r) => {
             {
               type: "Secondary",
               onClick: c,
-              children: /* @__PURE__ */ t.jsx(v, { name: "X" })
+              children: /* @__PURE__ */ t.jsx(b, { name: "X" })
             }
           )
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: r }),
         /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Tt,
+          Bt,
           {
             signUp: s,
             close: c
@@ -2043,21 +2059,21 @@ const Ze = (r) => {
       ]
     }
   );
-}, En = ({
+}, Rn = ({
   children: r,
   logo: i,
   signUp: a
 }) => {
   const [s, e] = m.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(As, { setIsOpenModal: e }),
+    /* @__PURE__ */ t.jsx(Es, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
       dt,
       {
         close: () => e(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          Os,
+          As,
           {
             logo: i,
             setIsOpen: e,
@@ -2068,7 +2084,7 @@ const Ze = (r) => {
       }
     )
   ] });
-}, As = (r) => {
+}, Es = (r) => {
   const { setIsOpenModal: i } = r;
   return /* @__PURE__ */ t.jsx(
     D,
@@ -2080,19 +2096,19 @@ const Ze = (r) => {
       onClick: (a) => {
         a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
-      children: /* @__PURE__ */ t.jsx(v, { name: "List" })
+      children: /* @__PURE__ */ t.jsx(b, { name: "List" })
     }
   );
-}, Es = "_share_rlgln_1", Ds = "_modal_rlgln_8", Rs = "_header_rlgln_20", Ls = "_title_rlgln_46", zs = "_copyWrapper_rlgln_52", Hs = "_copyText_rlgln_61", Us = "_copyTextMobile_rlgln_74", Fs = "_copyTextMiniMobile_rlgln_93", st = {
-  share: Es,
-  modal: Ds,
-  header: Rs,
-  title: Ls,
-  copyWrapper: zs,
-  copyText: Hs,
-  copyTextMobile: Us,
-  copyTextMiniMobile: Fs
-}, Dn = ({ title: r = "Copy Product Link" }) => {
+}, Ds = "_share_rlgln_1", Rs = "_modal_rlgln_8", Ls = "_header_rlgln_20", zs = "_title_rlgln_46", Hs = "_copyWrapper_rlgln_52", Us = "_copyText_rlgln_61", Fs = "_copyTextMobile_rlgln_74", Vs = "_copyTextMiniMobile_rlgln_93", st = {
+  share: Ds,
+  modal: Rs,
+  header: Ls,
+  title: zs,
+  copyWrapper: Hs,
+  copyText: Us,
+  copyTextMobile: Fs,
+  copyTextMiniMobile: Vs
+}, Ln = ({ title: r = "Copy Product Link" }) => {
   const { isOpenModal: i, setIsOpenModal: a } = Mt();
   function s() {
     a(!0);
@@ -2107,7 +2123,7 @@ const Ze = (r) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          v,
+          b,
           {
             name: "Share",
             fill: "#757575",
@@ -2116,15 +2132,15 @@ const Ze = (r) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(dt, { close: a, children: /* @__PURE__ */ t.jsx(Vs, { title: r }) })
+    i && /* @__PURE__ */ t.jsx(dt, { close: a, children: /* @__PURE__ */ t.jsx(Ys, { title: r }) })
   ] });
-}, Vs = ({ title: r = "Copy Product Link" }) => {
+}, Ys = ({ title: r = "Copy Product Link" }) => {
   const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } = Ct(), { setIsOpen: e } = ot(), c = window.location.href;
   function d() {
     navigator.clipboard.writeText(c), s([
       ...a,
       {
-        id: Z(),
+        id: J(),
         message: "Link copied to clipboard",
         status: "success"
       }
@@ -2135,19 +2151,19 @@ const Ze = (r) => {
       i(!1), e(!0);
     }, 300);
   }
-  function g(f, P) {
-    return f.length > P ? f.slice(0, P) + "..." : f;
+  function g(x, P) {
+    return x.length > P ? x.slice(0, P) + "..." : x;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: st.modal,
-      onClick: (f) => f.stopPropagation(),
+      onClick: (x) => x.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: st.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: st.title, children: r }),
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "X",
               fill: "#757575",
@@ -2178,21 +2194,21 @@ const Ze = (r) => {
               type: "Secondary",
               onClick: d,
               children: a.find(
-                (f) => f.message === "Link copied to clipboard"
-              ) ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
+                (x) => x.message === "Link copied to clipboard"
+              ) ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Ys = "_accordion_1s1lq_1", Gs = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Xs = "_open_1s1lq_21", Qs = "_content_1s1lq_25", ct = {
-  accordion: Ys,
-  header: Gs,
-  icon: Ws,
-  open: Xs,
-  content: Qs
-}, Rn = ({ title: r, content: i, defaultOpen: a = !1 }) => {
+}, Gs = "_accordion_1s1lq_1", Ws = "_header_1s1lq_9", Xs = "_icon_1s1lq_18", Qs = "_open_1s1lq_21", Js = "_content_1s1lq_25", ct = {
+  accordion: Gs,
+  header: Ws,
+  icon: Xs,
+  open: Qs,
+  content: Js
+}, zn = ({ title: r, content: i, defaultOpen: a = !1 }) => {
   const [s, e] = m.useState(a), [c, d] = m.useState(0), u = m.useRef(null), g = () => {
     e(!s);
   };
@@ -2206,7 +2222,7 @@ const Ze = (r) => {
         onClick: g,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
-          /* @__PURE__ */ t.jsx("div", { className: F(ct.icon, { [ct.open]: s }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: U(ct.icon, { [ct.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2220,7 +2236,7 @@ const Ze = (r) => {
       }
     )
   ] });
-}, Js = ({ children: r, path: i, className: a, target: s = "_self", id: e }) => {
+}, Ks = ({ children: r, path: i, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2246,24 +2262,24 @@ const Ze = (r) => {
       children: r
     }
   );
-}, Ks = "_buttonsBlock_1b2rb_1", Zs = {
-  buttonsBlock: Ks
-}, Ln = (r) => {
-  var f, P;
-  const { setIsOpen: i, setModalType: a, productId: s } = r, { cart: e } = at(), { pageContext: c } = vt(), d = (f = c == null ? void 0 : c.listings) == null ? void 0 : f.find((j) => j.id === s);
+}, Zs = "_buttonsBlock_1b2rb_1", tn = {
+  buttonsBlock: Zs
+}, Hn = (r) => {
+  var x, P;
+  const { setIsOpen: i, setModalType: a, productId: s } = r, { cart: e } = at(), { pageContext: c } = vt(), d = (x = c == null ? void 0 : c.listings) == null ? void 0 : x.find((v) => v.id === s);
   if (!d)
     return null;
   const u = (P = c == null ? void 0 : c.products) == null ? void 0 : P.find(
-    (j) => j.uniquePath === d.productData.uniquePath
+    (v) => v.uniquePath === d.productData.uniquePath
   );
   if (!u)
     return null;
-  const g = e.parts.find((j) => j.productId === u.id);
+  const g = e.parts.find((v) => v.productId === u.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Zs.buttonsBlock,
-      onClick: (j) => j.stopPropagation(),
+      className: tn.buttonsBlock,
+      onClick: (v) => v.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
           D,
@@ -2291,12 +2307,12 @@ const Ze = (r) => {
       ]
     }
   );
-}, tn = "_wrapper_27wzz_1", en = "_logo_27wzz_8", sn = "_info_27wzz_12", It = {
-  wrapper: tn,
-  logo: en,
-  info: sn
-}, zn = ({ date: r }) => {
-  const { general: i } = Rt();
+}, en = "_wrapper_27wzz_1", sn = "_logo_27wzz_8", nn = "_info_27wzz_12", It = {
+  wrapper: en,
+  logo: sn,
+  info: nn
+}, Un = ({ date: r }) => {
+  const { general: i } = Lt();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
     const e = new Date(s), c = {
@@ -2318,7 +2334,7 @@ const Ze = (r) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      v,
+      b,
       {
         name: "Image",
         width: 48,
@@ -2330,28 +2346,28 @@ const Ze = (r) => {
       /* @__PURE__ */ t.jsx("p", { id: "p", children: a(r) })
     ] })
   ] });
-}, nn = "_variants_puxd1_80", an = "_variant_puxd1_80", on = "_stock_puxd1_98", cn = "_variantInfo_puxd1_105", rn = "_chargeTypes_puxd1_165", ln = "_charge_puxd1_165", dn = "_chargeActive_puxd1_190", un = "_title_puxd1_198", hn = "_modal_puxd1_204", pn = "_header_puxd1_224", mn = "_productOptions_puxd1_232", gn = "_loading_puxd1_236", J = {
-  variants: nn,
-  variant: an,
-  stock: on,
-  variantInfo: cn,
-  chargeTypes: rn,
-  charge: ln,
-  chargeActive: dn,
-  title: un,
-  modal: hn,
-  header: pn,
-  productOptions: mn,
-  loading: gn
-}, Hn = (r) => {
+}, an = "_variants_puxd1_80", on = "_variant_puxd1_80", cn = "_stock_puxd1_98", rn = "_variantInfo_puxd1_105", ln = "_chargeTypes_puxd1_165", dn = "_charge_puxd1_165", un = "_chargeActive_puxd1_190", hn = "_title_puxd1_198", pn = "_modal_puxd1_204", mn = "_header_puxd1_224", gn = "_productOptions_puxd1_232", fn = "_loading_puxd1_236", Q = {
+  variants: an,
+  variant: on,
+  stock: cn,
+  variantInfo: rn,
+  chargeTypes: ln,
+  charge: dn,
+  chargeActive: un,
+  title: hn,
+  modal: pn,
+  header: mn,
+  productOptions: gn,
+  loading: fn
+}, Fn = (r) => {
   var n;
-  const { pageContext: i } = vt(), a = (n = i == null ? void 0 : i.listings) == null ? void 0 : n.find((o) => o.id === r.productId), [s, e] = m.useState(!0), [c, d] = m.useState(null), u = (c == null ? void 0 : c.variants[0]) || null, [g, f] = m.useState(
+  const { pageContext: i } = vt(), a = (n = i == null ? void 0 : i.listings) == null ? void 0 : n.find((o) => o.id === r.productId), [s, e] = m.useState(!0), [c, d] = m.useState(null), u = (c == null ? void 0 : c.variants[0]) || null, [g, x] = m.useState(
     u != null && u.chargeTypes && u.chargeTypes.length > 1 ? u.chargeTypes[0] : "ONE_TIME"
-  ), { addProducts: P } = at(), { setIsOpen: j } = ot();
+  ), { addProducts: P } = at(), { setIsOpen: v } = ot();
   return m.useEffect(() => {
     (async () => {
       e(!0);
-      const p = await Lt(
+      const p = await zt(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
@@ -2359,27 +2375,27 @@ const Ze = (r) => {
       P(p == null ? void 0 : p.data.products), d(p == null ? void 0 : p.data.products[0]), e(!1);
     })();
   }, []), m.useEffect(() => {
-    j(!0);
+    v(!0);
   }, []), /* @__PURE__ */ t.jsx(dt, { close: r.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: J.modal,
+      className: Q.modal,
       onClick: (o) => o.stopPropagation(),
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: J.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
+        s && /* @__PURE__ */ t.jsx("div", { className: Q.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
         r.type === "Add To Cart" && c && u && !s && /* @__PURE__ */ t.jsx(
-          fn,
+          xn,
           {
             variants: c.variants,
             activeVariant: u,
             activeChargeType: g,
-            setActiveChargeType: f,
+            setActiveChargeType: x,
             productId: c.id,
             setIsOpen: r.setIsOpen
           }
         ),
         r.type === "Buy Now" && c && !s && /* @__PURE__ */ t.jsx(
-          xn,
+          _n,
           {
             product: c,
             setIsOpen: r.setIsOpen
@@ -2388,101 +2404,101 @@ const Ze = (r) => {
       ]
     }
   ) });
-}, fn = (r) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: d } = r, { cart: u, addProductToCart: g, addProducts: f, updateQuantityOfProduct: P } = at(), { notifications: j, setNotifications: n } = Ct(), { pageContext: o } = vt(), { setIsOpen: p } = ot(), q = () => {
+}, xn = (r) => {
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: d } = r, { cart: u, addProductToCart: g, addProducts: x, updateQuantityOfProduct: P } = at(), { notifications: v, setNotifications: n } = Ct(), { pageContext: o } = vt(), { setIsOpen: p } = ot(), E = () => {
     p(!1), setTimeout(() => {
       d(!1);
     }, 300);
   };
-  async function x(_) {
-    const y = u.parts.find(
-      (M) => M.productId === r.productId && M.productVariantId === _
+  async function _(j) {
+    const N = u.parts.find(
+      (M) => M.productId === r.productId && M.productVariantId === j
     );
-    y ? P({
+    N ? P({
       productId: c,
-      productVariantId: _,
-      quantity: y.quantity + 1
-    }) : (o != null && o.products && await f(o.products), await g({
+      productVariantId: j,
+      quantity: N.quantity + 1
+    }) : (o != null && o.products && await x(o.products), await g({
       productId: c,
-      productVariantId: _,
+      productVariantId: j,
       quantity: 1
     })), n([
-      ...j,
+      ...v,
       {
-        id: Z(),
+        id: J(),
         message: "Product added to cart",
         status: "success"
       }
     ]);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "X",
           width: 24,
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: q
+          onClick: E
         }
       )
     ] }),
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: J.chargeTypes, children: e.chargeTypes.map((_) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: Q.chargeTypes, children: e.chargeTypes.map((j) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(J.charge, {
-          [J.chargeActive]: a === _
+        className: U(Q.charge, {
+          [Q.chargeActive]: a === j
         }),
-        onClick: () => s(_),
-        children: St[_]
+        onClick: () => s(j),
+        children: St[j]
       },
-      _
+      j
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: J.variants, children: i.map((_) => {
-      var y, M;
+    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: i.map((j) => {
+      var N, M;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(J.variant),
+          className: U(Q.variant),
           onClick: () => {
-            x(_.id), d(!1);
+            _(j.id), d(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: J.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: J.title, children: _.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: Q.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: Q.title, children: j.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                a === "ONE_TIME" ? _.price.amount : _.subscriptionSettings ? _.subscriptionSettings.price.amount : "Price Not Found"
+                a === "ONE_TIME" ? j.price.amount : j.subscriptionSettings ? j.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: J.stock, children: [
-              (y = _.quantity.restrictions) != null && y.max || _.quantity.available !== void 0 ? ((M = _.quantity.restrictions) == null ? void 0 : M.max) || _.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: Q.stock, children: [
+              (N = j.quantity.restrictions) != null && N.max || j.quantity.available !== void 0 ? ((M = j.quantity.restrictions) == null ? void 0 : M.max) || j.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        _.id
+        j.id
       );
     }) })
   ] });
-}, xn = (r) => {
+}, _n = (r) => {
   const { product: i, setIsOpen: a } = r, { setIsOpen: s } = ot(), e = () => {
     s(!1), setTimeout(() => {
       a(!1);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
         it(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "X",
           width: 24,
@@ -2497,38 +2513,38 @@ const Ze = (r) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: J.productOptions, children: /* @__PURE__ */ t.jsx(
-      Ze,
+    /* @__PURE__ */ t.jsx("div", { className: Q.productOptions, children: /* @__PURE__ */ t.jsx(
+      ts,
       {
         product: i,
         setIsOpen: a
       }
     ) })
   ] });
-}, _n = "_contentModal_2a136_1", jn = "_modalTop_2a136_13", vn = "_loading_2a136_19", bn = "_modalCards_2a136_27", yn = "_modalImage_2a136_32", In = "_card_2a136_37", Nn = "_cardInfo_2a136_48", Cn = "_cardButtons_2a136_55", Sn = "_title_2a136_61", kn = "_blockImage_2a136_68", W = {
-  contentModal: _n,
-  modalTop: jn,
-  loading: vn,
-  modalCards: bn,
-  modalImage: yn,
-  card: In,
-  cardInfo: Nn,
-  cardButtons: Cn,
-  title: Sn,
-  blockImage: kn
-}, Un = (r) => {
-  const { setIsOpen: i, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: c } = r, [d, u] = m.useState(null), [g, f] = m.useState(!0), { setIsOpen: P } = ot();
+}, jn = "_contentModal_2a136_1", vn = "_modalTop_2a136_13", bn = "_loading_2a136_19", yn = "_modalCards_2a136_27", In = "_modalImage_2a136_32", Nn = "_card_2a136_37", Cn = "_cardInfo_2a136_48", Sn = "_cardButtons_2a136_55", kn = "_title_2a136_61", wn = "_blockImage_2a136_68", G = {
+  contentModal: jn,
+  modalTop: vn,
+  loading: bn,
+  modalCards: yn,
+  modalImage: In,
+  card: Nn,
+  cardInfo: Cn,
+  cardButtons: Sn,
+  title: kn,
+  blockImage: wn
+}, Vn = (r) => {
+  const { setIsOpen: i, pageContext: a, groupData: s, setProductId: e, setIsProductModalOpen: c } = r, [d, u] = m.useState(null), [g, x] = m.useState(!0), { setIsOpen: P } = ot();
   m.useEffect(() => {
     var p;
-    f(!0);
+    x(!0);
     const o = (p = a.listings) == null ? void 0 : p.filter(
-      (q) => s.listingIdList.includes(q.id)
+      (E) => s.listingIdList.includes(E.id)
     );
-    o && u([...o]), f(!1);
+    o && u([...o]), x(!1);
   }, [a]), m.useEffect(() => {
     P(!0);
   }, []);
-  const j = () => {
+  const v = () => {
     P(!1), setTimeout(() => {
       i(!1);
     }, 300);
@@ -2539,31 +2555,31 @@ const Ze = (r) => {
   return /* @__PURE__ */ t.jsx(dt, { close: () => i(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: W.contentModal,
+      className: G.contentModal,
       onClick: (o) => o.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: W.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: G.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: W.title,
+              className: G.title,
               id: "h4",
               children: it(s.name)
             }
           ),
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "X",
               hoverable: !0,
-              onClick: j
+              onClick: v
             }
           )
         ] }),
-        !g && d && /* @__PURE__ */ t.jsx("div", { className: W.modalCards, children: d.map((o) => /* @__PURE__ */ t.jsxs(
+        !g && d && /* @__PURE__ */ t.jsx("div", { className: G.modalCards, children: d.map((o) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: W.card,
+            className: G.card,
             children: [
               /* @__PURE__ */ t.jsx("div", { children: o.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
@@ -2572,14 +2588,14 @@ const Ze = (r) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: W.modalImage
+                  className: G.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: F(W.blockImage, W.modalImage), children: /* @__PURE__ */ t.jsx(v, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: W.cardInfo, children: [
+              ) : /* @__PURE__ */ t.jsx("div", { className: U(G.blockImage, G.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: G.cardInfo, children: [
                 /* @__PURE__ */ t.jsxs(
                   "span",
                   {
-                    className: W.name,
+                    className: G.name,
                     id: "h5",
                     children: [
                       it(o.productData.name),
@@ -2594,14 +2610,14 @@ const Ze = (r) => {
                 o.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: W.short,
+                    className: G.short,
                     id: "md",
                     children: it(o.productData.shortDescription)
                   }
                 ),
                 /* @__PURE__ */ t.jsx("span", {})
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: W.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: G.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
                   D,
                   {
@@ -2612,59 +2628,59 @@ const Ze = (r) => {
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Js, { path: `/product/${o.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(D, { type: "Primary", children: "View Details" }) })
+                /* @__PURE__ */ t.jsx(Ks, { path: `/product/${o.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(D, { type: "Primary", children: "View Details" }) })
               ] })
             ]
           },
           o.id
         )) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
+        g && /* @__PURE__ */ t.jsx("div", { className: G.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
       ]
     }
   ) });
 };
 export {
-  Rn as Accordion,
-  As as BurgerMenuButton,
+  zn as Accordion,
+  Es as BurgerMenuButton,
   D as Button,
   Be as ButtonTypeSettings,
-  qn as ButtonsSettings,
-  Bn as CategorySettings,
+  An as ButtonsSettings,
+  Tn as CategorySettings,
   St as ChargeTypes,
   qt as ChooseImage,
-  Yn as ChooseImageModal,
-  qs as EmptyCart,
-  $n as FormSettings,
-  Un as GroupCardModal,
-  An as HeaderButtons,
-  v as Icon,
+  Wn as ChooseImageModal,
+  Os as EmptyCart,
+  On as FormSettings,
+  Vn as GroupCardModal,
+  Dn as HeaderButtons,
+  b as Icon,
   Nt as InputSettings,
   Et as InputUI,
-  Gn as ItemsSettings,
-  Mn as LayoutSettings,
-  Js as Link,
-  On as ListingSelector,
-  Bt as Loader,
-  zn as MetaInfoPost,
+  Xn as ItemsSettings,
+  Bn as LayoutSettings,
+  Ks as Link,
+  En as ListingSelector,
+  $t as Loader,
+  Un as MetaInfoPost,
   dt as Modal,
-  En as PagesMobileMenu,
-  Os as PagesMobileModal,
-  Tn as PagesSettings,
-  Ln as ProductCardButtons,
-  Hn as ProductCardModal,
-  Ze as ProductOptions,
-  Wn as RadioUI,
+  Rn as PagesMobileMenu,
+  As as PagesMobileModal,
+  qn as PagesSettings,
+  Hn as ProductCardButtons,
+  Fn as ProductCardModal,
+  ts as ProductOptions,
+  Qn as RadioUI,
   kt as RangeSelector,
   nt as Select,
-  Xn as SelectInfiniteList,
-  Qn as SelectUI,
-  Dn as ShareLink,
+  Jn as SelectInfiniteList,
+  Kn as SelectUI,
+  Ln as ShareLink,
   Ts as ShoppingButton,
-  $s as ShoppingModalCart,
+  qs as ShoppingModalCart,
   rt as Switch,
-  Jn as TextSettings,
-  Kn as TextareaSettings,
-  Zn as TextareaUI,
-  ti as TypesText,
-  Tt as UserInfo
+  Zn as TextSettings,
+  ti as TextareaSettings,
+  ei as TextareaUI,
+  si as TypesText,
+  Bt as UserInfo
 };