@billgangcom/theme-lib 1.72.1 → 1.72.3

package/dist/ui.es.js

@@ -1,19 +1,19 @@
-import { j as t, I as b, c as H, d as Nt, e as pt, g as mt, P as gt, S as lt, h as Pt, D as ft, i as xt, v as _t, B as dt, k as ot, a as kt, l as wt, O as ht, m as J, n as yt, C as jt, o as V, p as qt, q as At, r as vt, t as Dt, w as bt, x as W, L as Et, y as St, z as Ct, A as ct, s as at, f as Q, E as Rt, F as L, G as Lt, M as ut, H as zt, J as rt, K as Tt, N as Ut, Q as Mt, T as Ft, U as Bt, V as Ht } from "./index-B144ufUm.js";
-import { a1 as ei, a5 as si, $ as ni, Z as ii, a4 as ai, a3 as oi, Y as ci, _ as ri, W as li, X as di, a0 as ui, a2 as hi } from "./index-B144ufUm.js";
-import x from "react";
+import { j as t, I as j, c as U, d as Nt, e as pt, g as mt, P as gt, S as lt, h as kt, D as ft, i as xt, v as _t, B as dt, k as ot, a as wt, l as Tt, O as ht, m as J, n as yt, C as jt, o as V, p as At, q as Dt, r as bt, t as Et, w as vt, x as W, L as Rt, y as Ct, z as St, A as ct, s as at, f as Q, E as Lt, F as R, G as zt, M as ut, H as Ut, J as rt, K as Mt, N as Ft, Q as Bt, T as Ht, U as $t, V as Vt } from "./index-mAhdzwdY.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as pi } from "./index-mAhdzwdY.js";
+import g from "react";
 import "react-dom";
-const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23", Wt = "_alignmentContent_kh9z8_30", Xt = "_alignments_kh9z8_39", Qt = "_alignment_kh9z8_30", Jt = "_circle_kh9z8_64", Kt = "_paddings_kh9z8_71", Zt = "_padding_kh9z8_71", te = "_active_kh9z8_97", G = {
-  block: Vt,
-  title: Yt,
-  subtitle: Gt,
-  alignmentContent: Wt,
-  alignments: Xt,
-  alignment: Qt,
-  circle: Jt,
-  paddings: Kt,
-  padding: Zt,
-  active: te
-}, ee = [
+const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
+  block: Yt,
+  title: Gt,
+  subtitle: Wt,
+  alignmentContent: Xt,
+  alignments: Qt,
+  alignment: Jt,
+  circle: Kt,
+  paddings: Zt,
+  padding: te,
+  active: ee
+}, se = [
   "topLeft",
   "top",
   "topRight",
@@ -23,16 +23,16 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], se = ["left", "top", "right", "bottom"], Rn = (u) => {
+], ne = ["left", "top", "right", "bottom"], Ln = (h) => {
   const {
-    alignment: n,
-    padding: a,
+    alignment: a,
+    padding: o,
     setPadding: s,
-    setAlignment: e,
-    isAlignment: c = !0,
-    isPadding: o = !0
-  } = u;
-  function m(l) {
+    setAlignment: c,
+    isAlignment: e = !0,
+    isPadding: u = !0
+  } = h;
+  function d(l) {
     switch (l) {
       case "left":
       case "topLeft":
@@ -50,7 +50,7 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function _(l) {
+  function f(l) {
     switch (l) {
       case "left":
         return "AlignLeft";
@@ -62,17 +62,17 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [y, T] = x.useState(null), [g, p] = x.useState(null);
+  const [_, T] = g.useState(null), [I, r] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
-      c && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+      e && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: ee.map((l) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: se.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(l);
+              c(l);
             },
             className: G.alignment,
             onMouseEnter: () => {
@@ -82,20 +82,20 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
               T(null);
             },
             children: [
-              l !== n && y !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              l !== n && y === l && /* @__PURE__ */ t.jsx(
-                b,
+              l !== a && _ !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              l !== a && _ === l && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  name: m(y),
+                  name: d(_),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              l === n && /* @__PURE__ */ t.jsx(
-                b,
+              l === a && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  name: m(n),
+                  name: d(a),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -106,25 +106,25 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
           l
         )) })
       ] }),
-      o && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+      u && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
         /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: se.map((l) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: ne.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: H(G.padding, {
-              [G.active]: g === l
+            className: U(G.padding, {
+              [G.active]: I === l
             }),
             onFocus: () => {
-              p(l);
+              r(l);
             },
             onBlur: () => {
-              p(null);
+              r(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                b,
+                j,
                 {
-                  name: _(l),
+                  name: f(l),
                   width: 20,
                   height: 20
                 }
@@ -133,10 +133,10 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
                 Nt,
                 {
                   type: "number",
-                  value: String(a[l]),
-                  onChange: (j) => s({
-                    ...a,
-                    [l]: Math.min(Number(j), 999)
+                  value: String(o[l]),
+                  onChange: (y) => s({
+                    ...o,
+                    [l]: Math.min(Number(y), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -150,94 +150,94 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
       ] })
     ] })
   ] });
-}, ne = "_title_82zux_1", ie = "_subtitle_82zux_5", ae = "_productsBlock_82zux_14", oe = "_top_82zux_26", ce = "_products_82zux_14", re = "_product_82zux_14", le = "_button_82zux_80", de = "_disabled_82zux_91", ue = "_buttons_82zux_118", he = "_addButton_82zux_157", pe = "_deleteButton_82zux_179", X = {
-  title: ne,
-  subtitle: ie,
-  productsBlock: ae,
-  top: oe,
-  products: ce,
-  product: re,
-  button: le,
-  disabled: de,
-  buttons: ue,
-  addButton: he,
-  deleteButton: pe
+}, ie = "_title_82zux_1", ae = "_subtitle_82zux_5", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_products_82zux_14", le = "_product_82zux_14", de = "_button_82zux_80", ue = "_disabled_82zux_91", he = "_buttons_82zux_118", pe = "_addButton_82zux_157", me = "_deleteButton_82zux_179", X = {
+  title: ie,
+  subtitle: ae,
+  productsBlock: oe,
+  top: ce,
+  products: re,
+  product: le,
+  button: de,
+  disabled: ue,
+  buttons: he,
+  addButton: pe,
+  deleteButton: me
 };
-function me({ id: u, children: n }) {
+function ge({ id: h, children: a }) {
   const {
-    attributes: a,
+    attributes: o,
     listeners: s,
-    setNodeRef: e,
-    transform: c,
-    transition: o,
-    isDragging: m
+    setNodeRef: c,
+    transform: e,
+    transition: u,
+    isDragging: d
   } = yt({
-    id: u
-  }), _ = {
-    transform: jt.Transform.toString(c),
-    transition: o
+    id: h
+  }), f = {
+    transform: jt.Transform.toString(e),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: e,
-      style: _,
-      className: `${X.product} ${m ? X.dragging : ""}`,
-      ...a,
+      ref: c,
+      style: f,
+      className: `${X.product} ${d ? X.dragging : ""}`,
+      ...o,
       ...s,
-      children: n
+      children: a
     }
   );
 }
-const Ln = (u) => {
+const zn = (h) => {
   const {
-    isActiveItems: n,
-    setIsActiveItems: a,
+    isActiveItems: a,
+    setIsActiveItems: o,
     items: s,
-    setItems: e,
-    other: c,
-    tags: o,
-    title: m,
-    subtitle: _,
-    draggable: y = !1,
+    setItems: c,
+    other: e,
+    tags: u,
+    title: d,
+    subtitle: f,
+    draggable: _ = !1,
     withImage: T = !1,
-    addable: g = !0,
-    itemsOptions: p,
+    addable: I = !0,
+    itemsOptions: r,
     hasRangeSelector: l = !1,
-    rangeSelectorOptions: j,
-    limit: v,
-    autoScrollInterval: r,
+    rangeSelectorOptions: y,
+    limit: x,
+    autoScrollInterval: p,
     deletable: i,
-    aspectRatio: I,
+    aspectRatio: b,
     setAspectRatio: w
-  } = u, q = pt(
+  } = h, q = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), R = (h) => {
-    const { active: C, over: M } = h;
-    if (M && C.id !== M.id) {
-      const O = s.findIndex((A) => A === C.id), S = s.findIndex((A) => A === M.id);
-      if (O !== -1 && S !== -1) {
-        const A = [...s], [N] = A.splice(O, 1);
-        A.splice(S, 0, N), e(A);
+  ), E = (n) => {
+    const { active: N, over: S } = n;
+    if (S && N.id !== S.id) {
+      const O = s.findIndex((C) => C === N.id), M = s.findIndex((C) => C === S.id);
+      if (O !== -1 && M !== -1) {
+        const C = [...s], [v] = C.splice(O, 1);
+        C.splice(M, 0, v), c(C);
       }
     }
   };
-  function K(h) {
+  function K(n) {
     if (T)
-      return h ? /* @__PURE__ */ t.jsx(
+      return n ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${h[0]}/w=1000`,
+          src: `https://imagedelivery.net/${n[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "Image",
           width: 16,
@@ -246,12 +246,12 @@ const Ln = (u) => {
         }
       );
   }
-  const f = (h, C = !1) => {
-    const M = p.find((S) => S.id === h);
-    if (!M) return;
+  const F = (n, N = !1) => {
+    const S = r.find((M) => M.id === n);
+    if (!S) return;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -262,36 +262,36 @@ const Ln = (u) => {
       /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (S) => {
-            const A = [...s], N = p.find((d) => d.name === S);
-            if (!N) return;
-            const D = N.id, F = A.map((d) => d === h ? D : d);
-            e([...F]);
+          onChange: (M) => {
+            const C = [...s], v = r.find((m) => m.name === M);
+            if (!v) return;
+            const A = v.id, H = C.map((m) => m === n ? A : m);
+            c([...H]);
           },
-          value: M.name,
-          options: p.filter((S) => !s.find((A) => A === S.id)).map((S) => S.name),
-          leftAddonOptions: p.map((S) => ({
-            value: S.name,
-            addon: K(S.images)
+          value: S.name,
+          options: r.filter((M) => !s.find((C) => C === M.id)).map((M) => M.name),
+          leftAddonOptions: r.map((M) => ({
+            value: M.name,
+            addon: K(M.images)
           }))
         }
       ),
-      C && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-        b,
+      N && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((S) => S !== h))
+          onClick: () => c(s.filter((M) => M !== n))
         }
       ) }) })
     ] });
-    return y ? /* @__PURE__ */ t.jsx(
-      me,
+    return _ ? /* @__PURE__ */ t.jsx(
+      ge,
       {
-        id: h,
+        id: n,
         children: O
       },
       J()
@@ -305,35 +305,35 @@ const Ln = (u) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (m || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: m }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+    (d || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: d }),
+      a !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: n,
-          onChange: (h) => a == null ? void 0 : a(h)
+          current: a,
+          onChange: (n) => o == null ? void 0 : o(n)
         }
       )
     ] }),
-    l && j && /* @__PURE__ */ t.jsx(Pt, { ...j }),
+    l && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
-      y ? /* @__PURE__ */ t.jsx(
+      f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
+      _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
           sensors: q,
-          onDragEnd: R,
+          onDragEnd: E,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s,
               strategy: _t,
-              children: s.map((h) => f(h, i))
+              children: s.map((n) => F(n, i))
             }
           )
         }
-      ) : s.map((h) => f(h, i)),
-      g && /* @__PURE__ */ t.jsx(
+      ) : s.map((n) => F(n, i)),
+      I && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -346,22 +346,22 @@ const Ln = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(X.button, {
-                [X.disabled]: !!(v && v <= s.length || s.length === p.length)
+              className: U(X.button, {
+                [X.disabled]: !!(x && x <= s.length || s.length === r.length)
               }),
               size: "s",
-              disabled: !!(v && v <= s.length || s.length === p.length),
+              disabled: !!(x && x <= s.length || s.length === r.length),
               onClick: () => {
-                const h = [...s];
-                let C = null;
-                if (p) {
-                  for (let M = 0; M < p.length; M++)
-                    if (!s.find((O) => O === p[M].id)) {
-                      C = p[M];
+                const n = [...s];
+                let N = null;
+                if (r) {
+                  for (let S = 0; S < r.length; S++)
+                    if (!s.find((O) => O === r[S].id)) {
+                      N = r[S];
                       break;
                     }
                 }
-                h.push((C == null ? void 0 : C.id) || p[0].id), e(h);
+                n.push((N == null ? void 0 : N.id) || r[0].id), c(n);
               },
               style: {
                 width: "fit-content"
@@ -369,7 +369,7 @@ const Ln = (u) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -382,37 +382,37 @@ const Ln = (u) => {
         }
       )
     ] }),
-    I && w && /* @__PURE__ */ t.jsx(
+    b && w && /* @__PURE__ */ t.jsx(
       ot,
       {
-        value: I,
+        value: b,
         label: "Aspect Ratio",
-        options: Object.keys(wt),
-        onChange: (h) => w(h),
-        leftAddonOptions: kt
+        options: Object.keys(Tt),
+        onChange: (n) => w(n),
+        leftAddonOptions: wt
       }
     ),
-    o !== void 0 && /* @__PURE__ */ t.jsx(
+    u !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         tagsTitle: "Tags",
-        items: o
+        items: u
       }
     ),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
+    e !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: c
+        items: e
       }
     ),
-    r !== void 0 && /* @__PURE__ */ t.jsx(
+    p !== void 0 && /* @__PURE__ */ t.jsx(
       Nt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(r.scrollInterval),
-        onChange: (h) => r.setScrollInterval(Number(h)),
+        value: String(p.scrollInterval),
+        onChange: (n) => p.setScrollInterval(Number(n)),
         min: 0.1,
         max: 100,
         style: {
@@ -422,96 +422,96 @@ const Ln = (u) => {
       }
     )
   ] });
-}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_productsBlock_roi3a_14", _e = "_top_roi3a_26", ye = "_products_roi3a_14", je = "_product_roi3a_14", ve = "_button_roi3a_80", be = "_disabled_roi3a_91", Ie = "_buttons_roi3a_118", Ne = "_addButton_roi3a_164", Se = "_deleteButton_roi3a_179", Y = {
-  title: ge,
-  subtitle: fe,
-  productsBlock: xe,
-  top: _e,
-  products: ye,
-  product: je,
+}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", _e = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", je = "_products_roi3a_14", be = "_product_roi3a_14", ve = "_button_roi3a_80", Ie = "_disabled_roi3a_91", Ne = "_buttons_roi3a_118", Ce = "_addButton_roi3a_164", Se = "_deleteButton_roi3a_179", Y = {
+  title: fe,
+  subtitle: xe,
+  productsBlock: _e,
+  top: ye,
+  products: je,
+  product: be,
   button: ve,
-  disabled: be,
-  buttons: Ie,
-  addButton: Ne,
+  disabled: Ie,
+  buttons: Ne,
+  addButton: Ce,
   deleteButton: Se
 };
-function Ce({ product: u, children: n }) {
+function Pe({ product: h, children: a }) {
   const {
-    attributes: a,
+    attributes: o,
     listeners: s,
-    setNodeRef: e,
-    transform: c,
-    transition: o,
-    isDragging: m
+    setNodeRef: c,
+    transform: e,
+    transition: u,
+    isDragging: d
   } = yt({
-    id: u.id
-  }), _ = {
-    transform: jt.Transform.toString(c),
-    transition: o
+    id: h.id
+  }), f = {
+    transform: jt.Transform.toString(e),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: e,
-      style: _,
-      className: `${Y.product} ${m ? Y.dragging : ""}`,
-      ...a,
+      ref: c,
+      style: f,
+      className: `${Y.product} ${d ? Y.dragging : ""}`,
+      ...o,
       ...s,
-      children: n
+      children: a
     }
   );
 }
-const zn = (u) => {
+const Un = (h) => {
   const {
-    isActiveItems: n,
-    setIsActiveItems: a,
+    isActiveItems: a,
+    setIsActiveItems: o,
     items: s,
-    setItems: e,
-    title: c,
-    subtitle: o,
-    editable: m = !0,
-    draggable: _ = !1,
-    deletable: y = !0,
+    setItems: c,
+    title: e,
+    subtitle: u,
+    editable: d = !0,
+    draggable: f = !1,
+    deletable: _ = !0,
     addable: T = !0,
-    itemsType: g,
-    itemsOptions: p,
+    itemsType: I,
+    itemsOptions: r,
     addableOptions: l = {},
-    limit: j
-  } = u, [v, r] = x.useState(null), [i, I] = x.useState(null), w = x.useRef(null), q = pt(
+    limit: y
+  } = h, [x, p] = g.useState(null), [i, b] = g.useState(null), w = g.useRef(null), q = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    if (v) {
-      const h = [...s].map((C) => C.id === v.id ? v : C);
-      e(h);
+  g.useEffect(() => {
+    if (x) {
+      const n = [...s].map((N) => N.id === x.id ? x : N);
+      c(n);
     }
-  }, [v]), x.useEffect(() => {
+  }, [x]), g.useEffect(() => {
     w.current && i && (w.current.getBoundingClientRect().height, i.top);
   }, [w.current, i]);
-  const R = (h, C) => {
-    h.stopPropagation();
-    const M = h.target.getBoundingClientRect();
-    I({
-      top: M.top + window.scrollY,
-      left: M.left - 30
-    }), r(C);
-  }, K = (h) => {
-    const { active: C, over: M } = h;
-    if (M && C.id !== M.id) {
-      const O = s.findIndex((A) => A.id === C.id), S = s.findIndex((A) => A.id === M.id);
-      if (O !== -1 && S !== -1) {
-        const A = [...s], [N] = A.splice(O, 1);
-        A.splice(S, 0, N), e(A);
+  const E = (n, N) => {
+    n.stopPropagation();
+    const S = n.target.getBoundingClientRect();
+    b({
+      top: S.top + window.scrollY,
+      left: S.left - 30
+    }), p(N);
+  }, K = (n) => {
+    const { active: N, over: S } = n;
+    if (S && N.id !== S.id) {
+      const O = s.findIndex((C) => C.id === N.id), M = s.findIndex((C) => C.id === S.id);
+      if (O !== -1 && M !== -1) {
+        const C = [...s], [v] = C.splice(O, 1);
+        C.splice(M, 0, v), c(C);
       }
     }
-  }, f = (h, C) => {
-    const M = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, F = (n, N) => {
+    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -519,84 +519,84 @@ const zn = (u) => {
           height: 20
         }
       ) }),
-      g === "select" && p && /* @__PURE__ */ t.jsx(
+      I === "select" && r && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (O) => {
-            const S = [...s], A = p.find((D) => D.name === O);
-            if (!A) return;
-            const N = S.map((D) => D.id === h.id ? {
-              ...A,
+            const M = [...s], C = r.find((A) => A.name === O);
+            if (!C) return;
+            const v = M.map((A) => A.id === n.id ? {
+              ...C,
               name: {
                 "en-US": O
               }
-            } : D);
-            r({
-              ...h,
+            } : A);
+            p({
+              ...n,
               name: {
                 "en-US": O
               }
-            }), e([...N]);
+            }), c([...v]);
           },
-          value: h.name,
-          options: p.filter((O) => !s.find((S) => S.name === O.name)).map((O) => O.name)
+          value: n.name,
+          options: r.filter((O) => !s.find((M) => M.name === O.name)).map((O) => O.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        d && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => R(O, h)
+            onClick: (O) => E(O, n)
           }
         ) }),
-        y && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        _ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((O) => O.id !== h.id))
+            onClick: () => c(s.filter((O) => O.id !== n.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      Ce,
+    return f ? /* @__PURE__ */ t.jsx(
+      Pe,
       {
-        product: h,
-        index: C,
-        children: M
+        product: n,
+        index: N,
+        children: S
       },
-      h.id
+      n.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Y.product,
-        children: M
+        children: S
       },
-      h.id
+      n.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (c || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: c }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+    (e || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      e && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: e }),
+      a !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: n,
-          onChange: (h) => a == null ? void 0 : a(h)
+          current: a,
+          onChange: (n) => o == null ? void 0 : o(n)
         }
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: o }),
-      _ ? /* @__PURE__ */ t.jsx(
+      u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
+      f ? /* @__PURE__ */ t.jsx(
         ft,
         {
           sensors: q,
@@ -604,13 +604,13 @@ const zn = (u) => {
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((h) => h.id),
+              items: s.map((n) => n.id),
               strategy: _t,
-              children: s.map((h, C) => f(h, C))
+              children: s.map((n, N) => F(n, N))
             }
           )
         }
-      ) : s.map((h, C) => f(h, C)),
+      ) : s.map((n, N) => F(n, N)),
       T && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -623,26 +623,26 @@ const zn = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(Y.button, {
-                [Y.disabled]: !!(j && j <= s.length || s.length === (p == null ? void 0 : p.length))
+              className: U(Y.button, {
+                [Y.disabled]: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length))
               }),
               size: "s",
-              disabled: !!(j && j <= s.length || s.length === (p == null ? void 0 : p.length)),
+              disabled: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length)),
               onClick: () => {
-                const h = [...s];
-                let C = null;
-                if (p) {
-                  for (let M = 0; M < p.length; M++)
-                    if (!s.find((O) => O.id === p[M].id)) {
-                      C = p[M];
+                const n = [...s];
+                let N = null;
+                if (r) {
+                  for (let S = 0; S < r.length; S++)
+                    if (!s.find((O) => O.id === r[S].id)) {
+                      N = r[S];
                       break;
                     }
                 }
-                g === "select" && p && h.push({
-                  name: C ? C.name : p[0].name,
-                  id: (C == null ? void 0 : C.id) || p[0].id,
+                I === "select" && r && n.push({
+                  name: N ? N.name : r[0].name,
+                  id: (N == null ? void 0 : N.id) || r[0].id,
                   ...l
-                }), e(h);
+                }), c(n);
               },
               style: {
                 width: "fit-content"
@@ -650,7 +650,7 @@ const zn = (u) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -665,99 +665,99 @@ const zn = (u) => {
     ] })
   ] });
 };
-function Pe(u) {
-  const { product: n, children: a } = u, { attributes: s, listeners: e, setNodeRef: c, transform: o, transition: m, isDragging: _ } = yt({
-    id: n.id
-  }), y = {
-    transform: jt.Transform.toString(o),
-    transition: m
+function ke(h) {
+  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
+    id: a.id
+  }), _ = {
+    transform: jt.Transform.toString(u),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: y,
-      className: `${V.product} ${_ ? V.dragging : ""}`,
+      ref: e,
+      style: _,
+      className: `${V.product} ${f ? V.dragging : ""}`,
       ...s,
-      ...e,
-      children: a
+      ...c,
+      children: o
     }
   );
 }
-const Un = (u) => {
+const Fn = (h) => {
   const {
-    isActiveItems: n,
-    setIsActiveItems: a,
+    isActiveItems: a,
+    setIsActiveItems: o,
     items: s,
-    setItems: e,
-    other: c,
-    title: o,
-    subtitle: m,
-    editable: _ = !0,
-    draggable: y = !1,
+    setItems: c,
+    other: e,
+    title: u,
+    subtitle: d,
+    editable: f = !0,
+    draggable: _ = !1,
     deletable: T = !0,
-    addable: g = !0,
-    itemsType: p,
+    addable: I = !0,
+    itemsType: r,
     itemsPlaceholder: l = "",
-    itemsOptions: j,
-    hasRangeSelector: v = !1,
-    rangeSelectorOptions: r,
+    itemsOptions: y,
+    hasRangeSelector: x = !1,
+    rangeSelectorOptions: p,
     modalOptions: i,
-    addableOptions: I = {},
+    addableOptions: b = {},
     limit: w
-  } = u, [q, R] = x.useState(null), [K, f] = x.useState({
+  } = h, [q, E] = g.useState(null), [K, F] = g.useState({
     top: 0,
     left: 0
-  }), [h, C] = x.useState(null), M = x.useRef(null), [O, S] = x.useState(!1), A = pt(
+  }), [n, N] = g.useState(null), S = g.useRef(null), [O, M] = g.useState(!1), C = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const d = () => {
-      R(null), S(!1);
+  g.useEffect(() => {
+    const m = () => {
+      E(null), M(!1);
     };
-    return document.body.addEventListener("click", d), R(null), S(!1), () => {
-      R(null), S(!1), document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", m), E(null), M(!1), () => {
+      E(null), M(!1), document.body.removeEventListener("click", m);
     };
-  }, []), x.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (q) {
-      const d = [...s].map(($) => $.id === q.id ? q : $);
-      e(d);
+      const m = [...s].map(($) => $.id === q.id ? q : $);
+      c(m);
     }
-  }, [q]), x.useEffect(() => {
-    if (M.current && h) {
-      const d = M.current.getBoundingClientRect().height, $ = window.innerHeight;
-      let P = h.top;
-      P + d > $ + window.scrollY - 200 && (P = $ + window.scrollY - d - 200), P < 0 && (P = 10), f({
+  }, [q]), g.useEffect(() => {
+    if (S.current && n) {
+      const m = S.current.getBoundingClientRect().height, $ = window.innerHeight;
+      let P = n.top;
+      P + m > $ + window.scrollY - 200 && (P = $ + window.scrollY - m - 200), P < 0 && (P = 10), F({
         top: P,
-        left: h.left
+        left: n.left
       });
     }
-  }, [M.current, h]);
-  const N = (d, $) => {
-    d.stopPropagation();
-    const P = d.target.getBoundingClientRect();
-    C({
+  }, [S.current, n]);
+  const v = (m, $) => {
+    m.stopPropagation();
+    const P = m.target.getBoundingClientRect();
+    N({
       top: P.top + window.scrollY,
       left: P.left - 30
-    }), R($), S(!0);
-  }, D = (d) => {
-    const { active: $, over: P } = d;
+    }), E($), M(!0);
+  }, A = (m) => {
+    const { active: $, over: P } = m;
     if (P && $.id !== P.id) {
-      const E = s.findIndex((z) => z.id === $.id), et = s.findIndex((z) => z.id === P.id);
-      if (E !== -1 && et !== -1) {
-        const z = [...s], [Z] = z.splice(E, 1);
-        z.splice(et, 0, Z), e(z);
+      const D = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === P.id);
+      if (D !== -1 && et !== -1) {
+        const L = [...s], [Z] = L.splice(D, 1);
+        L.splice(et, 0, Z), c(L);
       }
     }
-  }, F = (d) => {
+  }, H = (m) => {
     var P;
     const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -765,139 +765,139 @@ const Un = (u) => {
           height: 20
         }
       ) }),
-      p === "select" && j && /* @__PURE__ */ t.jsx(
+      r === "select" && y && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (E) => {
-            const z = [...s].map((Z) => Z.id === d.id ? {
-              ...d,
+          onChange: (D) => {
+            const L = [...s].map((Z) => Z.id === m.id ? {
+              ...m,
               name: {
-                "en-US": E
+                "en-US": D
               }
             } : Z);
-            R({
-              ...d,
+            E({
+              ...m,
               name: {
-                "en-US": E
+                "en-US": D
               }
-            }), e([...z]);
+            }), c([...L]);
           },
-          value: d.name["en-US"],
-          options: j.filter(
-            (E) => !s.find((et) => et.name["en-US"] === E)
+          value: m.name["en-US"],
+          options: y.filter(
+            (D) => !s.find((et) => et.name["en-US"] === D)
           )
         }
       ),
-      p === "input" && /* @__PURE__ */ t.jsx(
+      r === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
-          onChange: (E) => {
-            const z = [...s].map((Z) => Z.id === d.id ? {
-              ...d,
+          onChange: (D) => {
+            const L = [...s].map((Z) => Z.id === m.id ? {
+              ...m,
               name: {
-                "en-US": E
+                "en-US": D
               }
             } : Z);
-            e([...z]);
+            c([...L]);
           },
-          value: d.name["en-US"],
+          value: m.name["en-US"],
           placeholder: l
         }
       ),
-      p === "image" && /* @__PURE__ */ t.jsx(
-        At,
+      r === "image" && /* @__PURE__ */ t.jsx(
+        Dt,
         {
-          onChange: (E) => {
-            const z = [...s].map((Z) => Z.id === d.id ? {
-              ...d,
-              images: E
+          onChange: (D) => {
+            const L = [...s].map((Z) => Z.id === m.id ? {
+              ...m,
+              images: D
             } : Z);
-            e([...z]);
+            c([...L]);
           },
-          activeImage: (P = s.find((E) => E.id === d.id)) == null ? void 0 : P.images[0]
+          activeImage: (P = s.find((D) => D.id === m.id)) == null ? void 0 : P.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => N(E, d)
+            onClick: (D) => v(D, m)
           }
         ) }),
         T && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== d.id))
+            onClick: () => c(s.filter((D) => D.id !== m.id))
           }
         ) })
       ] })
     ] });
-    return y ? /* @__PURE__ */ t.jsx(
-      Pe,
+    return _ ? /* @__PURE__ */ t.jsx(
+      ke,
       {
-        product: d,
+        product: m,
         children: $
       },
-      d.id
+      m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
         children: $
       },
-      d.id
+      m.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (o || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      o && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: o }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+    (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
+      a !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: n,
-          onChange: (d) => a == null ? void 0 : a(d)
+          current: a,
+          onChange: (m) => o == null ? void 0 : o(m)
         }
       )
     ] }),
-    q && _ && i && O && /* @__PURE__ */ t.jsx(
-      qt,
+    q && f && i && O && /* @__PURE__ */ t.jsx(
+      At,
       {
-        ref: M,
+        ref: S,
         activeItem: q,
-        setActiveItem: R,
+        setActiveItem: E,
         popupPosition: K,
         modalOptions: i,
-        setIsOpenModal: S
+        setIsOpenModal: M
       }
     ),
-    v && r && /* @__PURE__ */ t.jsx(Pt, { ...r }),
+    x && p && /* @__PURE__ */ t.jsx(kt, { ...p }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: m }),
-      y ? /* @__PURE__ */ t.jsx(
+      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
+      _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: A,
-          onDragEnd: D,
+          sensors: C,
+          onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((d) => d.id),
+              items: s.map((m) => m.id),
               strategy: _t,
-              children: s.map((d) => F(d))
+              children: s.map((m) => H(m))
             }
           )
         }
-      ) : s.map((d) => F(d)),
-      g && /* @__PURE__ */ t.jsx(
+      ) : s.map((m) => H(m)),
+      I && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -909,44 +909,44 @@ const Un = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(V.button, {
+              className: U(V.button, {
                 [V.disabled]: !!(w && w <= s.length)
               }),
               size: "s",
               disabled: !!(w && w <= s.length),
               onClick: () => {
-                const d = [...s];
+                const m = [...s];
                 let $ = null;
-                if (j) {
-                  for (let P = 0; P < j.length; P++)
-                    if (!s.find((E) => E.name["en-US"] === j[P])) {
-                      $ = j[P];
+                if (y) {
+                  for (let P = 0; P < y.length; P++)
+                    if (!s.find((D) => D.name["en-US"] === y[P])) {
+                      $ = y[P];
                       break;
                     }
                 }
-                p === "select" && j ? d.push({
+                r === "select" && y ? m.push({
                   name: {
-                    "en-US": $ || j[0]
+                    "en-US": $ || y[0]
                   },
                   id: J(),
-                  ...I,
+                  ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : p === "input" ? d.push({
+                }) : r === "input" ? m.push({
                   name: {
                     "en-US": ""
                   },
                   id: J(),
-                  ...I,
+                  ...b,
                   maxSymbols: 100
-                }) : d.push({
+                }) : m.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: J(),
-                  ...I,
+                  ...b,
                   maxSymbols: 100
-                }), e(d);
+                }), c(m);
               },
               style: {
                 width: "fit-content"
@@ -954,7 +954,7 @@ const Un = (u) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -967,60 +967,60 @@ const Un = (u) => {
         }
       )
     ] }),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
+    e !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: c
+        items: e
       }
     )
   ] });
-}, ke = "_subtitle_jql1y_1", we = "_products_jql1y_10", Te = "_product_jql1y_10", Me = "_button_jql1y_11", Be = "_buttons_jql1y_11", $e = "_addButton_jql1y_150", Oe = "_deleteButton_jql1y_165", st = {
-  subtitle: ke,
-  products: we,
-  product: Te,
-  button: Me,
-  buttons: Be,
-  addButton: $e,
-  deleteButton: Oe
-}, qe = (u) => {
-  const { buttons: n, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = u, { pages: o } = vt(), [m, _] = x.useState(null), [y, T] = x.useState({
+}, we = "_subtitle_jql1y_1", Te = "_products_jql1y_10", Me = "_product_jql1y_10", Be = "_button_jql1y_11", $e = "_buttons_jql1y_11", Oe = "_addButton_jql1y_150", qe = "_deleteButton_jql1y_165", st = {
+  subtitle: we,
+  products: Te,
+  product: Me,
+  button: Be,
+  buttons: $e,
+  addButton: Oe,
+  deleteButton: qe
+}, Ae = (h) => {
+  const { buttons: a, setButtons: o, deletable: s = !0, addable: c = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, T] = g.useState({
     top: 0,
     left: 0
-  }), [g, p] = x.useState(null), l = x.useRef(null);
-  x.useEffect(() => {
-    if (m) {
-      const r = [...n].map((i) => i.id === m.id ? m : i);
-      a(r);
+  }), [I, r] = g.useState(null), l = g.useRef(null);
+  g.useEffect(() => {
+    if (d) {
+      const p = [...a].map((i) => i.id === d.id ? d : i);
+      o(p);
     }
-  }, [m]), x.useEffect(() => {
-    if (l.current && g) {
-      const r = l.current.getBoundingClientRect().height, i = window.innerHeight;
-      let I = g.top;
-      I + r > i + window.scrollY - 200 && (I = i + window.scrollY - r - 200), I < 0 && (I = 10), T({
-        top: I,
-        left: g.left
+  }, [d]), g.useEffect(() => {
+    if (l.current && I) {
+      const p = l.current.getBoundingClientRect().height, i = window.innerHeight;
+      let b = I.top;
+      b + p > i + window.scrollY - 200 && (b = i + window.scrollY - p - 200), b < 0 && (b = 10), T({
+        top: b,
+        left: I.left
       });
     }
-  }, [l.current, g]);
-  const j = (r, i) => {
-    r.stopPropagation();
-    const I = r.target.getBoundingClientRect();
-    p({
-      top: I.top + window.scrollY - 70,
-      left: I.left - (e ? 30 : 65)
-    }), _(i);
-  }, v = (r, i) => {
-    const I = [...n], w = {
-      ...r,
+  }, [l.current, I]);
+  const y = (p, i) => {
+    p.stopPropagation();
+    const b = p.target.getBoundingClientRect();
+    r({
+      top: b.top + window.scrollY - 70,
+      left: b.left - (c ? 30 : 65)
+    }), f(i);
+  }, x = (p, i) => {
+    const b = [...a], w = {
+      ...p,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    I.splice(i + 1, 0, w), a(I);
+    b.splice(i + 1, 0, w), o(b);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
-    n.map((r, i) => /* @__PURE__ */ t.jsxs(
+    a.map((p, i) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: st.product,
@@ -1028,50 +1028,50 @@ const Un = (u) => {
           /* @__PURE__ */ t.jsx(
             ot,
             {
-              onChange: (I) => {
-                const q = [...n].map((R) => R.id === r.id ? {
-                  ...r,
-                  type: I
-                } : R);
-                a(q);
+              onChange: (b) => {
+                const q = [...a].map((E) => E.id === p.id ? {
+                  ...p,
+                  type: b
+                } : E);
+                o(q);
               },
-              value: r.type,
+              value: p.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: st.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+              j,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  v(r, i);
+                  x(p, i);
                 }
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+              j,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (I) => {
-                  j(I, r);
+                onClick: (b) => {
+                  y(b, p);
                 }
               }
             ) }),
             s && /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+              j,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const I = n.filter((w) => w.id !== r.id);
-                  a(I);
+                  const b = a.filter((w) => w.id !== p.id);
+                  o(b);
                 },
                 width: 20,
                 height: 20,
@@ -1081,19 +1081,19 @@ const Un = (u) => {
           ] })
         ]
       },
-      r.id
+      p.id
     )),
-    m && /* @__PURE__ */ t.jsx(
-      Dt,
+    d && /* @__PURE__ */ t.jsx(
+      Et,
       {
         ref: l,
-        activeButton: m,
-        setActiveButton: _,
-        popupPosition: y,
-        editableLink: c
+        activeButton: d,
+        setActiveButton: f,
+        popupPosition: _,
+        editableLink: e
       }
     ),
-    e && /* @__PURE__ */ t.jsx(
+    c && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1108,8 +1108,8 @@ const Un = (u) => {
             className: st.button,
             size: "s",
             onClick: () => {
-              const r = [...n];
-              c ? r.push({
+              const p = [...a];
+              e ? p.push({
                 type: "Primary",
                 id: J(),
                 typesText: [],
@@ -1117,9 +1117,9 @@ const Un = (u) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: o ? Object.values(o)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }) : r.push({
+              }) : p.push({
                 type: "Primary",
                 id: J(),
                 typesText: [],
@@ -1127,9 +1127,9 @@ const Un = (u) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: o ? Object.values(o)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }), a(r);
+              }), o(p);
             },
             style: {
               width: "fit-content"
@@ -1137,7 +1137,7 @@ const Un = (u) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: st.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                b,
+                j,
                 {
                   name: "Plus",
                   width: 16,
@@ -1150,123 +1150,123 @@ const Un = (u) => {
       }
     )
   ] });
-}, Fn = (u) => {
+}, Hn = (h) => {
   const {
-    isActiveButtons: n,
-    setIsActiveButtons: a,
+    isActiveButtons: a,
+    setIsActiveButtons: o,
     buttons: s,
-    setButtons: e,
-    editableLink: c = !0,
-    addable: o = !0,
-    deletable: m = !0
-  } = u;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: bt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: bt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: bt.title, children: "Buttons" }),
+    setButtons: c,
+    editableLink: e = !0,
+    addable: u = !0,
+    deletable: d = !0
+  } = h;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: vt.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: vt.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: vt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: n,
-          onChange: (_) => a(_)
+          current: a,
+          onChange: (f) => o(f)
         }
       )
     ] }),
-    n && /* @__PURE__ */ t.jsx(
-      qe,
+    a && /* @__PURE__ */ t.jsx(
+      Ae,
       {
         buttons: s,
-        setButtons: e,
-        editableLink: c,
-        addable: o,
-        deletable: m
+        setButtons: c,
+        editableLink: e,
+        addable: u,
+        deletable: d
       }
     )
   ] }) });
 };
-function Ae(u) {
-  const { product: n, children: a } = u, { attributes: s, listeners: e, setNodeRef: c, transform: o, transition: m, isDragging: _ } = yt({
-    id: String(n.listingId)
-  }), y = {
-    transform: jt.Transform.toString(o),
-    transition: m
+function De(h) {
+  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
+    id: String(a.listingId)
+  }), _ = {
+    transform: jt.Transform.toString(u),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: y,
-      className: `${W.product} ${_ ? W.dragging : ""}`,
+      ref: e,
+      style: _,
+      className: `${W.product} ${f ? W.dragging : ""}`,
       ...s,
-      ...e,
-      children: a
+      ...c,
+      children: o
     }
   );
 }
-const Hn = (u) => {
+const Vn = (h) => {
   const {
-    isActiveItems: n,
-    setIsActiveItems: a,
+    isActiveItems: a,
+    setIsActiveItems: o,
     items: s,
-    setItems: e,
-    other: c,
-    title: o,
-    subtitle: m,
-    editable: _ = !0,
-    draggable: y = !1,
+    setItems: c,
+    other: e,
+    title: u,
+    subtitle: d,
+    editable: f = !0,
+    draggable: _ = !1,
     withImage: T = !1,
-    deletable: g = !0,
-    addable: p = !0,
+    deletable: I = !0,
+    addable: r = !0,
     itemsType: l,
-    itemsOptions: j,
-    limit: v,
-    aspectRatio: r,
+    itemsOptions: y,
+    limit: x,
+    aspectRatio: p,
     setAspectRatio: i
-  } = u, [I, w] = x.useState(
+  } = h, [b, w] = g.useState(
     null
-  ), [q, R] = x.useState({
+  ), [q, E] = g.useState({
     top: 0,
     left: 0
-  }), [K, f] = x.useState(!1), h = pt(
+  }), [K, F] = g.useState(!1), n = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const N = () => {
-      w(null), f(!1);
+  g.useEffect(() => {
+    const v = () => {
+      w(null), F(!1);
     };
-    return document.body.addEventListener("click", N), w(null), f(!1), () => {
-      w(null), f(!1), document.body.removeEventListener("click", N);
+    return document.body.addEventListener("click", v), w(null), F(!1), () => {
+      w(null), F(!1), document.body.removeEventListener("click", v);
     };
-  }, []), x.useEffect(() => {
-    if (I) {
-      const N = [...s].map((D) => D.listingId === I.listingId ? I : D);
-      e(N);
+  }, []), g.useEffect(() => {
+    if (b) {
+      const v = [...s].map((A) => A.listingId === b.listingId ? b : A);
+      c(v);
     }
-  }, [I]);
-  const C = (N, D) => {
-    N.stopPropagation();
-    const F = N.target.getBoundingClientRect(), d = 100, $ = window.innerHeight;
-    let P = F.top + window.scrollY;
-    P + d > $ && (P = $ - d - 20), f(!0), R({
+  }, [b]);
+  const N = (v, A) => {
+    v.stopPropagation();
+    const H = v.target.getBoundingClientRect(), m = 100, $ = window.innerHeight;
+    let P = H.top + window.scrollY;
+    P + m > $ && (P = $ - m - 20), F(!0), E({
       top: P - 80,
-      left: F.left - 30
-    }), w(D);
+      left: H.left - 30
+    }), w(A);
   };
-  function M(N) {
+  function S(v) {
     if (T)
-      return N ? /* @__PURE__ */ t.jsx(
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${N}/w=1000`,
+          src: `https://imagedelivery.net/${v}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "Image",
           width: 16,
@@ -1275,21 +1275,21 @@ const Hn = (u) => {
         }
       );
   }
-  const O = (N) => {
-    const { active: D, over: F } = N;
-    if (F && D.id !== F.id) {
-      const d = s.findIndex((P) => String(P.listingId) === D.id), $ = s.findIndex((P) => String(P.listingId) === F.id);
-      if (d !== -1 && $ !== -1) {
-        const P = [...s], [E] = P.splice(d, 1);
-        P.splice($, 0, E), e(P);
+  const O = (v) => {
+    const { active: A, over: H } = v;
+    if (H && A.id !== H.id) {
+      const m = s.findIndex((P) => String(P.listingId) === A.id), $ = s.findIndex((P) => String(P.listingId) === H.id);
+      if (m !== -1 && $ !== -1) {
+        const P = [...s], [D] = P.splice(m, 1);
+        P.splice($, 0, D), c(P);
       }
     }
-  }, S = (N) => {
-    const D = j.find((d) => N.listingId === d.id);
-    if (!D) return null;
-    const F = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, M = (v) => {
+    const A = y.find((m) => v.listingId === m.id);
+    if (!A) return null;
+    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1300,108 +1300,108 @@ const Hn = (u) => {
       l === "select" && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (d) => {
-            const $ = [...s], P = j.find((z) => z.productData.name === d);
+          onChange: (m) => {
+            const $ = [...s], P = y.find((L) => L.productData.name === m);
             if (!P) return;
-            const E = {
+            const D = {
               listingId: P.id,
               image: P.productData.images.length > 0 ? P.productData.images[0].cfId : ""
-            }, et = $.map((z) => z.listingId === N.listingId ? E : z);
-            w(E), e([...et]);
+            }, et = $.map((L) => L.listingId === v.listingId ? D : L);
+            w(D), c([...et]);
           },
-          value: D.productData.name,
+          value: A.productData.name,
           options: [
-            ...j.filter((d) => !s.find(($) => $.listingId === d.id)).map((d) => d.productData.name)
+            ...y.filter((m) => !s.find(($) => $.listingId === m.id)).map((m) => m.productData.name)
           ],
-          leftAddonOptions: j.map((d) => {
+          leftAddonOptions: y.map((m) => {
             var $;
             return {
-              value: d.productData.name,
-              addon: M((($ = d.productData.images[0]) == null ? void 0 : $.cfId) || "")
+              value: m.productData.name,
+              addon: S((($ = m.productData.images[0]) == null ? void 0 : $.cfId) || "")
             };
           })
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        f && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (d) => C(d, N)
+            onClick: (m) => N(m, v)
           }
         ) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((d) => d !== N))
+            onClick: () => c(s.filter((m) => m !== v))
           }
         ) })
       ] })
     ] });
-    return y ? /* @__PURE__ */ t.jsx(
-      Ae,
+    return _ ? /* @__PURE__ */ t.jsx(
+      De,
       {
-        product: N,
-        children: F
+        product: v,
+        children: H
       },
-      N.listingId
+      v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: F
+        children: H
       },
-      N.listingId
+      v.listingId
     );
-  }, A = x.useRef(null);
+  }, C = g.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (o || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      o && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: o }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+    (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: u }),
+      a !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
-          current: n,
-          onChange: (N) => a == null ? void 0 : a(N)
+          current: a,
+          onChange: (v) => o == null ? void 0 : o(v)
         }
       )
     ] }),
-    K && I && /* @__PURE__ */ t.jsx(
-      Et,
+    K && b && /* @__PURE__ */ t.jsx(
+      Rt,
       {
-        ref: A,
-        activeItem: I,
+        ref: C,
+        activeItem: b,
         setActiveItem: w,
-        setIsOpenModal: f,
+        setIsOpenModal: F,
         popupPosition: q,
-        itemsOptions: j
+        itemsOptions: y
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: m }),
-      y ? /* @__PURE__ */ t.jsx(
+    a && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
+      d && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: d }),
+      _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: h,
+          sensors: n,
           onDragEnd: O,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((N) => String(N.listingId)),
+              items: s.map((v) => String(v.listingId)),
               strategy: _t,
-              children: s.map((N) => S(N))
+              children: s.map((v) => M(v))
             }
           )
         }
-      ) : s.map((N) => S(N)),
-      p && /* @__PURE__ */ t.jsx(
+      ) : s.map((v) => M(v)),
+      r && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1416,25 +1416,25 @@ const Hn = (u) => {
               className: W.button,
               size: "s",
               onClick: () => {
-                const N = [...s];
-                for (let D = 0; D < j.length; D++)
-                  if (!s.find((F) => F.listingId === j[D].id)) {
-                    N.push({
-                      listingId: j[D].id,
-                      image: j[D].productData.images.length > 0 ? j[D].productData.images[0].cfId : ""
+                const v = [...s];
+                for (let A = 0; A < y.length; A++)
+                  if (!s.find((H) => H.listingId === y[A].id)) {
+                    v.push({
+                      listingId: y[A].id,
+                      image: y[A].productData.images.length > 0 ? y[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                e(N);
+                c(v);
               },
-              disabled: s.length === (v || j.length),
+              disabled: s.length === (x || y.length),
               style: {
                 width: "fit-content"
               },
               children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -1447,64 +1447,64 @@ const Hn = (u) => {
         }
       )
     ] }),
-    r && i && /* @__PURE__ */ t.jsx(
+    p && i && /* @__PURE__ */ t.jsx(
       ot,
       {
-        value: r,
-        options: Object.keys(wt),
-        onChange: (N) => i(N),
-        leftAddonOptions: kt
+        value: p,
+        options: Object.keys(Tt),
+        onChange: (v) => i(v),
+        leftAddonOptions: wt
       }
     ),
-    n && c !== void 0 && /* @__PURE__ */ t.jsx(
+    a && e !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: c
+        items: e
       }
     )
   ] });
-}, De = "_options_s4lx3_1", Ee = "_price_s4lx3_18", Re = "_oldPrice_s4lx3_25", Le = "_newPrice_s4lx3_34", ze = "_animate_s4lx3_42", Ue = "_meta_s4lx3_60", Fe = "_info_s4lx3_66", He = "_infoRight_s4lx3_75", Ve = "_buttons_s4lx3_82", Ye = "_variants_s4lx3_89", Ge = "_variant_s4lx3_89", We = "_stock_s4lx3_107", Xe = "_variantInfo_s4lx3_115", Qe = "_quantity_s4lx3_122", Je = "_button_s4lx3_82", Ke = "_activeVariant_s4lx3_168", Ze = "_chargeTypes_s4lx3_172", ts = "_charge_s4lx3_172", es = "_chargeActive_s4lx3_197", ss = "_title_s4lx3_205", B = {
-  options: De,
-  price: Ee,
-  oldPrice: Re,
-  newPrice: Le,
-  animate: ze,
-  meta: Ue,
-  info: Fe,
-  infoRight: He,
-  buttons: Ve,
-  variants: Ye,
-  variant: Ge,
-  stock: We,
-  variantInfo: Xe,
-  quantity: Qe,
-  button: Je,
-  activeVariant: Ke,
-  chargeTypes: Ze,
-  charge: ts,
-  chargeActive: es,
-  title: ss
+}, Ee = "_options_s4lx3_1", Re = "_price_s4lx3_18", Le = "_oldPrice_s4lx3_25", ze = "_newPrice_s4lx3_34", Ue = "_animate_s4lx3_42", Fe = "_meta_s4lx3_60", He = "_info_s4lx3_66", Ve = "_infoRight_s4lx3_75", Ye = "_buttons_s4lx3_82", Ge = "_variants_s4lx3_89", We = "_variant_s4lx3_89", Xe = "_stock_s4lx3_107", Qe = "_variantInfo_s4lx3_115", Je = "_quantity_s4lx3_122", Ke = "_button_s4lx3_82", Ze = "_activeVariant_s4lx3_168", ts = "_chargeTypes_s4lx3_172", es = "_charge_s4lx3_172", ss = "_chargeActive_s4lx3_197", ns = "_title_s4lx3_205", B = {
+  options: Ee,
+  price: Re,
+  oldPrice: Le,
+  newPrice: ze,
+  animate: Ue,
+  meta: Fe,
+  info: He,
+  infoRight: Ve,
+  buttons: Ye,
+  variants: Ge,
+  variant: We,
+  stock: Xe,
+  variantInfo: Qe,
+  quantity: Je,
+  button: Ke,
+  activeVariant: Ze,
+  chargeTypes: ts,
+  charge: es,
+  chargeActive: ss,
+  title: ns
 };
-var $t = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))($t || {});
-const ns = (u) => {
-  var R, K;
-  const { product: n, setIsOpen: a } = u, { variants: s } = n, [e, c] = x.useState(s[0]), [o, m] = x.useState(
+var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
+const is = (h) => {
+  var K, F;
+  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: c } = a, [e, u] = g.useState(c[0]), [d, f] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: y } = St(), T = Ct(), [g, p] = x.useState(1), { cart: l, reset: j, addProductToCart: v } = ct(), [r, i] = x.useState(!1);
-  x.useEffect(() => {
-    i(!0);
-    const f = setTimeout(() => i(!1), 600);
-    return () => clearTimeout(f);
-  }, [g]);
-  async function I() {
+  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [r, l] = g.useState(1), { cart: y, reset: x, addProductToCart: p } = ct(), [i, b] = g.useState(!1);
+  g.useEffect(() => {
+    b(!0);
+    const n = setTimeout(() => b(!1), 600);
+    return () => clearTimeout(n);
+  }, [r]);
+  async function w() {
     try {
-      v({
-        productId: n.id,
+      p({
+        productId: a.id,
         productVariantId: e.id,
-        chargeType: o,
-        quantity: g
-      }), y([
+        chargeType: d,
+        quantity: r
+      }), T([
         ..._,
         {
           id: J(),
@@ -1512,67 +1512,67 @@ const ns = (u) => {
           status: "success"
         }
       ]);
-    } catch (f) {
-      y([
+    } catch (n) {
+      T([
         ..._,
         {
           id: J(),
-          message: `Product failed to add to cart: ${f}`,
+          message: `Product failed to add to cart: ${n}`,
           status: "error"
         }
       ]);
     }
-    a == null || a(!1);
+    o == null || o(!1);
   }
-  function w() {
-    j(), I(), T("/checkout");
+  function q() {
+    x(), w(), I("/checkout");
   }
-  function q(f) {
-    if (f >= 864e5) {
-      const S = Math.floor(f / 864e5);
-      return `${S} ${S === 1 ? "day" : "days"}`;
-    } else if (f >= 36e5) {
-      const S = Math.floor(f / 36e5);
-      return `${S} ${S === 1 ? "hour" : "hours"}`;
-    } else if (f >= 6e4) {
-      const S = Math.floor(f / 6e4);
-      return `${S} ${S === 1 ? "minute" : "minutes"}`;
+  function E(n) {
+    if (n >= 864e5) {
+      const C = Math.floor(n / 864e5);
+      return `${C} ${C === 1 ? "day" : "days"}`;
+    } else if (n >= 36e5) {
+      const C = Math.floor(n / 36e5);
+      return `${C} ${C === 1 ? "hour" : "hours"}`;
+    } else if (n >= 6e4) {
+      const C = Math.floor(n / 6e4);
+      return `${C} ${C === 1 ? "minute" : "minutes"}`;
     } else {
-      const S = Math.floor(f / 1e3);
-      return `${S} ${S === 1 ? "second" : "seconds"}`;
+      const C = Math.floor(n / 1e3);
+      return `${C} ${C === 1 ? "second" : "seconds"}`;
     }
   }
-  return x.useEffect(() => {
-    e.quantity && e.quantity.available === 0 ? p(0) : p(1);
-  }, [e.quantity.available]), x.useEffect(() => {
-    e.chargeTypes && m(
-      e.chargeTypes.includes(o) ? o : e.chargeTypes[0]
+  return g.useEffect(() => {
+    e.quantity && e.quantity.available === 0 ? l(0) : l(1);
+  }, [e.quantity.available]), g.useEffect(() => {
+    e.chargeTypes && f(
+      e.chargeTypes.includes(d) ? d : e.chargeTypes[0]
     );
   }, [e.chargeTypes]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H(B.charge, {
-          [B.chargeActive]: o === f
+        className: U(B.charge, {
+          [B.chargeActive]: d === n
         }),
-        onClick: () => m(f),
-        children: $t[f]
+        onClick: () => f(n),
+        children: Ot[n]
       },
-      f
+      n
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.filter((f) => {
-      var h;
-      return (h = f.chargeTypes) == null ? void 0 : h.includes(o);
-    }).map((f) => {
-      var h, C;
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: c.filter((n) => {
+      var N;
+      return (N = n.chargeTypes) == null ? void 0 : N.includes(d);
+    }).map((n) => {
+      var N, S;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(B.variant, {
-            [B.activeVariant]: e.id === f.id
+          className: U(B.variant, {
+            [B.activeVariant]: e.id === n.id
           }),
           onClick: () => {
-            c(f), p(1);
+            u(n), l(1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
@@ -1581,25 +1581,25 @@ const ns = (u) => {
                 {
                   className: B.title,
                   id: "h4",
-                  children: at(f.name)
+                  children: at(n.name)
                 }
               ),
               /* @__PURE__ */ t.jsxs("span", { id: "md", children: [
                 Q({
-                  amount: o === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : 0,
-                  currency: o === "ONE_TIME" ? f.price.currency : f.subscriptionSettings ? f.subscriptionSettings.price.currency : "USD"
+                  amount: d === "ONE_TIME" ? n.price.amount : n.subscriptionSettings ? n.subscriptionSettings.price.amount : 0,
+                  currency: d === "ONE_TIME" ? n.price.currency : n.subscriptionSettings ? n.subscriptionSettings.price.currency : "USD"
                 }),
                 " ",
-                o === "RECURRING" && f.subscriptionSettings && ` / ${Rt(f.subscriptionSettings.recurringIntervalDays || 0)}`
+                d === "RECURRING" && n.subscriptionSettings && ` / ${Lt(n.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { id: "md", children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
+            /* @__PURE__ */ t.jsx("div", { id: "md", children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
               "span",
               {
                 className: B.stock,
                 id: "md",
                 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 : "∞",
+                  (N = n.quantity.restrictions) != null && N.max || n.quantity.available !== void 0 ? ((S = n.quantity.restrictions) == null ? void 0 : S.max) || n.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -1607,51 +1607,51 @@ const ns = (u) => {
             ) })
           ]
         },
-        f.id
+        n.id
       );
     }) }),
-    o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
+    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: B.quantity,
         id: "md",
         children: [
           /* @__PURE__ */ t.jsx(
-            L,
+            R,
             {
               type: "Secondary",
               onClick: () => {
-                g > 1 ? p((f) => f - 1) : p(1);
+                r > 1 ? l((n) => n - 1) : l(1);
               },
               className: B.button,
-              disabled: e.quantity.available && e.quantity.restrictions && g <= e.quantity.restrictions.min || e.quantity.available === 0,
-              children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
+              disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
+              children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Lt,
+            zt,
             {
               type: "number",
-              value: String(g),
-              onChange: (f) => {
-                e.quantity.available && Number(f) > e.quantity.available ? p(e.quantity.available) : p(Number(f));
+              value: String(r),
+              onChange: (n) => {
+                e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
               },
-              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,
+              max: ((K = e.quantity.restrictions) == null ? void 0 : K.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+              min: ((F = e.quantity.restrictions) == null ? void 0 : F.min) || 0,
               centered: !0,
-              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && g >= e.quantity.restrictions.max
+              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
             }
           ),
           /* @__PURE__ */ t.jsx(
-            L,
+            R,
             {
               type: "Secondary",
               onClick: () => {
-                p((f) => f + 1);
+                l((n) => n + 1);
               },
               className: B.button,
-              disabled: !!(e.quantity.available && e.quantity.restrictions && g >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && g >= e.quantity.available),
-              children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
+              disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && r >= e.quantity.available),
+              children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
             }
           )
         ]
@@ -1662,7 +1662,7 @@ const ns = (u) => {
         /* @__PURE__ */ t.jsx("span", { id: "md", children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "Lightning",
               fill: "var(--text-action)",
@@ -1670,19 +1670,19 @@ const ns = (u) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { id: "md", children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : q(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { id: "md", children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : E(e.deliveryTime) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { id: "md", children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: o === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: B.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: r }), children: Q({
-                amount: e.price.amount * g,
+              /* @__PURE__ */ t.jsx("span", { className: U(B.newPrice, { [B.animate]: i }), children: Q({
+                amount: e.price.amount * r,
                 currency: e.price.currency
               }) }),
               /* @__PURE__ */ t.jsx(
@@ -1691,7 +1691,7 @@ const ns = (u) => {
                   className: B.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.compareAtPrice.amount * g,
+                    amount: e.compareAtPrice.amount * r,
                     currency: e.compareAtPrice.currency
                   })
                 }
@@ -1701,10 +1701,10 @@ const ns = (u) => {
         ) : /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: H(B.newPrice, { [B.animate]: r }),
+            className: U(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.price.amount * g,
+              amount: e.price.amount * r,
               currency: e.price.currency
             })
           }
@@ -1717,10 +1717,10 @@ const ns = (u) => {
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: H(B.newPrice, { [B.animate]: r }),
+                  className: U(B.newPrice, { [B.animate]: i }),
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.price.amount * g,
+                    amount: e.subscriptionSettings.price.amount * r,
                     currency: e.subscriptionSettings.price.currency
                   })
                 }
@@ -1731,7 +1731,7 @@ const ns = (u) => {
                   className: B.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.compareAtPrice.amount * g,
+                    amount: e.subscriptionSettings.compareAtPrice.amount * r,
                     currency: e.subscriptionSettings.compareAtPrice.currency
                   })
                 }
@@ -1741,10 +1741,10 @@ const ns = (u) => {
         ) : e.subscriptionSettings && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: H(B.newPrice, { [B.animate]: r }),
+            className: U(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.subscriptionSettings.price.amount * g,
+              amount: e.subscriptionSettings.price.amount * r,
               currency: e.subscriptionSettings.price.currency
             })
           }
@@ -1753,144 +1753,142 @@ const ns = (u) => {
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        L,
+        R,
         {
           type: "Primary",
-          onClick: () => w(),
+          onClick: () => q(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: o === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      o === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        L,
+      d === "ONE_TIME" && s && /* @__PURE__ */ t.jsx(
+        R,
         {
           type: "Secondary",
-          onClick: () => I(),
+          onClick: () => w(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: l.parts.some(
-            (f) => f.productId === n.id && f.productVariantId === e.id
+          children: y.parts.some(
+            (n) => n.productId === a.id && n.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, is = "_buttons_1uy6y_23", as = "_modal_1uy6y_32", os = "_closing_1uy6y_65", cs = "_info_1uy6y_114", rs = "_top_1uy6y_121", ls = "_title_1uy6y_132", ds = "_clear_1uy6y_139", us = "_activeClear_1uy6y_146", hs = "_count_1uy6y_150", ps = "_cart_1uy6y_165", ms = "_empty_1uy6y_173", gs = "_product_1uy6y_199", fs = "_products_1uy6y_208", xs = "_image_1uy6y_216", _s = "_productInfo_1uy6y_233", ys = "_content_1uy6y_240", js = "_name_1uy6y_246", vs = "_price_1uy6y_252", bs = "_productButtons_1uy6y_258", Is = "_productButton_1uy6y_258", Ns = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", Cs = "_subtotal_1uy6y_300", Ps = "_block_1uy6y_308", ks = "_shoppingCount_1uy6y_315", ws = "_total_1uy6y_335", Ts = "_link_1uy6y_341", Ms = "_userInfo_1uy6y_348", Bs = "_pagesMobileModal_1uy6y_360", $s = "_pagesMobileModalContent_1uy6y_374", Os = "_pagesMobileModalHeader_1uy6y_380", qs = "_pagesMobileModalFooter_1uy6y_390", As = "_pageLink_1uy6y_397", Ds = "_rightButtons_1uy6y_406", k = {
-  buttons: is,
-  modal: as,
-  closing: os,
-  info: cs,
-  top: rs,
-  title: ls,
-  clear: ds,
-  activeClear: us,
-  count: hs,
-  cart: ps,
-  empty: ms,
-  product: gs,
-  products: fs,
-  image: xs,
-  productInfo: _s,
-  content: ys,
-  name: js,
+}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ps = "_count_1uy6y_150", ms = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Cs = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", Ps = "_subtotal_1uy6y_300", ks = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", k = {
+  buttons: as,
+  modal: os,
+  closing: cs,
+  info: rs,
+  top: ls,
+  title: ds,
+  clear: us,
+  activeClear: hs,
+  count: ps,
+  cart: ms,
+  empty: gs,
+  product: fs,
+  products: xs,
+  image: _s,
+  productInfo: ys,
+  content: js,
+  name: bs,
   price: vs,
-  productButtons: bs,
-  productButton: Is,
-  productCount: Ns,
+  productButtons: Is,
+  productButton: Ns,
+  productCount: Cs,
   bottom: Ss,
-  subtotal: Cs,
-  block: Ps,
-  shoppingCount: ks,
-  total: ws,
-  link: Ts,
-  userInfo: Ms,
-  pagesMobileModal: Bs,
-  pagesMobileModalContent: $s,
-  pagesMobileModalHeader: Os,
-  pagesMobileModalFooter: qs,
-  pageLink: As,
-  rightButtons: Ds,
+  subtotal: Ps,
+  block: ks,
+  shoppingCount: ws,
+  total: Ts,
+  link: Ms,
+  userInfo: Bs,
+  pagesMobileModal: $s,
+  pagesMobileModalContent: Os,
+  pagesMobileModalHeader: qs,
+  pagesMobileModalFooter: As,
+  pageLink: Ds,
+  rightButtons: Es,
   delete: "_delete_1uy6y_413"
-}, Vn = (u) => {
-  const { shopping: n, signUp: a, isShowUserInfo: s = !0 } = u;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (n || s) && /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
-    n && /* @__PURE__ */ t.jsx(Es, {}),
-    s && /* @__PURE__ */ t.jsx(Ot, { signUp: a })
+}, Yn = (h) => {
+  const { shopping: a, signUp: o, isShowUserInfo: s = !0 } = h;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
+    a && /* @__PURE__ */ t.jsx(Rs, {}),
+    s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
   ] }) });
-}, Es = () => {
-  const [u, n] = x.useState(!1), [a, s] = x.useState([]), [e, c] = x.useState(!1), { cart: o, products: m } = ct();
-  x.useEffect(() => {
+}, Rs = () => {
+  const [h, a] = g.useState(!1), [o, s] = g.useState([]), [c, e] = g.useState(!1), { cart: u, products: d } = ct();
+  g.useEffect(() => {
     (async () => {
-      const p = o.parts.map((v) => String(v.productId)), l = m.filter((v) => p.includes(String(v.id))) || [];
-      console.log("Products", l);
-      const j = o.parts.map((v) => {
-        const r = l.find((i) => i.id === v.productId);
-        return console.log(r), r ? {
-          ...r,
-          activeVariantId: v.productVariantId,
-          quantity: v.quantity,
-          chargeType: v.chargeType
+      const r = u.parts.map((x) => String(x.productId)), l = d.filter((x) => r.includes(String(x.id))) || [], y = u.parts.map((x) => {
+        const p = l.find((i) => i.id === x.productId);
+        return p ? {
+          ...p,
+          activeVariantId: x.productVariantId,
+          quantity: x.quantity,
+          chargeType: x.chargeType
         } : null;
       }).filter(Boolean);
-      console.log("Products with active variants", j), s(j);
+      s(y);
     })();
-  }, [o.parts, m]);
-  function _(g) {
-    return !g || !(g != null && g.variants) ? !1 : g.chargeType === "RECURRING";
+  }, [u.parts, d]);
+  function f(I) {
+    return !I || !(I != null && I.variants) ? !1 : I.chargeType === "RECURRING";
   }
-  const y = o.parts.length > 0 && a.length > 0 && !_(a[0]);
+  const _ = u.parts.length > 0 && o.length > 0 && !f(o[0]);
   function T() {
-    c(!1), setTimeout(() => {
-      n(!1);
+    e(!1), setTimeout(() => {
+      a(!1);
     }, 300);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      L,
+      R,
       {
         type: "Secondary",
         style: {
           padding: 10,
           position: "relative"
         },
-        onClick: (g) => {
-          g.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), c(!0));
+        onClick: (I) => {
+          I.stopPropagation(), window.location.pathname.includes("/admin/builder") || (a(!0), e(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "Handbag"
             }
           ),
-          y && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: o.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: u.parts.length })
         ]
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
+    h && /* @__PURE__ */ t.jsx(
       ut,
       {
         close: T,
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          Rs,
+          Ls,
           {
-            activeProducts: a,
-            isCartNotEmpty: y,
-            isOpen: e,
+            activeProducts: o,
+            isCartNotEmpty: _,
+            isOpen: c,
             close: T
           }
         )
       }
     )
   ] });
-}, Rs = (u) => {
-  var v, r;
-  const { activeProducts: n, isCartNotEmpty: a, isOpen: s, close: e } = u, { cart: c, reset: o, getTotalAndDiscount: m, updateQuantityOfProduct: _, removeProduct: y } = ct(), T = Ct();
-  function g(i, I) {
-    T(i, { replace: I });
+}, Ls = (h) => {
+  var x, p;
+  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: c } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), T = St();
+  function I(i, b) {
+    T(i, { replace: b });
   }
-  function p(i) {
-    i.quantity && _({
+  function r(i) {
+    i.quantity && f({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity + 1,
@@ -1898,15 +1896,15 @@ const ns = (u) => {
     });
   }
   function l(i) {
-    i.quantity && _({
+    i.quantity && f({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity - 1,
       chargeType: i.chargeType
     });
   }
-  function j(i) {
-    y({
+  function y(i) {
+    _({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity || 1,
@@ -1916,7 +1914,7 @@ const ns = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(k.modal, {
+      className: U(k.modal, {
         [k.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
@@ -1931,33 +1929,33 @@ const ns = (u) => {
                 children: "Cart"
               }
             ),
-            a && /* @__PURE__ */ t.jsx(
+            o && /* @__PURE__ */ t.jsx(
               "div",
               {
                 className: k.count,
                 id: "md",
-                children: c.parts.length
+                children: e.parts.length
               }
             )
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: k.rightButtons, children: [
-            a && /* @__PURE__ */ t.jsx(
+            o && /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: H(k.clear, {
-                  [k.activeClear]: a
+                className: U(k.clear, {
+                  [k.activeClear]: o
                 }),
-                disabled: !a,
-                onClick: o,
+                disabled: !o,
+                onClick: u,
                 id: "md",
                 children: "Clear all"
               }
             ),
             /* @__PURE__ */ t.jsx(
-              b,
+              j,
               {
                 name: "X",
-                onClick: e,
+                onClick: c,
                 hoverable: !0,
                 width: 24,
                 height: 24,
@@ -1966,9 +1964,9 @@ const ns = (u) => {
             )
           ] })
         ] }),
-        a ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: k.products, children: n.map((i) => {
-            var I, w;
+        o ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: k.products, children: a.map((i) => {
+            var b, w;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
@@ -1985,7 +1983,7 @@ const ns = (u) => {
                         className: k.image
                       }
                     ) : /* @__PURE__ */ t.jsx("div", { className: k.image, children: /* @__PURE__ */ t.jsx(
-                      b,
+                      j,
                       {
                         name: "Image",
                         fill: "var(--text-secondary)"
@@ -1993,7 +1991,7 @@ const ns = (u) => {
                     ) }),
                     /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
                       /* @__PURE__ */ t.jsx("div", { className: k.name, children: at(
-                        ((I = i.variants.find((q) => q.id === i.activeVariantId)) == null ? void 0 : I.name) || i.name
+                        ((b = i.variants.find((q) => q.id === i.activeVariantId)) == null ? void 0 : b.name) || i.name
                       ) }),
                       /* @__PURE__ */ t.jsx("div", { className: k.price, children: Q({
                         amount: i.variants.find(
@@ -2007,7 +2005,7 @@ const ns = (u) => {
                   ] }),
                   /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
                     /* @__PURE__ */ t.jsx(
-                      L,
+                      R,
                       {
                         type: "Secondary",
                         onClick: () => {
@@ -2016,7 +2014,7 @@ const ns = (u) => {
                         className: k.productButton,
                         disabled: i.quantity === 1,
                         children: /* @__PURE__ */ t.jsx(
-                          b,
+                          j,
                           {
                             name: "Minus",
                             fill: "#757575",
@@ -2033,14 +2031,14 @@ const ns = (u) => {
                         type: "number",
                         value: ((w = i.quantity) == null ? void 0 : w.toString()) || "",
                         onChange: (q) => {
-                          const R = Math.min(
+                          const E = Math.min(
                             Number(q.target.value),
                             i.variants.find((K) => K.id === i.activeVariantId).quantity.available || 1 / 0
                           );
-                          R < 1 || _({
+                          E < 1 || f({
                             productId: i.id,
                             productVariantId: i.activeVariantId,
-                            quantity: R,
+                            quantity: E,
                             chargeType: i.chargeType
                           });
                         },
@@ -2049,14 +2047,14 @@ const ns = (u) => {
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
-                      L,
+                      R,
                       {
                         type: "Secondary",
-                        onClick: () => p(i),
+                        onClick: () => r(i),
                         className: k.productButton,
                         disabled: i.quantity === i.variants.find((q) => q.id === i.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
-                          b,
+                          j,
                           {
                             name: "Plus",
                             fill: "#757575",
@@ -2067,13 +2065,13 @@ const ns = (u) => {
                       }
                     ),
                     /* @__PURE__ */ t.jsx("div", { className: k.delete, children: /* @__PURE__ */ t.jsx(
-                      b,
+                      j,
                       {
                         name: "Trash",
                         fill: "var(--text-action)",
                         width: 20,
                         height: 20,
-                        onClick: () => j(i),
+                        onClick: () => y(i),
                         hoverable: !0
                       }
                     ) })
@@ -2088,7 +2086,7 @@ const ns = (u) => {
               /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Info",
                     width: 20,
@@ -2098,19 +2096,19 @@ const ns = (u) => {
                 )
               ] }),
               /* @__PURE__ */ t.jsx("div", { className: k.total, children: Q({
-                amount: m().total,
-                currency: c.parts.length > 0 && ((r = (v = n.find((i) => i.id === c.parts[0].productId)) == null ? void 0 : v.variants.find((i) => i.id === c.parts[0].productVariantId)) == null ? void 0 : r.price.currency) || "USD"
+                amount: d().total,
+                currency: e.parts.length > 0 && ((p = (x = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : p.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx(L, { onClick: () => g("/checkout", !1), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(R, { onClick: () => I("/checkout", !1), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Ls, {})
+        ] }) : /* @__PURE__ */ t.jsx(zs, {})
       ]
     }
   );
-}, Ls = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
+}, zs = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    b,
+    j,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -2130,34 +2128,34 @@ const ns = (u) => {
       }
     )
   ] })
-] }), Ot = ({ signUp: u, close: n }) => {
-  const { token: a } = zt(), s = Ct(), [e, c] = x.useState("test-email@gmail.com");
-  x.useEffect(() => {
-    a && (async () => {
-      if (!a) return;
-      const _ = Ut(a);
-      c(_.email);
+] }), qt = ({ signUp: h, close: a }) => {
+  const { token: o } = Ut(), s = St(), [c, e] = g.useState("test-email@gmail.com");
+  g.useEffect(() => {
+    o && (async () => {
+      if (!o) return;
+      const f = Ft(o);
+      e(f.email);
     })();
-  }, [a]);
-  function o(m) {
-    window.location.pathname.includes("/admin/builder") || s(m);
+  }, [o]);
+  function u(d) {
+    window.location.pathname.includes("/admin/builder") || s(d);
   }
-  return a ? /* @__PURE__ */ t.jsx(
-    L,
+  return o ? /* @__PURE__ */ t.jsx(
+    R,
     {
       type: "Secondary",
       className: k.userInfo,
       onClick: () => {
-        o("/customer-dash"), n == null || n();
+        u("/customer-dash"), a == null || a();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: e || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      L,
+      R,
       {
         onClick: () => {
-          o("/customer-dash"), n == null || n();
+          u("/customer-dash"), a == null || a();
         },
         type: "Secondary",
         style: {
@@ -2166,11 +2164,11 @@ const ns = (u) => {
         children: "Login"
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
-      L,
+    h && /* @__PURE__ */ t.jsx(
+      R,
       {
         onClick: () => {
-          o("/customer-dash"), n == null || n();
+          u("/customer-dash"), a == null || a();
         },
         type: "Primary",
         style: {
@@ -2181,120 +2179,120 @@ const ns = (u) => {
       }
     )
   ] });
-}, zs = ({
-  logo: u,
-  setIsOpen: n,
-  signUp: a,
+}, Us = ({
+  logo: h,
+  setIsOpen: a,
+  signUp: o,
   pages: s
 }) => {
-  const { setIsOpen: e } = rt(), c = () => {
-    e(!1), setTimeout(() => {
-      n(!1), e(!0);
+  const { setIsOpen: c } = rt(), e = () => {
+    c(!1), setTimeout(() => {
+      a(!1), c(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: k.pagesMobileModal,
-      onClick: (o) => o.stopPropagation(),
+      onClick: (u) => u.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: u }),
+          /* @__PURE__ */ t.jsx("div", { children: h }),
           /* @__PURE__ */ t.jsx(
-            L,
+            R,
             {
               type: "Secondary",
-              onClick: c,
-              children: /* @__PURE__ */ t.jsx(b, { name: "X" })
+              onClick: e,
+              children: /* @__PURE__ */ t.jsx(j, { name: "X" })
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: s.length > 0 && s.map((o) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
           "div",
           {
             className: k.pageLink,
-            onClick: c,
+            onClick: e,
             children: /* @__PURE__ */ t.jsx(
-              Tt,
+              Mt,
               {
-                path: o.path,
-                children: o.name["en-US"]
+                path: u.path,
+                children: u.name["en-US"]
               },
-              o.id
+              u.id
             )
           }
         )) }),
         /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Ot,
+          qt,
           {
-            signUp: a,
-            close: c
+            signUp: o,
+            close: e
           }
         ) })
       ]
     }
   );
-}, Yn = ({ logo: u, signUp: n, pages: a }) => {
-  const [s, e] = x.useState(!1);
+}, Gn = ({ logo: h, signUp: a, pages: o }) => {
+  const [s, c] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Us, { setIsOpenModal: e }),
+    /* @__PURE__ */ t.jsx(Fs, { setIsOpenModal: c }),
     s && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: () => e(!1),
+        close: () => c(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          zs,
+          Us,
           {
-            logo: u,
-            setIsOpen: e,
-            signUp: n,
-            pages: a
+            logo: h,
+            setIsOpen: c,
+            signUp: a,
+            pages: o
           }
         )
       }
     )
   ] });
-}, Us = (u) => {
-  const { setIsOpenModal: n } = u;
+}, Fs = (h) => {
+  const { setIsOpenModal: a } = h;
   return /* @__PURE__ */ t.jsx(
-    L,
+    R,
     {
       type: "Secondary",
       style: {
         padding: 10
       },
-      onClick: (a) => {
-        a.stopPropagation(), window.location.pathname.includes("/admin/builder") || n(!0);
+      onClick: (o) => {
+        o.stopPropagation(), window.location.pathname.includes("/admin/builder") || a(!0);
       },
-      children: /* @__PURE__ */ t.jsx(b, { name: "List" })
+      children: /* @__PURE__ */ t.jsx(j, { name: "List" })
     }
   );
-}, Fs = "_share_onabp_1", Hs = "_modal_onabp_8", Vs = "_header_onabp_20", Ys = "_title_onabp_46", Gs = "_copyWrapper_onabp_53", Ws = "_copyText_onabp_62", Xs = "_copyTextMobile_onabp_75", Qs = "_copyTextMiniMobile_onabp_94", nt = {
-  share: Fs,
-  modal: Hs,
-  header: Vs,
-  title: Ys,
-  copyWrapper: Gs,
-  copyText: Ws,
-  copyTextMobile: Xs,
-  copyTextMiniMobile: Qs
-}, Gn = ({ title: u = "Copy Product Link" }) => {
-  const { isOpenModal: n, setIsOpenModal: a } = Mt();
+}, Hs = "_share_onabp_1", Vs = "_modal_onabp_8", Ys = "_header_onabp_20", Gs = "_title_onabp_46", Ws = "_copyWrapper_onabp_53", Xs = "_copyText_onabp_62", Qs = "_copyTextMobile_onabp_75", Js = "_copyTextMiniMobile_onabp_94", nt = {
+  share: Hs,
+  modal: Vs,
+  header: Ys,
+  title: Gs,
+  copyWrapper: Ws,
+  copyText: Xs,
+  copyTextMobile: Qs,
+  copyTextMiniMobile: Js
+}, Wn = ({ title: h = "Copy Product Link" }) => {
+  const { isOpenModal: a, setIsOpenModal: o } = Bt();
   function s() {
-    a(!0);
+    o(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      L,
+      R,
       {
         className: nt.share,
-        onClick: (e) => {
-          e.stopPropagation(), s();
+        onClick: (c) => {
+          c.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          b,
+          j,
           {
             name: "Share",
             fill: "#757575",
@@ -2303,13 +2301,13 @@ const ns = (u) => {
         )
       }
     ),
-    n && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Js, { title: u }) })
+    a && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: h }) })
   ] });
-}, Js = ({ title: u = "Copy Product Link" }) => {
-  const { setIsOpenModal: n } = Mt(), { notifications: a, setNotifications: s } = St(), { setIsOpen: e } = rt(), c = window.location.href;
-  function o() {
-    navigator.clipboard.writeText(c), s([
-      ...a,
+}, Ks = ({ title: h = "Copy Product Link" }) => {
+  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = Ct(), { setIsOpen: c } = rt(), e = window.location.href;
+  function u() {
+    navigator.clipboard.writeText(e), s([
+      ...o,
       {
         id: J(),
         message: "Link copied to clipboard",
@@ -2317,19 +2315,19 @@ const ns = (u) => {
       }
     ]);
   }
-  function m() {
-    e(!1), setTimeout(() => {
-      n(!1), e(!0);
+  function d() {
+    c(!1), setTimeout(() => {
+      a(!1), c(!0);
     }, 300);
   }
-  function _(y, T) {
-    return y.length > T ? y.slice(0, T) + "..." : y;
+  function f(_, T) {
+    return _.length > T ? _.slice(0, T) + "..." : _;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: nt.modal,
-      onClick: (y) => y.stopPropagation(),
+      onClick: (_) => _.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: nt.header, children: [
           /* @__PURE__ */ t.jsx(
@@ -2337,25 +2335,25 @@ const ns = (u) => {
             {
               className: nt.title,
               id: "h4",
-              children: u
+              children: h
             }
           ),
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "X",
               fill: "#757575",
-              onClick: m,
+              onClick: d,
               hoverable: !0
             }
           )
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            L,
+            R,
             {
               type: "Secondary",
-              onClick: o,
+              onClick: u,
               style: {
                 flex: 1
               },
@@ -2365,7 +2363,7 @@ const ns = (u) => {
                   {
                     className: nt.copyText,
                     id: "md",
-                    children: _(c, 100)
+                    children: f(e, 100)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2373,7 +2371,7 @@ const ns = (u) => {
                   {
                     className: nt.copyTextMobile,
                     id: "md",
-                    children: _(c, 40)
+                    children: f(e, 40)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2381,101 +2379,107 @@ const ns = (u) => {
                   {
                     className: nt.copyTextMiniMobile,
                     id: "md",
-                    children: _(c, 20)
+                    children: f(e, 20)
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            L,
+            R,
             {
               type: "Secondary",
-              onClick: o,
-              children: a.find(
-                (y) => y.message === "Link copied to clipboard"
-              ) ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              onClick: u,
+              children: o.find(
+                (_) => _.message === "Link copied to clipboard"
+              ) ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Ks = "_accordion_153d4_1", Zs = "_header_153d4_12", tn = "_icon_153d4_21", en = "_open_153d4_24", sn = "_content_153d4_28", nn = "_contentOpen_153d4_36", an = "_contentText_153d4_40", it = {
-  accordion: Ks,
-  header: Zs,
-  icon: tn,
-  open: en,
-  content: sn,
-  contentOpen: nn,
-  contentText: an
-}, Wn = ({ title: u, content: n, defaultOpen: a = !1 }) => {
-  const [s, e] = x.useState(a), [c, o] = x.useState(0), m = x.useRef(null), _ = () => {
-    e(!s);
+}, Zs = "_accordion_153d4_1", tn = "_header_153d4_12", en = "_icon_153d4_21", sn = "_open_153d4_24", nn = "_content_153d4_28", an = "_contentOpen_153d4_36", on = "_contentText_153d4_40", it = {
+  accordion: Zs,
+  header: tn,
+  icon: en,
+  open: sn,
+  content: nn,
+  contentOpen: an,
+  contentText: on
+}, Xn = ({ title: h, content: a, defaultOpen: o = !1 }) => {
+  const [s, c] = g.useState(o), [e, u] = g.useState(0), d = g.useRef(null), f = () => {
+    c(!s);
   };
-  return x.useEffect(() => {
-    m.current && o(s ? m.current.scrollHeight : 0);
+  return g.useEffect(() => {
+    d.current && u(s ? d.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: it.header,
-        onClick: _,
+        onClick: f,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
-          /* @__PURE__ */ t.jsx("div", { className: H(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
+          /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: H(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: U(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
       "p",
       {
         id: "md",
         className: it.contentText,
-        ref: m,
-        style: { height: `${c}px`, marginTop: `${c > 0 ? "20px" : "0px"}` },
-        children: n
+        ref: d,
+        style: { height: `${e}px`, marginTop: `${e > 0 ? "20px" : "0px"}` },
+        children: a
       }
     ) })
   ] });
-}, on = "_buttonsBlock_1b2rb_1", cn = {
-  buttonsBlock: on
-}, Xn = (u) => {
-  var y, T;
-  const { setIsOpen: n, setModalType: a, productId: s } = u, { cart: e } = ct(), { pageContext: c } = vt(), o = (y = c == null ? void 0 : c.listings) == null ? void 0 : y.find((g) => g.id === s);
-  if (!o)
+}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", Pt = {
+  buttonsBlock: cn,
+  cartDisabled: rn
+}, Qn = (h) => {
+  var T, I;
+  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: c = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (T = u == null ? void 0 : u.listings) == null ? void 0 : T.find((r) => r.id === s);
+  if (!d)
     return null;
-  const m = (T = c == null ? void 0 : c.products) == null ? void 0 : T.find(
-    (g) => g.uniquePath === o.productData.uniquePath
+  const f = (I = u == null ? void 0 : u.products) == null ? void 0 : I.find(
+    (r) => r.uniquePath === d.productData.uniquePath
   );
-  if (!m)
+  if (!f)
     return null;
-  const _ = e.parts.find((g) => g.productId === m.id);
+  const _ = e.parts.find((r) => r.productId === f.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: cn.buttonsBlock,
-      onClick: (g) => g.stopPropagation(),
+      className: U(Pt.buttonsBlock, {
+        [Pt.cartDisabled]: !c
+      }),
+      onClick: (r) => r.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsx(
-          L,
+        c && /* @__PURE__ */ t.jsx(
+          R,
           {
             type: "Secondary",
             style: {
               width: "100%"
             },
             onClick: () => {
-              a("Add To Cart"), n(!0);
+              o("Add To Cart"), a(!0);
             },
             children: _ ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          L,
+          R,
           {
             type: "Primary",
             onClick: () => {
-              a("Buy Now"), n(!0);
+              o("Buy Now"), a(!0);
+            },
+            style: {
+              width: "100%"
             },
             children: "Buy"
           }
@@ -2483,15 +2487,15 @@ const ns = (u) => {
       ]
     }
   );
-}, rn = "_wrapper_27wzz_1", ln = "_logo_27wzz_8", dn = "_info_27wzz_12", It = {
-  wrapper: rn,
-  logo: ln,
-  info: dn
-}, Qn = ({ date: u }) => {
-  const { general: n } = Ft();
-  if (!n) return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  function a(s) {
-    const e = new Date(s), c = {
+}, ln = "_wrapper_27wzz_1", dn = "_logo_27wzz_8", un = "_info_27wzz_12", It = {
+  wrapper: ln,
+  logo: dn,
+  info: un
+}, Jn = ({ date: h }) => {
+  const { general: a } = Ht();
+  if (!a) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  function o(s) {
+    const c = new Date(s), e = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2499,18 +2503,18 @@ const ns = (u) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", c);
+    return c.toLocaleDateString("en-US", e);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: It.logo, children: n.info.logo ? /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: It.logo, children: a.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: `https://imagedelivery.net/${n.info.logo.cfId}/w=500,h=500`,
+        src: `https://imagedelivery.net/${a.info.logo.cfId}/w=500,h=500`,
         alt: "image",
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      b,
+      j,
       {
         name: "Image",
         width: 48,
@@ -2518,99 +2522,100 @@ const ns = (u) => {
       }
     ) }),
     /* @__PURE__ */ t.jsxs("div", { className: It.info, children: [
-      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: n.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(u) })
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: a.info.name }),
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: o(h) })
     ] })
   ] });
-}, un = "_variants_1f6zq_82", hn = "_variant_1f6zq_82", pn = "_stock_1f6zq_100", mn = "_variantInfo_1f6zq_108", gn = "_title_1f6zq_202", fn = "_modal_1f6zq_208", xn = "_header_1f6zq_228", _n = "_productOptions_1f6zq_236", yn = "_loading_1f6zq_240", tt = {
-  variants: un,
-  variant: hn,
-  stock: pn,
-  variantInfo: mn,
-  title: gn,
-  modal: fn,
-  header: xn,
-  productOptions: _n,
-  loading: yn
-}, Jn = (u) => {
-  var p;
-  const { pageContext: n } = vt(), a = (p = n == null ? void 0 : n.listings) == null ? void 0 : p.find((l) => l.id === u.productId), [s, e] = x.useState(!0), [c, o] = x.useState(null), m = (c == null ? void 0 : c.variants[0]) || null, [_, y] = x.useState(
+}, hn = "_variants_1f6zq_82", pn = "_variant_1f6zq_82", mn = "_stock_1f6zq_100", gn = "_variantInfo_1f6zq_108", fn = "_title_1f6zq_202", xn = "_modal_1f6zq_208", _n = "_header_1f6zq_228", yn = "_productOptions_1f6zq_236", jn = "_loading_1f6zq_240", tt = {
+  variants: hn,
+  variant: pn,
+  stock: mn,
+  variantInfo: gn,
+  title: fn,
+  modal: xn,
+  header: _n,
+  productOptions: yn,
+  loading: jn
+}, Kn = (h) => {
+  var r;
+  const { pageContext: a } = bt(), o = (r = a == null ? void 0 : a.listings) == null ? void 0 : r.find((l) => l.id === h.productId), [s, c] = g.useState(!0), [e, u] = g.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [f, _] = g.useState(
     "ONE_TIME"
-  ), { addProducts: T } = ct(), { setIsOpen: g } = rt();
-  return x.useEffect(() => {
+  ), { addProducts: T } = ct(), { setIsOpen: I } = rt();
+  return g.useEffect(() => {
     (async () => {
-      e(!0);
-      const j = await Ht(
+      c(!0);
+      const y = await Vt(
         encodeURIComponent(
-          `/product/${a.productData.uniquePath}`
+          `/product/${o.productData.uniquePath}`
         )
       );
-      T(j == null ? void 0 : j.data.products), o(j == null ? void 0 : j.data.products[0]), e(!1);
+      T(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), c(!1);
     })();
-  }, []), x.useEffect(() => {
-    g(!0);
-  }, []), /* @__PURE__ */ t.jsx(ut, { close: u.setIsOpen, children: /* @__PURE__ */ t.jsxs(
+  }, []), g.useEffect(() => {
+    I(!0);
+  }, []), /* @__PURE__ */ t.jsx(ut, { close: h.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: tt.modal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: tt.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
-        u.type === "Add To Cart" && c && m && !s && /* @__PURE__ */ t.jsx(
-          jn,
+        s && /* @__PURE__ */ t.jsx("div", { className: tt.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
+        h.type === "Add To Cart" && h.isCartEnabled && e && d && !s && /* @__PURE__ */ t.jsx(
+          bn,
           {
-            variants: c.variants,
-            activeVariant: m,
-            activeChargeType: _,
-            setActiveChargeType: y,
-            productId: c.id,
-            setIsOpen: u.setIsOpen
+            variants: e.variants,
+            activeVariant: d,
+            activeChargeType: f,
+            setActiveChargeType: _,
+            productId: e.id,
+            setIsOpen: h.setIsOpen
           }
         ),
-        u.type === "Buy Now" && c && !s && /* @__PURE__ */ t.jsx(
+        h.type === "Buy Now" && e && !s && /* @__PURE__ */ t.jsx(
           vn,
           {
-            product: c,
-            setIsOpen: u.setIsOpen
+            product: e,
+            setIsOpen: h.setIsOpen,
+            isCartEnabled: h.isCartEnabled
           }
         )
       ]
     }
   ) });
-}, jn = (u) => {
-  const { variants: n, activeChargeType: a, productId: s, setIsOpen: e } = u, { cart: c, addProductToCart: o, addProducts: m, updateQuantityOfProduct: _ } = ct(), { notifications: y, setNotifications: T } = St(), { pageContext: g } = vt(), { setIsOpen: p } = rt(), l = () => {
-    p(!1), setTimeout(() => {
-      e(!1);
+}, bn = (h) => {
+  const { variants: a, activeChargeType: o, productId: s, setIsOpen: c } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: T } = Ct(), { pageContext: I } = bt(), { setIsOpen: r } = rt(), l = () => {
+    r(!1), setTimeout(() => {
+      c(!1);
     }, 300);
   };
-  async function j(v) {
-    const r = n.find((w) => w.id === v), i = c.parts.find(
-      (w) => w.productId === u.productId && w.productVariantId === v
+  async function y(x) {
+    const p = a.find((w) => w.id === x), i = e.parts.find(
+      (w) => w.productId === h.productId && w.productVariantId === x
     );
-    if ((r == null ? void 0 : r.quantity.available) && (r == null ? void 0 : r.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (r == null ? void 0 : r.quantity.restrictions.max) || (r == null ? void 0 : r.quantity.available) === 0 || (r == null ? void 0 : r.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (r == null ? void 0 : r.quantity.available)) {
+    if ((p == null ? void 0 : p.quantity.available) && (p == null ? void 0 : p.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (p == null ? void 0 : p.quantity.restrictions.max) || (p == null ? void 0 : p.quantity.available) === 0 || (p == null ? void 0 : p.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (p == null ? void 0 : p.quantity.available)) {
       T([
-        ...y,
+        ..._,
         { id: J(), message: "Product is out of stock", status: "error" }
       ]);
       return;
     }
     if (i)
-      _({
+      f({
         productId: s,
-        productVariantId: v,
+        productVariantId: x,
         quantity: i.quantity + 1,
-        chargeType: a
+        chargeType: o
       });
     else {
-      g != null && g.products && m(g.products);
+      I != null && I.products && d(I.products);
       try {
-        o({
+        u({
           productId: s,
-          productVariantId: v,
+          productVariantId: x,
           quantity: 1,
-          chargeType: a
+          chargeType: o
         }), T([
-          ...y,
+          ..._,
           {
             id: J(),
             message: "Product added to cart",
@@ -2619,7 +2624,7 @@ const ns = (u) => {
         ]);
       } catch (w) {
         T([
-          ...y,
+          ..._,
           {
             id: J(),
             message: `Product failed to add to cart: ${w}`,
@@ -2633,7 +2638,7 @@ const ns = (u) => {
     /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a Variant" }),
       /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "X",
           width: 24,
@@ -2644,17 +2649,17 @@ const ns = (u) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: tt.variants, children: n.filter((v) => {
-      var r;
-      return (r = v.chargeTypes) == null ? void 0 : r.includes(a);
-    }).map((v) => {
-      var r, i, I;
+    /* @__PURE__ */ t.jsx("div", { className: tt.variants, children: a.filter((x) => {
+      var p;
+      return (p = x.chargeTypes) == null ? void 0 : p.includes(o);
+    }).map((x) => {
+      var p, i, b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(tt.variant),
+          className: U(tt.variant),
           onClick: () => {
-            j(v.id), e(!1);
+            y(x.id), c(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: tt.variantInfo, children: [
@@ -2663,21 +2668,21 @@ const ns = (u) => {
                 {
                   className: tt.title,
                   id: "h4",
-                  children: v.name
+                  children: x.name
                 }
               ),
               /* @__PURE__ */ t.jsx("span", { id: "md", children: Q({
-                amount: a === "ONE_TIME" ? v.price.amount : v.subscriptionSettings ? v.subscriptionSettings.price.amount : 0,
-                currency: a === "ONE_TIME" ? v.price.currency : ((r = v.subscriptionSettings) == null ? void 0 : r.price.currency) || "USD"
+                amount: o === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : 0,
+                currency: o === "ONE_TIME" ? x.price.currency : ((p = x.subscriptionSettings) == null ? void 0 : p.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { id: "md", children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
+            /* @__PURE__ */ t.jsx("div", { id: "md", children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
               "span",
               {
                 className: tt.stock,
                 id: "md",
                 children: [
-                  (i = v.quantity.restrictions) != null && i.max || v.quantity.available !== void 0 ? ((I = v.quantity.restrictions) == null ? void 0 : I.max) || v.quantity.available : "∞",
+                  (i = x.quantity.restrictions) != null && i.max || x.quantity.available !== void 0 ? ((b = x.quantity.restrictions) == null ? void 0 : b.max) || x.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -2685,24 +2690,24 @@ const ns = (u) => {
             ) })
           ]
         },
-        v.id
+        x.id
       );
     }) })
   ] });
-}, vn = (u) => {
-  const { product: n, setIsOpen: a } = u, { setIsOpen: s } = rt(), e = () => {
-    s(!1), setTimeout(() => {
-      a(!1);
+}, vn = (h) => {
+  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: c } = rt(), e = () => {
+    c(!1), setTimeout(() => {
+      o(!1);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        at(n.name)
+        at(a.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "X",
           width: 24,
@@ -2718,81 +2723,82 @@ const ns = (u) => {
       )
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: tt.productOptions, children: /* @__PURE__ */ t.jsx(
-      ns,
+      is,
       {
-        product: n,
-        setIsOpen: a
+        product: a,
+        setIsOpen: o,
+        isCartEnabled: s
       }
     ) })
   ] });
-}, bn = "_contentModal_1ptti_1", In = "_modalTop_1ptti_13", Nn = "_loading_1ptti_19", Sn = "_modalCards_1ptti_27", Cn = "_modalImage_1ptti_32", Pn = "_card_1ptti_37", kn = "_cardInfo_1ptti_49", wn = "_cardButtons_1ptti_56", Tn = "_title_1ptti_62", Mn = "_blockImage_1ptti_69", Bn = "_short_1ptti_78", $n = "_price_1ptti_82", On = "_oldPrice_1ptti_89", qn = "_newPrice_1ptti_98", U = {
-  contentModal: bn,
-  modalTop: In,
-  loading: Nn,
+}, In = "_contentModal_1ptti_1", Nn = "_modalTop_1ptti_13", Cn = "_loading_1ptti_19", Sn = "_modalCards_1ptti_27", Pn = "_modalImage_1ptti_32", kn = "_card_1ptti_37", wn = "_cardInfo_1ptti_49", Tn = "_cardButtons_1ptti_56", Mn = "_title_1ptti_62", Bn = "_blockImage_1ptti_69", $n = "_short_1ptti_78", On = "_price_1ptti_82", qn = "_oldPrice_1ptti_89", An = "_newPrice_1ptti_98", z = {
+  contentModal: In,
+  modalTop: Nn,
+  loading: Cn,
   modalCards: Sn,
-  modalImage: Cn,
-  card: Pn,
-  cardInfo: kn,
-  cardButtons: wn,
-  title: Tn,
-  blockImage: Mn,
-  short: Bn,
-  price: $n,
-  oldPrice: On,
-  newPrice: qn
-}, Kn = (u) => {
+  modalImage: Pn,
+  card: kn,
+  cardInfo: wn,
+  cardButtons: Tn,
+  title: Mn,
+  blockImage: Bn,
+  short: $n,
+  price: On,
+  oldPrice: qn,
+  newPrice: An
+}, Zn = (h) => {
   const {
-    setIsOpen: n,
-    pageContext: a,
+    setIsOpen: a,
+    pageContext: o,
     groupData: s,
-    setProductId: e,
-    setIsProductModalOpen: c,
-    setShowDropdown: o
-  } = u, [m, _] = x.useState(null), [y, T] = x.useState(!0), { setIsOpen: g } = rt();
-  x.useEffect(() => {
-    var j;
+    setProductId: c,
+    setIsProductModalOpen: e,
+    setShowDropdown: u
+  } = h, [d, f] = g.useState(null), [_, T] = g.useState(!0), { setIsOpen: I } = rt();
+  g.useEffect(() => {
+    var y;
     T(!0);
-    const l = (j = a.listings) == null ? void 0 : j.filter(
-      (v) => s.listingIdList.includes(v.id)
+    const l = (y = o.listings) == null ? void 0 : y.filter(
+      (x) => s.listingIdList.includes(x.id)
     );
-    l && _([...l]), T(!1);
-  }, [a]), x.useEffect(() => {
-    g(!0);
+    l && f([...l]), T(!1);
+  }, [o]), g.useEffect(() => {
+    I(!0);
   }, []);
-  const p = () => {
-    g(!1), setTimeout(() => {
-      n(!1);
+  const r = () => {
+    I(!1), setTimeout(() => {
+      a(!1);
     }, 300);
   };
-  return /* @__PURE__ */ t.jsx(ut, { close: () => n(!1), children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(ut, { close: () => a(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U.contentModal,
+      className: z.contentModal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: U.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: z.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: U.title,
+              className: z.title,
               id: "h4",
               children: at(s.name)
             }
           ),
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "X",
               hoverable: !0,
-              onClick: p,
+              onClick: r,
               fill: "var(--text-primary)"
             }
           )
         ] }),
-        !y && m && /* @__PURE__ */ t.jsx("div", { className: U.modalCards, children: m.map((l) => /* @__PURE__ */ t.jsxs(
+        !_ && d && /* @__PURE__ */ t.jsx("div", { className: z.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: U.card,
+            className: z.card,
             children: [
               /* @__PURE__ */ t.jsx("div", { children: l.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
@@ -2801,27 +2807,27 @@ const ns = (u) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: U.modalImage
+                  className: z.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: H(U.blockImage, U.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: U.cardInfo, children: [
+              ) : /* @__PURE__ */ t.jsx("div", { className: U(z.blockImage, z.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: z.cardInfo, children: [
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
-                    className: U.name,
+                    className: z.name,
                     id: "h5",
                     children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                       at(l.productData.name),
                       /* @__PURE__ */ t.jsxs(
                         "span",
                         {
-                          className: U.price,
+                          className: z.price,
                           id: "md",
                           children: [
                             /* @__PURE__ */ t.jsx(
                               "span",
                               {
-                                className: U.newPrice,
+                                className: z.newPrice,
                                 id: "md",
                                 children: Q({
                                   amount: l.productData.minPrice.amount,
@@ -2832,7 +2838,7 @@ const ns = (u) => {
                             /* @__PURE__ */ t.jsx(
                               "span",
                               {
-                                className: U.oldPrice,
+                                className: z.oldPrice,
                                 id: "md",
                                 children: Q({
                                   amount: l.productData.compareAtPrice.amount,
@@ -2848,7 +2854,7 @@ const ns = (u) => {
                       /* @__PURE__ */ t.jsx(
                         "span",
                         {
-                          className: U.newPrice,
+                          className: z.newPrice,
                           id: "md",
                           children: Q({
                             amount: l.productData.minPrice.amount,
@@ -2862,30 +2868,30 @@ const ns = (u) => {
                 l.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: U.short,
+                    className: z.short,
                     id: "md",
                     children: at(l.productData.shortDescription)
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: U.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: z.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
-                  L,
+                  R,
                   {
                     type: "Secondary",
                     onClick: () => {
-                      e(l.id), n(!1), c(!0);
+                      c(l.id), a(!1), e(!0);
                     },
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Tt, { path: `/product/${l.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
-                  L,
+                /* @__PURE__ */ t.jsx(Mt, { path: `/product/${l.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
+                  R,
                   {
                     type: "Primary",
                     style: { whiteSpace: "nowrap" },
                     onClick: () => {
-                      o(!1), p();
+                      u(!1), r();
                     },
                     children: "View Details"
                   }
@@ -2895,56 +2901,56 @@ const ns = (u) => {
           },
           l.id
         )) }),
-        y && /* @__PURE__ */ t.jsx("div", { className: U.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
+        _ && /* @__PURE__ */ t.jsx("div", { className: z.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
       ]
     }
   ) });
 };
 export {
-  Wn as Accordion,
-  ei as AlignText,
-  Us as BurgerMenuButton,
-  L as Button,
-  qe as ButtonTypeSettings,
-  Fn as ButtonsSettings,
-  Ln as CategorySettings,
-  $t as ChargeTypes,
-  At as ChooseImage,
-  si as ChooseImageModal,
-  Ls as EmptyCart,
-  Un as FormSettings,
-  Kn as GroupCardModal,
-  Vn as HeaderButtons,
-  b as Icon,
+  Xn as Accordion,
+  si as AlignText,
+  Fs as BurgerMenuButton,
+  R as Button,
+  Ae as ButtonTypeSettings,
+  Hn as ButtonsSettings,
+  zn as CategorySettings,
+  Ot as ChargeTypes,
+  Dt as ChooseImage,
+  ni as ChooseImageModal,
+  zs as EmptyCart,
+  Fn as FormSettings,
+  Zn as GroupCardModal,
+  Yn as HeaderButtons,
+  j as Icon,
   Nt as InputSettings,
-  Lt as InputUI,
-  ni as ItemsSettings,
-  Rn as LayoutSettings,
-  Tt as Link,
-  Hn as ListingSelector,
-  Bt as Loader,
-  Qn as MetaInfoPost,
+  zt as InputUI,
+  ii as ItemsSettings,
+  Ln as LayoutSettings,
+  Mt as Link,
+  Vn as ListingSelector,
+  $t as Loader,
+  Jn as MetaInfoPost,
   ut as Modal,
-  Yn as PagesMobileMenu,
-  zs as PagesMobileModal,
-  zn as PagesSettings,
-  Xn as ProductCardButtons,
-  Jn as ProductCardModal,
-  ns as ProductOptions,
-  ii as RadioUI,
-  Pt as RangeSelector,
+  Gn as PagesMobileMenu,
+  Us as PagesMobileModal,
+  Un as PagesSettings,
+  Qn as ProductCardButtons,
+  Kn as ProductCardModal,
+  is as ProductOptions,
+  ai as RadioUI,
+  kt as RangeSelector,
   ot as Select,
-  ai as SelectInfiniteList,
-  oi as SelectTypeText,
-  ci as SelectUI,
-  Gn as ShareLink,
-  Es as ShoppingButton,
-  Rs as ShoppingModalCart,
+  oi as SelectInfiniteList,
+  ci as SelectTypeText,
+  ri as SelectUI,
+  Wn as ShareLink,
+  Rs as ShoppingButton,
+  Ls as ShoppingModalCart,
   lt as Switch,
-  ri as TextSettings,
-  li as TextareaSettings,
-  di as TextareaUI,
-  ui as TypesText,
-  Ot as UserInfo,
-  hi as Wrapper
+  li as TextSettings,
+  di as TextareaSettings,
+  ui as TextareaUI,
+  hi as TypesText,
+  qt as UserInfo,
+  pi as Wrapper
 };