@billgangcom/theme-lib 1.68.0 → 1.69.1

package/dist/ui.es.js

@@ -1,20 +1,18 @@
-import { j as t, I as b, c as F, d as bt, u as lt, e as dt, P as ut, S as ot, R as kt, D as pt, f as ht, v as mt, B as ct, g as st, h as Ct, a as St, O as rt, i as et, k as _t, C as gt, l as V, m as Bt, n as Tt, o as ft, p as Mt, r as jt, t as G, L as At, w as xt, x as it, s as yt, y as z, z as Ot, M as Nt, A as $t, E as Et, F as qt, G as wt, H as Rt, J as Dt, K as zt, N as Lt } from "./index-zSoKRTpK.js";
-import { X as sa, U as na, W as ia, Q as aa, T as oa, V as ca } from "./index-zSoKRTpK.js";
+import { j as t, I as v, c as U, b as vt, u as rt, d as lt, P as dt, S as at, R as Ct, D as ut, e as ht, v as pt, B as ot, f as st, a as St, g as kt, O as ct, h as K, i as mt, C as gt, k as V, l as Bt, m as Tt, n as ft, o as $t, p as _t, q as X, L as Mt, r as bt, t as xt, w as nt, s as yt, x as F, y as At, M as It, z as wt, A as Ot, E as Pt, F as Et, G as Rt, H as Dt } from "./index-C1GpRLwI.js";
+import { X as Mn, U as An, N as On, W as En, K as Rn, Q as Dn, T as Ln, J as zn, V as Fn } from "./index-C1GpRLwI.js";
 import f from "react";
-const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Wt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Zt = "_input_kh9z8_104", W = {
-  wrapper: Ft,
-  block: Ut,
-  title: Vt,
-  subtitle: Ht,
-  alignmentContent: Yt,
-  alignments: Wt,
-  alignment: Gt,
-  circle: Xt,
-  paddings: Qt,
-  padding: Jt,
-  active: Kt,
-  input: Zt
-}, te = [
+const Lt = "_block_kh9z8_8", zt = "_title_kh9z8_16", Ft = "_subtitle_kh9z8_23", Ht = "_alignmentContent_kh9z8_30", Ut = "_alignments_kh9z8_39", Vt = "_alignment_kh9z8_30", Yt = "_circle_kh9z8_64", Wt = "_paddings_kh9z8_71", Gt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", G = {
+  block: Lt,
+  title: zt,
+  subtitle: Ft,
+  alignmentContent: Ht,
+  alignments: Ut,
+  alignment: Vt,
+  circle: Yt,
+  paddings: Wt,
+  padding: Gt,
+  active: Xt
+}, Qt = [
   "topLeft",
   "top",
   "topRight",
@@ -24,17 +22,17 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
   "bottomLeft",
   "bottom",
   "bottomRight"
-], ee = ["left", "top", "right", "bottom"], Di = (c) => {
+], Jt = ["left", "top", "right", "bottom"], _n = (o) => {
   const {
     alignment: i,
     padding: a,
     setPadding: s,
     setAlignment: e,
-    isAlignment: o = !0,
+    isAlignment: c = !0,
     isPadding: u = !0
-  } = c;
-  function p(d) {
-    switch (d) {
+  } = o;
+  function d(l) {
+    switch (l) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -51,8 +49,8 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
         return "TextAlignCenter";
     }
   }
-  function _(d) {
-    switch (d) {
+  function g(l) {
+    switch (l) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -63,40 +61,40 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
         return "AlignBottom";
     }
   }
-  const [h, k] = f.useState(null), [y, n] = f.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ t.jsxs("div", { className: W.alignmentContent, children: [
-      o && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: te.map((d) => /* @__PURE__ */ t.jsxs(
+  const [x, $] = f.useState(null), [_, n] = f.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
+    /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
+      c && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: Qt.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(d);
+              e(l);
             },
-            className: W.alignment,
+            className: G.alignment,
             onMouseEnter: () => {
-              k(d);
+              $(l);
             },
             onMouseLeave: () => {
-              k(null);
+              $(null);
             },
             children: [
-              d !== i && h !== d && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              d !== i && h === d && /* @__PURE__ */ t.jsx(
-                b,
+              l !== i && x !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              l !== i && x === l && /* @__PURE__ */ t.jsx(
+                v,
                 {
-                  name: p(h),
+                  name: d(x),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              d === i && /* @__PURE__ */ t.jsx(
-                b,
+              l === i && /* @__PURE__ */ t.jsx(
+                v,
                 {
-                  name: p(i),
+                  name: d(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -104,40 +102,40 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
               )
             ]
           },
-          d
+          l
         )) })
       ] }),
-      u && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: ee.map((d) => /* @__PURE__ */ t.jsxs(
+      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: Jt.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: F(W.padding, {
-              [W.active]: y === d
+            className: U(G.padding, {
+              [G.active]: _ === l
             }),
             onFocus: () => {
-              n(d);
+              n(l);
             },
             onBlur: () => {
               n(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
-                  name: _(d),
+                  name: g(l),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                bt,
+                vt,
                 {
                   type: "number",
-                  value: String(a[d]),
-                  onChange: (r) => s({
+                  value: String(a[l]),
+                  onChange: (m) => s({
                     ...a,
-                    [d]: Math.min(Number(r), 999)
+                    [l]: Math.min(Number(m), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -146,111 +144,99 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
               )
             ]
           },
-          d
+          l
         )) })
       ] })
     ] })
   ] });
-}, se = "_title_82zux_1", ne = "_subtitle_82zux_5", ie = "_header_82zux_12", ae = "_text_82zux_13", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_itemsBlock_82zux_35", le = "_typeTexts_82zux_41", de = "_block_82zux_48", ue = "_active_82zux_61", pe = "_products_82zux_14", he = "_product_82zux_14", me = "_button_82zux_80", _e = "_disabled_82zux_91", ge = "_image_82zux_95", fe = "_info_82zux_102", xe = "_name_82zux_114", je = "_buttons_82zux_118", ve = "_modal_82zux_125", be = "_link_82zux_145", ye = "_modalOptions_82zux_151", Ne = "_addButton_82zux_157", Ie = "_deleteButton_82zux_179", X = {
-  title: se,
-  subtitle: ne,
-  header: ie,
-  text: ae,
-  productsBlock: oe,
-  top: ce,
-  itemsBlock: re,
-  typeTexts: le,
-  block: de,
-  active: ue,
-  products: pe,
-  product: he,
-  button: me,
-  disabled: _e,
-  image: ge,
-  info: fe,
-  name: xe,
-  buttons: je,
-  modal: ve,
-  link: be,
-  modalOptions: ye,
-  addButton: Ne,
-  deleteButton: Ie
+}, Kt = "_title_82zux_1", Zt = "_subtitle_82zux_5", te = "_productsBlock_82zux_14", ee = "_top_82zux_26", se = "_products_82zux_14", ne = "_product_82zux_14", ie = "_button_82zux_80", ae = "_disabled_82zux_91", oe = "_buttons_82zux_118", ce = "_addButton_82zux_157", re = "_deleteButton_82zux_179", Q = {
+  title: Kt,
+  subtitle: Zt,
+  productsBlock: te,
+  top: ee,
+  products: se,
+  product: ne,
+  button: ie,
+  disabled: ae,
+  buttons: oe,
+  addButton: ce,
+  deleteButton: re
 };
-function ke({ id: c, children: i }) {
+function le({ id: o, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: o,
+    transform: c,
     transition: u,
-    isDragging: p
-  } = _t({
-    id: c
-  }), _ = {
-    transform: gt.Transform.toString(o),
+    isDragging: d
+  } = mt({
+    id: o
+  }), g = {
+    transform: gt.Transform.toString(c),
     transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: _,
-      className: `${X.product} ${p ? X.dragging : ""}`,
+      style: g,
+      className: `${Q.product} ${d ? Q.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const zi = (c) => {
+const jn = (o) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: o,
+    other: c,
     tags: u,
-    title: p,
-    subtitle: _,
-    draggable: h = !1,
-    withImage: k = !1,
-    addable: y = !0,
+    title: d,
+    subtitle: g,
+    draggable: x = !1,
+    withImage: $ = !1,
+    addable: _ = !0,
     itemsOptions: n,
-    hasRangeSelector: d = !1,
-    rangeSelectorOptions: r,
-    limit: B,
-    autoScrollInterval: g,
-    deletable: T,
-    aspectRatio: I,
-    setAspectRatio: M
-  } = c, x = lt(
-    dt(ut, {
+    hasRangeSelector: l = !1,
+    rangeSelectorOptions: m,
+    limit: b,
+    autoScrollInterval: p,
+    deletable: P,
+    aspectRatio: C,
+    setAspectRatio: O
+  } = o, L = rt(
+    lt(dt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), R = (m) => {
-    const { active: j, over: S } = m;
-    if (S && j.id !== S.id) {
-      const P = s.findIndex((A) => A === j.id), $ = s.findIndex((A) => A === S.id);
-      if (P !== -1 && $ !== -1) {
-        const A = [...s], [v] = A.splice(P, 1);
-        A.splice($, 0, v), e(A);
+  ), R = (h) => {
+    const { active: S, over: k } = h;
+    if (k && S.id !== k.id) {
+      const I = s.findIndex((M) => M === S.id), q = s.findIndex((M) => M === k.id);
+      if (I !== -1 && q !== -1) {
+        const M = [...s], [j] = M.splice(I, 1);
+        M.splice(q, 0, j), e(M);
       }
     }
   };
-  function Q(m) {
-    if (k)
-      return m ? /* @__PURE__ */ t.jsx(
+  function y(h) {
+    if ($)
+      return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${m[0]}/w=1000`,
+          src: `https://imagedelivery.net/${h[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -259,12 +245,12 @@ const zi = (c) => {
         }
       );
   }
-  const U = (m, j = !1) => {
-    const S = n.find(($) => $.id === m);
-    if (!S) return;
-    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  const z = (h, S = !1) => {
+    const k = n.find((q) => q.id === h);
+    if (!k) return;
+    const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -275,78 +261,78 @@ const zi = (c) => {
       /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: ($) => {
-            const A = [...s], v = n.find((l) => l.name === $);
-            if (!v) return;
-            const O = v.id, L = A.map((l) => l === m ? O : l);
-            e([...L]);
+          onChange: (q) => {
+            const M = [...s], j = n.find((r) => r.name === q);
+            if (!j) return;
+            const A = j.id, H = M.map((r) => r === h ? A : r);
+            e([...H]);
           },
-          value: S.name,
-          options: n.filter(($) => !s.find((A) => A === $.id)).map(($) => $.name),
-          leftAddonOptions: n.map(($) => ({
-            value: $.name,
-            addon: Q($.images)
+          value: k.name,
+          options: n.filter((q) => !s.find((M) => M === q.id)).map((q) => q.name),
+          leftAddonOptions: n.map((q) => ({
+            value: q.name,
+            addon: y(q.images)
           }))
         }
       ),
-      j && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-        b,
+      S && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+        v,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter(($) => $ !== m))
+          onClick: () => e(s.filter((q) => q !== h))
         }
       ) }) })
     ] });
-    return h ? /* @__PURE__ */ t.jsx(
-      ke,
+    return x ? /* @__PURE__ */ t.jsx(
+      le,
       {
-        id: m,
-        children: P
+        id: h,
+        children: I
       },
-      et()
+      K()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: X.product,
-        children: P
+        className: Q.product,
+        children: I
       },
-      et()
+      K()
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (p || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      p && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: p }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
           current: i,
-          onChange: (m) => a == null ? void 0 : a(m)
+          onChange: (h) => a == null ? void 0 : a(h)
         }
       )
     ] }),
-    d && r && /* @__PURE__ */ t.jsx(kt, { ...r }),
-    /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
-      h ? /* @__PURE__ */ t.jsx(
-        pt,
+    l && m && /* @__PURE__ */ t.jsx(Ct, { ...m }),
+    /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
+      g && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: g }),
+      x ? /* @__PURE__ */ t.jsx(
+        ut,
         {
-          sensors: x,
+          sensors: L,
           onDragEnd: R,
           children: /* @__PURE__ */ t.jsx(
             ht,
             {
               items: s,
-              strategy: mt,
-              children: s.map((m) => U(m, T))
+              strategy: pt,
+              children: s.map((h) => z(h, P))
             }
           )
         }
-      ) : s.map((m) => U(m, T)),
-      y && /* @__PURE__ */ t.jsx(
+      ) : s.map((h) => z(h, P)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -356,33 +342,33 @@ const zi = (c) => {
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            ct,
+            ot,
             {
               withoutHover: !0,
-              className: F(X.button, {
-                [X.disabled]: !!(B && B <= s.length || s.length === n.length)
+              className: U(Q.button, {
+                [Q.disabled]: !!(b && b <= s.length || s.length === n.length)
               }),
               size: "s",
-              disabled: !!(B && B <= s.length || s.length === n.length),
+              disabled: !!(b && b <= s.length || s.length === n.length),
               onClick: () => {
-                const m = [...s];
-                let j = null;
+                const h = [...s];
+                let S = null;
                 if (n) {
-                  for (let S = 0; S < n.length; S++)
-                    if (!s.find((P) => P === n[S].id)) {
-                      j = n[S];
+                  for (let k = 0; k < n.length; k++)
+                    if (!s.find((I) => I === n[k].id)) {
+                      S = n[k];
                       break;
                     }
                 }
-                m.push((j == null ? void 0 : j.id) || n[0].id), e(m);
+                h.push((S == null ? void 0 : S.id) || n[0].id), e(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -395,37 +381,37 @@ const zi = (c) => {
         }
       )
     ] }),
-    I && M && /* @__PURE__ */ t.jsx(
+    C && O && /* @__PURE__ */ t.jsx(
       st,
       {
-        value: I,
+        value: C,
         label: "Aspect Ratio",
-        options: Object.keys(Ct),
-        onChange: (m) => M(m),
+        options: Object.keys(kt),
+        onChange: (h) => O(h),
         leftAddonOptions: St
       }
     ),
     u !== void 0 && /* @__PURE__ */ t.jsx(
-      rt,
+      ct,
       {
         tagsTitle: "Tags",
         items: u
       }
     ),
-    o !== void 0 && /* @__PURE__ */ t.jsx(
-      rt,
+    c !== void 0 && /* @__PURE__ */ t.jsx(
+      ct,
       {
         otherTitle: "Other",
-        items: o
+        items: c
       }
     ),
-    g !== void 0 && /* @__PURE__ */ t.jsx(
-      bt,
+    p !== void 0 && /* @__PURE__ */ t.jsx(
+      vt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(g.scrollInterval),
-        onChange: (m) => g.setScrollInterval(Number(m)),
+        value: String(p.scrollInterval),
+        onChange: (h) => p.setScrollInterval(Number(h)),
         min: 0.1,
         max: 100,
         style: {
@@ -435,109 +421,96 @@ const zi = (c) => {
       }
     )
   ] });
-}, Ce = "_title_roi3a_1", Se = "_subtitle_roi3a_5", $e = "_header_roi3a_12", qe = "_text_roi3a_13", we = "_productsBlock_roi3a_14", Pe = "_top_roi3a_26", Be = "_itemsBlock_roi3a_35", Te = "_typeTexts_roi3a_41", Me = "_block_roi3a_48", Ae = "_active_roi3a_61", Oe = "_products_roi3a_14", Ee = "_product_roi3a_14", Re = "_button_roi3a_80", De = "_disabled_roi3a_91", ze = "_image_roi3a_95", Le = "_info_roi3a_102", Fe = "_name_roi3a_114", Ue = "_buttons_roi3a_118", Ve = "_modal_roi3a_125", He = "_link_roi3a_145", Ye = "_modalOptions_roi3a_151", We = "_addButton_roi3a_164", Ge = "_deleteButton_roi3a_179", Xe = "_closeIcon_roi3a_191", H = {
-  title: Ce,
-  subtitle: Se,
-  header: $e,
-  text: qe,
-  productsBlock: we,
-  top: Pe,
-  itemsBlock: Be,
-  typeTexts: Te,
-  block: Me,
-  active: Ae,
-  products: Oe,
-  product: Ee,
-  button: Re,
-  disabled: De,
-  image: ze,
-  info: Le,
-  name: Fe,
-  buttons: Ue,
-  modal: Ve,
-  link: He,
-  modalOptions: Ye,
-  addButton: We,
-  deleteButton: Ge,
-  closeIcon: Xe
+}, de = "_title_roi3a_1", ue = "_subtitle_roi3a_5", he = "_productsBlock_roi3a_14", pe = "_top_roi3a_26", me = "_products_roi3a_14", ge = "_product_roi3a_14", fe = "_button_roi3a_80", xe = "_disabled_roi3a_91", _e = "_buttons_roi3a_118", je = "_addButton_roi3a_164", ve = "_deleteButton_roi3a_179", Y = {
+  title: de,
+  subtitle: ue,
+  productsBlock: he,
+  top: pe,
+  products: me,
+  product: ge,
+  button: fe,
+  disabled: xe,
+  buttons: _e,
+  addButton: je,
+  deleteButton: ve
 };
-function Qe({ product: c, children: i }) {
+function be({ product: o, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: o,
+    transform: c,
     transition: u,
-    isDragging: p
-  } = _t({
-    id: c.id
-  }), _ = {
-    transform: gt.Transform.toString(o),
+    isDragging: d
+  } = mt({
+    id: o.id
+  }), g = {
+    transform: gt.Transform.toString(c),
     transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: _,
-      className: `${H.product} ${p ? H.dragging : ""}`,
+      style: g,
+      className: `${Y.product} ${d ? Y.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const Li = (c) => {
+const vn = (o) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    title: o,
+    title: c,
     subtitle: u,
-    editable: p = !0,
-    draggable: _ = !1,
-    deletable: h = !0,
-    addable: k = !0,
-    itemsType: y,
+    editable: d = !0,
+    draggable: g = !1,
+    deletable: x = !0,
+    addable: $ = !0,
+    itemsType: _,
     itemsOptions: n,
-    addableOptions: d = {},
-    limit: r
-  } = c, [B, g] = f.useState(null), [T, I] = f.useState(null), M = f.useRef(null), x = lt(
-    dt(ut, {
+    addableOptions: l = {},
+    limit: m
+  } = o, [b, p] = f.useState(null), [P, C] = f.useState(null), O = f.useRef(null), L = rt(
+    lt(dt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    if (B) {
-      const m = [...s].map((j) => j.id === B.id ? B : j);
-      e(m);
+    if (b) {
+      const h = [...s].map((S) => S.id === b.id ? b : S);
+      e(h);
     }
-  }, [B]), f.useEffect(() => {
-    M.current && T && (M.current.getBoundingClientRect().height, T.top);
-  }, [M.current, T]);
-  const R = (m, j) => {
-    m.stopPropagation();
-    const S = m.target.getBoundingClientRect();
-    I({
-      top: S.top + window.scrollY,
-      left: S.left - 30
-    }), g(j);
-  }, Q = (m) => {
-    const { active: j, over: S } = m;
-    if (S && j.id !== S.id) {
-      const P = s.findIndex((A) => A.id === j.id), $ = s.findIndex((A) => A.id === S.id);
-      if (P !== -1 && $ !== -1) {
-        const A = [...s], [v] = A.splice(P, 1);
-        A.splice($, 0, v), e(A);
+  }, [b]), f.useEffect(() => {
+    O.current && P && (O.current.getBoundingClientRect().height, P.top);
+  }, [O.current, P]);
+  const R = (h, S) => {
+    h.stopPropagation();
+    const k = h.target.getBoundingClientRect();
+    C({
+      top: k.top + window.scrollY,
+      left: k.left - 30
+    }), p(S);
+  }, y = (h) => {
+    const { active: S, over: k } = h;
+    if (k && S.id !== k.id) {
+      const I = s.findIndex((M) => M.id === S.id), q = s.findIndex((M) => M.id === k.id);
+      if (I !== -1 && q !== -1) {
+        const M = [...s], [j] = M.splice(I, 1);
+        M.splice(q, 0, j), e(M);
       }
     }
-  }, U = (m, j) => {
-    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, z = (h, S) => {
+    const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -545,99 +518,99 @@ const Li = (c) => {
           height: 20
         }
       ) }),
-      y === "select" && n && /* @__PURE__ */ t.jsx(
+      _ === "select" && n && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (P) => {
-            const $ = [...s], A = n.find((O) => O.name === P);
-            if (!A) return;
-            const v = $.map((O) => O.id === m.id ? {
-              ...A,
+          onChange: (I) => {
+            const q = [...s], M = n.find((A) => A.name === I);
+            if (!M) return;
+            const j = q.map((A) => A.id === h.id ? {
+              ...M,
               name: {
-                "en-US": P
+                "en-US": I
               }
-            } : O);
-            g({
-              ...m,
+            } : A);
+            p({
+              ...h,
               name: {
-                "en-US": P
+                "en-US": I
               }
-            }), e([...v]);
+            }), e([...j]);
           },
-          value: m.name,
-          options: n.filter((P) => !s.find(($) => $.name === P.name)).map((P) => P.name)
+          value: h.name,
+          options: n.filter((I) => !s.find((q) => q.name === I.name)).map((I) => I.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
-        p && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
+        d && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => R(P, m)
+            onClick: (I) => R(I, h)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        x && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((P) => P.id !== m.id))
+            onClick: () => e(s.filter((I) => I.id !== h.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      Qe,
+    return g ? /* @__PURE__ */ t.jsx(
+      be,
       {
-        product: m,
-        index: j,
-        children: S
+        product: h,
+        index: S,
+        children: k
       },
-      m.id
+      h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H.product,
-        children: S
+        className: Y.product,
+        children: k
       },
-      m.id
+      h.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (o || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-      o && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: o }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
+    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      c && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: c }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
           current: i,
-          onChange: (m) => a == null ? void 0 : a(m)
+          onChange: (h) => a == null ? void 0 : a(h)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: u }),
-      _ ? /* @__PURE__ */ t.jsx(
-        pt,
+    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
+      g ? /* @__PURE__ */ t.jsx(
+        ut,
         {
-          sensors: x,
-          onDragEnd: Q,
+          sensors: L,
+          onDragEnd: y,
           children: /* @__PURE__ */ t.jsx(
             ht,
             {
-              items: s.map((m) => m.id),
-              strategy: mt,
-              children: s.map((m, j) => U(m, j))
+              items: s.map((h) => h.id),
+              strategy: pt,
+              children: s.map((h, S) => z(h, S))
             }
           )
         }
-      ) : s.map((m, j) => U(m, j)),
-      k && /* @__PURE__ */ t.jsx(
+      ) : s.map((h, S) => z(h, S)),
+      $ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -646,37 +619,37 @@ const Li = (c) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ct,
+            ot,
             {
               withoutHover: !0,
-              className: F(H.button, {
-                [H.disabled]: !!(r && r <= s.length || s.length === (n == null ? void 0 : n.length))
+              className: U(Y.button, {
+                [Y.disabled]: !!(m && m <= s.length || s.length === (n == null ? void 0 : n.length))
               }),
               size: "s",
-              disabled: !!(r && r <= s.length || s.length === (n == null ? void 0 : n.length)),
+              disabled: !!(m && m <= s.length || s.length === (n == null ? void 0 : n.length)),
               onClick: () => {
-                const m = [...s];
-                let j = null;
+                const h = [...s];
+                let S = null;
                 if (n) {
-                  for (let S = 0; S < n.length; S++)
-                    if (!s.find((P) => P.id === n[S].id)) {
-                      j = n[S];
+                  for (let k = 0; k < n.length; k++)
+                    if (!s.find((I) => I.id === n[k].id)) {
+                      S = n[k];
                       break;
                     }
                 }
-                y === "select" && n && m.push({
-                  name: j ? j.name : n[0].name,
-                  id: (j == null ? void 0 : j.id) || n[0].id,
-                  ...d
-                }), e(m);
+                _ === "select" && n && h.push({
+                  name: S ? S.name : n[0].name,
+                  id: (S == null ? void 0 : S.id) || n[0].id,
+                  ...l
+                }), e(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -691,99 +664,99 @@ const Li = (c) => {
     ] })
   ] });
 };
-function Je(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: o, transform: u, transition: p, isDragging: _ } = _t({
+function ye(o) {
+  const { product: i, children: a } = o, { attributes: s, listeners: e, setNodeRef: c, transform: u, transition: d, isDragging: g } = mt({
     id: i.id
-  }), h = {
+  }), x = {
     transform: gt.Transform.toString(u),
-    transition: p
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: o,
-      style: h,
-      className: `${V.product} ${_ ? V.dragging : ""}`,
+      ref: c,
+      style: x,
+      className: `${V.product} ${g ? V.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const Fi = (c) => {
+const bn = (o) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: o,
+    other: c,
     title: u,
-    subtitle: p,
-    editable: _ = !0,
-    draggable: h = !1,
-    deletable: k = !0,
-    addable: y = !0,
+    subtitle: d,
+    editable: g = !0,
+    draggable: x = !1,
+    deletable: $ = !0,
+    addable: _ = !0,
     itemsType: n,
-    itemsPlaceholder: d = "",
-    itemsOptions: r,
-    hasRangeSelector: B = !1,
-    rangeSelectorOptions: g,
-    modalOptions: T,
-    addableOptions: I = {},
-    limit: M
-  } = c, [x, R] = f.useState(null), [Q, U] = f.useState({
+    itemsPlaceholder: l = "",
+    itemsOptions: m,
+    hasRangeSelector: b = !1,
+    rangeSelectorOptions: p,
+    modalOptions: P,
+    addableOptions: C = {},
+    limit: O
+  } = o, [L, R] = f.useState(null), [y, z] = f.useState({
     top: 0,
     left: 0
-  }), [m, j] = f.useState(null), S = f.useRef(null), [P, $] = f.useState(!1), A = lt(
-    dt(ut, {
+  }), [h, S] = f.useState(null), k = f.useRef(null), [I, q] = f.useState(!1), M = rt(
+    lt(dt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    const l = () => {
-      R(null), $(!1);
+    const r = () => {
+      R(null), q(!1);
     };
-    return document.body.addEventListener("click", l), R(null), $(!1), () => {
-      R(null), $(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", r), R(null), q(!1), () => {
+      R(null), q(!1), document.body.removeEventListener("click", r);
     };
   }, []), f.useEffect(() => {
-    if (x) {
-      const l = [...s].map((w) => w.id === x.id ? x : w);
-      e(l);
+    if (L) {
+      const r = [...s].map((T) => T.id === L.id ? L : T);
+      e(r);
     }
-  }, [x]), f.useEffect(() => {
-    if (S.current && m) {
-      const l = S.current.getBoundingClientRect().height, w = window.innerHeight;
-      let N = m.top;
-      N + l > w + window.scrollY - 200 && (N = w + window.scrollY - l - 200), N < 0 && (N = 10), U({
+  }, [L]), f.useEffect(() => {
+    if (k.current && h) {
+      const r = k.current.getBoundingClientRect().height, T = window.innerHeight;
+      let N = h.top;
+      N + r > T + window.scrollY - 200 && (N = T + window.scrollY - r - 200), N < 0 && (N = 10), z({
         top: N,
-        left: m.left
+        left: h.left
       });
     }
-  }, [S.current, m]);
-  const v = (l, w) => {
-    l.stopPropagation();
-    const N = l.target.getBoundingClientRect();
-    j({
+  }, [k.current, h]);
+  const j = (r, T) => {
+    r.stopPropagation();
+    const N = r.target.getBoundingClientRect();
+    S({
       top: N.top + window.scrollY,
       left: N.left - 30
-    }), R(w), $(!0);
-  }, O = (l) => {
-    const { active: w, over: N } = l;
-    if (N && w.id !== N.id) {
-      const E = s.findIndex((D) => D.id === w.id), K = s.findIndex((D) => D.id === N.id);
-      if (E !== -1 && K !== -1) {
+    }), R(T), q(!0);
+  }, A = (r) => {
+    const { active: T, over: N } = r;
+    if (N && T.id !== N.id) {
+      const E = s.findIndex((D) => D.id === T.id), Z = s.findIndex((D) => D.id === N.id);
+      if (E !== -1 && Z !== -1) {
         const D = [...s], [J] = D.splice(E, 1);
-        D.splice(K, 0, J), e(D);
+        D.splice(Z, 0, J), e(D);
       }
     }
-  }, L = (l) => {
+  }, H = (r) => {
     var N;
-    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -791,139 +764,139 @@ const Fi = (c) => {
           height: 20
         }
       ) }),
-      n === "select" && r && /* @__PURE__ */ t.jsx(
+      n === "select" && m && /* @__PURE__ */ t.jsx(
         st,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
                 "en-US": E
               }
             } : J);
             R({
-              ...l,
+              ...r,
               name: {
                 "en-US": E
               }
             }), e([...D]);
           },
-          value: l.name["en-US"],
-          options: r.filter(
-            (E) => !s.find((K) => K.name["en-US"] === E)
+          value: r.name["en-US"],
+          options: m.filter(
+            (E) => !s.find((Z) => Z.name["en-US"] === E)
           )
         }
       ),
       n === "input" && /* @__PURE__ */ t.jsx(
-        bt,
+        vt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
                 "en-US": E
               }
             } : J);
             e([...D]);
           },
-          value: l.name["en-US"],
-          placeholder: d
+          value: r.name["en-US"],
+          placeholder: l
         }
       ),
       n === "image" && /* @__PURE__ */ t.jsx(
         Tt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               images: E
             } : J);
             e([...D]);
           },
-          activeImage: (N = s.find((E) => E.id === l.id)) == null ? void 0 : N.images[0]
+          activeImage: (N = s.find((E) => E.id === r.id)) == null ? void 0 : N.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => v(E, l)
+            onClick: (E) => j(E, r)
           }
         ) }),
-        k && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        $ && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== l.id))
+            onClick: () => e(s.filter((E) => E.id !== r.id))
           }
         ) })
       ] })
     ] });
-    return h ? /* @__PURE__ */ t.jsx(
-      Je,
+    return x ? /* @__PURE__ */ t.jsx(
+      ye,
       {
-        product: l,
-        children: w
+        product: r,
+        children: T
       },
-      l.id
+      r.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: w
+        children: T
       },
-      l.id
+      r.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
     (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
       u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
           current: i,
-          onChange: (l) => a == null ? void 0 : a(l)
+          onChange: (r) => a == null ? void 0 : a(r)
         }
       )
     ] }),
-    x && _ && T && P && /* @__PURE__ */ t.jsx(
+    L && g && P && I && /* @__PURE__ */ t.jsx(
       Bt,
       {
-        ref: S,
-        activeItem: x,
+        ref: k,
+        activeItem: L,
         setActiveItem: R,
-        popupPosition: Q,
-        modalOptions: T,
-        setIsOpenModal: $
+        popupPosition: y,
+        modalOptions: P,
+        setIsOpenModal: q
       }
     ),
-    B && g && /* @__PURE__ */ t.jsx(kt, { ...g }),
+    b && p && /* @__PURE__ */ t.jsx(Ct, { ...p }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      p && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: p }),
-      h ? /* @__PURE__ */ t.jsx(
-        pt,
+      d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
+      x ? /* @__PURE__ */ t.jsx(
+        ut,
         {
-          sensors: A,
-          onDragEnd: O,
+          sensors: M,
+          onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
             ht,
             {
-              items: s.map((l) => l.id),
-              strategy: mt,
-              children: s.map((l) => L(l))
+              items: s.map((r) => r.id),
+              strategy: pt,
+              children: s.map((r) => H(r))
             }
           )
         }
-      ) : s.map((l) => L(l)),
-      y && /* @__PURE__ */ t.jsx(
+      ) : s.map((r) => H(r)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -932,47 +905,47 @@ const Fi = (c) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ct,
+            ot,
             {
               withoutHover: !0,
-              className: F(V.button, {
-                [V.disabled]: !!(M && M <= s.length)
+              className: U(V.button, {
+                [V.disabled]: !!(O && O <= s.length)
               }),
               size: "s",
-              disabled: !!(M && M <= s.length),
+              disabled: !!(O && O <= s.length),
               onClick: () => {
-                const l = [...s];
-                let w = null;
-                if (r) {
-                  for (let N = 0; N < r.length; N++)
-                    if (!s.find((E) => E.name["en-US"] === r[N])) {
-                      w = r[N];
+                const r = [...s];
+                let T = null;
+                if (m) {
+                  for (let N = 0; N < m.length; N++)
+                    if (!s.find((E) => E.name["en-US"] === m[N])) {
+                      T = m[N];
                       break;
                     }
                 }
-                n === "select" && r ? l.push({
+                n === "select" && m ? r.push({
                   name: {
-                    "en-US": w || r[0]
+                    "en-US": T || m[0]
                   },
-                  id: et(),
-                  ...I,
+                  id: K(),
+                  ...C,
                   maxSymbols: 100
                   // пример значения
-                }) : n === "input" ? l.push({
+                }) : n === "input" ? r.push({
                   name: {
                     "en-US": ""
                   },
-                  id: et(),
-                  ...I,
+                  id: K(),
+                  ...C,
                   maxSymbols: 100
-                }) : l.push({
+                }) : r.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: et(),
-                  ...I,
+                  id: K(),
+                  ...C,
                   maxSymbols: 100
-                }), e(l);
+                }), e(r);
               },
               style: {
                 width: "fit-content"
@@ -980,7 +953,7 @@ const Fi = (c) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -993,126 +966,111 @@ const Fi = (c) => {
         }
       )
     ] }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(
-      rt,
+    c !== void 0 && /* @__PURE__ */ t.jsx(
+      ct,
       {
         otherTitle: "Other",
-        items: o
+        items: c
       }
     )
   ] });
-}, Ke = "_subtitle_jql1y_1", Ze = "_header_jql1y_8", ts = "_text_jql1y_9", es = "_productsBlock_jql1y_10", ss = "_buttonsBlock_jql1y_11", ns = "_top_jql1y_23", is = "_itemsBlock_jql1y_32", as = "_typeTexts_jql1y_38", os = "_block_jql1y_45", cs = "_active_jql1y_58", rs = "_products_jql1y_10", ls = "_product_jql1y_10", ds = "_button_jql1y_11", us = "_image_jql1y_88", ps = "_info_jql1y_95", hs = "_name_jql1y_107", ms = "_buttons_jql1y_11", _s = "_modal_jql1y_118", gs = "_other_jql1y_138", fs = "_options_jql1y_144", xs = "_addButton_jql1y_150", js = "_deleteButton_jql1y_165", Z = {
-  subtitle: Ke,
-  header: Ze,
-  text: ts,
-  productsBlock: es,
-  buttonsBlock: ss,
-  top: ns,
-  itemsBlock: is,
-  typeTexts: as,
-  block: os,
-  active: cs,
-  products: rs,
-  product: ls,
-  button: ds,
-  image: us,
-  info: ps,
-  name: hs,
-  buttons: ms,
-  modal: _s,
-  other: gs,
-  options: fs,
-  addButton: xs,
-  deleteButton: js
-}, vs = (c) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: o = !0 } = c, { pages: u } = ft(), [p, _] = f.useState(null), [h, k] = f.useState({
+}, Ie = "_subtitle_jql1y_1", Ne = "_products_jql1y_10", Ce = "_product_jql1y_10", Se = "_button_jql1y_11", ke = "_buttons_jql1y_11", we = "_addButton_jql1y_150", Pe = "_deleteButton_jql1y_165", tt = {
+  subtitle: Ie,
+  products: Ne,
+  product: Ce,
+  button: Se,
+  buttons: ke,
+  addButton: we,
+  deleteButton: Pe
+}, qe = (o) => {
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: c = !0 } = o, { pages: u } = ft(), [d, g] = f.useState(null), [x, $] = f.useState({
     top: 0,
     left: 0
-  }), [y, n] = f.useState(null), d = f.useRef(null);
+  }), [_, n] = f.useState(null), l = f.useRef(null);
   f.useEffect(() => {
-    if (p) {
-      const g = [...i].map((T) => T.id === p.id ? p : T);
-      a(g);
+    if (d) {
+      const p = [...i].map((P) => P.id === d.id ? d : P);
+      a(p);
     }
-  }, [p]), f.useEffect(() => {
-    if (d.current && y) {
-      const g = d.current.getBoundingClientRect().height, T = window.innerHeight;
-      let I = y.top;
-      I + g > T + window.scrollY - 200 && (I = T + window.scrollY - g - 200), I < 0 && (I = 10), k({
-        top: I,
-        left: y.left
+  }, [d]), f.useEffect(() => {
+    if (l.current && _) {
+      const p = l.current.getBoundingClientRect().height, P = window.innerHeight;
+      let C = _.top;
+      C + p > P + window.scrollY - 200 && (C = P + window.scrollY - p - 200), C < 0 && (C = 10), $({
+        top: C,
+        left: _.left
       });
     }
-  }, [d.current, y]);
-  const r = (g, T) => {
-    g.stopPropagation();
-    const I = g.target.getBoundingClientRect();
+  }, [l.current, _]);
+  const m = (p, P) => {
+    p.stopPropagation();
+    const C = p.target.getBoundingClientRect();
     n({
-      top: I.top + window.scrollY - 70,
-      left: I.left - (e ? 30 : 65)
-    }), _(T);
-  }, B = (g, T) => {
-    const I = [...i], M = {
-      ...g,
+      top: C.top + window.scrollY - 70,
+      left: C.left - (e ? 30 : 65)
+    }), g(P);
+  }, b = (p, P) => {
+    const C = [...i], O = {
+      ...p,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    I.splice(T + 1, 0, M), a(I);
+    C.splice(P + 1, 0, O), a(C);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
-    i.map((g, T) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: tt.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: tt.subtitle, children: "Button Type" }),
+    i.map((p, P) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: Z.product,
+        className: tt.product,
         children: [
           /* @__PURE__ */ t.jsx(
             st,
             {
-              onChange: (I) => {
-                const x = [...i].map((R) => R.id === g.id ? {
-                  ...g,
-                  type: I
+              onChange: (C) => {
+                const L = [...i].map((R) => R.id === p.id ? {
+                  ...p,
+                  type: C
                 } : R);
-                a(x);
+                a(L);
               },
-              value: g.type,
+              value: p.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: Z.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+          /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+              v,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  B(g, T);
+                  b(p, P);
                 }
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+              v,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (I) => {
-                  r(I, g);
+                onClick: (C) => {
+                  m(C, p);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+            s && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+              v,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const I = i.filter((M) => M.id !== g.id);
-                  a(I);
+                  const C = i.filter((O) => O.id !== p.id);
+                  a(C);
                 },
                 width: 20,
                 height: 20,
@@ -1122,16 +1080,16 @@ const Fi = (c) => {
           ] })
         ]
       },
-      g.id
+      p.id
     )),
-    p && /* @__PURE__ */ t.jsx(
-      Mt,
+    d && /* @__PURE__ */ t.jsx(
+      $t,
       {
-        ref: d,
-        activeButton: p,
-        setActiveButton: _,
-        popupPosition: h,
-        editableLink: o
+        ref: l,
+        activeButton: d,
+        setActiveButton: g,
+        popupPosition: x,
+        editableLink: c
       }
     ),
     e && /* @__PURE__ */ t.jsx(
@@ -1143,16 +1101,16 @@ const Fi = (c) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          ct,
+          ot,
           {
             withoutHover: !0,
-            className: Z.button,
+            className: tt.button,
             size: "s",
             onClick: () => {
-              const g = [...i];
-              o ? g.push({
+              const p = [...i];
+              c ? p.push({
                 type: "Primary",
-                id: et(),
+                id: K(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -1160,9 +1118,9 @@ const Fi = (c) => {
                 destination: "Go to Page",
                 page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }) : g.push({
+              }) : p.push({
                 type: "Primary",
-                id: et(),
+                id: K(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -1170,15 +1128,15 @@ const Fi = (c) => {
                 destination: "Go to Page",
                 page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }), a(g);
+              }), a(p);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: Z.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
                   name: "Plus",
                   width: 16,
@@ -1191,123 +1149,123 @@ const Fi = (c) => {
       }
     )
   ] });
-}, Ui = (c) => {
+}, yn = (o) => {
   const {
     isActiveButtons: i,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
-    editableLink: o = !0,
+    editableLink: c = !0,
     addable: u = !0,
-    deletable: p = !0
-  } = c;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: jt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: jt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: jt.title, children: "Buttons" }),
+    deletable: d = !0
+  } = o;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: _t.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: _t.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: _t.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
           current: i,
-          onChange: (_) => a(_)
+          onChange: (g) => a(g)
         }
       )
     ] }),
     i && /* @__PURE__ */ t.jsx(
-      vs,
+      qe,
       {
         buttons: s,
         setButtons: e,
-        editableLink: o,
+        editableLink: c,
         addable: u,
-        deletable: p
+        deletable: d
       }
     )
   ] }) });
 };
-function bs(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: o, transform: u, transition: p, isDragging: _ } = _t({
+function Be(o) {
+  const { product: i, children: a } = o, { attributes: s, listeners: e, setNodeRef: c, transform: u, transition: d, isDragging: g } = mt({
     id: String(i.listingId)
-  }), h = {
+  }), x = {
     transform: gt.Transform.toString(u),
-    transition: p
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: o,
-      style: h,
-      className: `${G.product} ${_ ? G.dragging : ""}`,
+      ref: c,
+      style: x,
+      className: `${X.product} ${g ? X.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const Vi = (c) => {
+const In = (o) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: o,
+    other: c,
     title: u,
-    subtitle: p,
-    editable: _ = !0,
-    draggable: h = !1,
-    withImage: k = !1,
-    deletable: y = !0,
+    subtitle: d,
+    editable: g = !0,
+    draggable: x = !1,
+    withImage: $ = !1,
+    deletable: _ = !0,
     addable: n = !0,
-    itemsType: d,
-    itemsOptions: r,
-    limit: B,
-    aspectRatio: g,
-    setAspectRatio: T
-  } = c, [I, M] = f.useState(
+    itemsType: l,
+    itemsOptions: m,
+    limit: b,
+    aspectRatio: p,
+    setAspectRatio: P
+  } = o, [C, O] = f.useState(
     null
-  ), [x, R] = f.useState({
+  ), [L, R] = f.useState({
     top: 0,
     left: 0
-  }), [Q, U] = f.useState(!1), m = lt(
-    dt(ut, {
+  }), [y, z] = f.useState(!1), h = rt(
+    lt(dt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    const v = () => {
-      M(null), U(!1);
+    const j = () => {
+      O(null), z(!1);
     };
-    return document.body.addEventListener("click", v), M(null), U(!1), () => {
-      M(null), U(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", j), O(null), z(!1), () => {
+      O(null), z(!1), document.body.removeEventListener("click", j);
     };
   }, []), f.useEffect(() => {
-    if (I) {
-      const v = [...s].map((O) => O.listingId === I.listingId ? I : O);
-      e(v);
+    if (C) {
+      const j = [...s].map((A) => A.listingId === C.listingId ? C : A);
+      e(j);
     }
-  }, [I]);
-  const j = (v, O) => {
-    v.stopPropagation();
-    const L = v.target.getBoundingClientRect(), l = 100, w = window.innerHeight;
-    let N = L.top + window.scrollY;
-    N + l > w && (N = w - l - 20), U(!0), R({
+  }, [C]);
+  const S = (j, A) => {
+    j.stopPropagation();
+    const H = j.target.getBoundingClientRect(), r = 100, T = window.innerHeight;
+    let N = H.top + window.scrollY;
+    N + r > T && (N = T - r - 20), z(!0), R({
       top: N - 80,
-      left: L.left - 30
-    }), M(O);
+      left: H.left - 30
+    }), O(A);
   };
-  function S(v) {
-    if (k)
-      return v ? /* @__PURE__ */ t.jsx(
+  function k(j) {
+    if ($)
+      return j ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${v}/w=1000`,
+          src: `https://imagedelivery.net/${j}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -1316,21 +1274,21 @@ const Vi = (c) => {
         }
       );
   }
-  const P = (v) => {
-    const { active: O, over: L } = v;
-    if (L && O.id !== L.id) {
-      const l = s.findIndex((N) => String(N.listingId) === O.id), w = s.findIndex((N) => String(N.listingId) === L.id);
-      if (l !== -1 && w !== -1) {
-        const N = [...s], [E] = N.splice(l, 1);
-        N.splice(w, 0, E), e(N);
+  const I = (j) => {
+    const { active: A, over: H } = j;
+    if (H && A.id !== H.id) {
+      const r = s.findIndex((N) => String(N.listingId) === A.id), T = s.findIndex((N) => String(N.listingId) === H.id);
+      if (r !== -1 && T !== -1) {
+        const N = [...s], [E] = N.splice(r, 1);
+        N.splice(T, 0, E), e(N);
       }
     }
-  }, $ = (v) => {
-    const O = r.find((l) => v.listingId === l.id);
-    if (!O) return null;
-    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, q = (j) => {
+    const A = m.find((r) => j.listingId === r.id);
+    if (!A) return null;
+    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1338,110 +1296,110 @@ const Vi = (c) => {
           height: 20
         }
       ) }),
-      d === "select" && /* @__PURE__ */ t.jsx(
+      l === "select" && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (l) => {
-            const w = [...s], N = r.find((D) => D.productData.name === l);
+          onChange: (r) => {
+            const T = [...s], N = m.find((D) => D.productData.name === r);
             if (!N) return;
             const E = {
               listingId: N.id,
               image: N.productData.images.length > 0 ? N.productData.images[0].cfId : ""
-            }, K = w.map((D) => D.listingId === v.listingId ? E : D);
-            M(E), e([...K]);
+            }, Z = T.map((D) => D.listingId === j.listingId ? E : D);
+            O(E), e([...Z]);
           },
-          value: O.productData.name,
+          value: A.productData.name,
           options: [
-            ...r.filter((l) => !s.find((w) => w.listingId === l.id)).map((l) => l.productData.name)
+            ...m.filter((r) => !s.find((T) => T.listingId === r.id)).map((r) => r.productData.name)
           ],
-          leftAddonOptions: r.map((l) => {
-            var w;
+          leftAddonOptions: m.map((r) => {
+            var T;
             return {
-              value: l.productData.name,
-              addon: S(((w = l.productData.images[0]) == null ? void 0 : w.cfId) || "")
+              value: r.productData.name,
+              addon: k(((T = r.productData.images[0]) == null ? void 0 : T.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: X.buttons, children: [
+        g && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (l) => j(l, v)
+            onClick: (r) => S(r, j)
           }
         ) }),
-        y && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        _ && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((l) => l !== v))
+            onClick: () => e(s.filter((r) => r !== j))
           }
         ) })
       ] })
     ] });
-    return h ? /* @__PURE__ */ t.jsx(
-      bs,
+    return x ? /* @__PURE__ */ t.jsx(
+      Be,
       {
-        product: v,
-        children: L
+        product: j,
+        children: H
       },
-      v.listingId
+      j.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: G.product,
-        children: L
+        className: X.product,
+        children: H
       },
-      v.listingId
+      j.listingId
     );
-  }, A = f.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
-    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: u }),
+  }, M = f.useRef(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
           current: i,
-          onChange: (v) => a == null ? void 0 : a(v)
+          onChange: (j) => a == null ? void 0 : a(j)
         }
       )
     ] }),
-    Q && I && /* @__PURE__ */ t.jsx(
-      At,
+    y && C && /* @__PURE__ */ t.jsx(
+      Mt,
       {
-        ref: A,
-        activeItem: I,
-        setActiveItem: M,
-        setIsOpenModal: U,
-        popupPosition: x,
-        itemsOptions: r
+        ref: M,
+        activeItem: C,
+        setActiveItem: O,
+        setIsOpenModal: z,
+        popupPosition: L,
+        itemsOptions: m
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
-      p && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: p }),
-      h ? /* @__PURE__ */ t.jsx(
-        pt,
+    i && /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
+      d && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: d }),
+      x ? /* @__PURE__ */ t.jsx(
+        ut,
         {
-          sensors: m,
-          onDragEnd: P,
+          sensors: h,
+          onDragEnd: I,
           children: /* @__PURE__ */ t.jsx(
             ht,
             {
-              items: s.map((v) => String(v.listingId)),
-              strategy: mt,
-              children: s.map((v) => $(v))
+              items: s.map((j) => String(j.listingId)),
+              strategy: pt,
+              children: s.map((j) => q(j))
             }
           )
         }
-      ) : s.map((v) => $(v)),
+      ) : s.map((j) => q(j)),
       n && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1451,31 +1409,31 @@ const Vi = (c) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            ct,
+            ot,
             {
               withoutHover: !0,
-              className: G.button,
+              className: X.button,
               size: "s",
               onClick: () => {
-                const v = [...s];
-                for (let O = 0; O < r.length; O++)
-                  if (!s.find((L) => L.listingId === r[O].id)) {
-                    v.push({
-                      listingId: r[O].id,
-                      image: r[O].productData.images.length > 0 ? r[O].productData.images[0].cfId : ""
+                const j = [...s];
+                for (let A = 0; A < m.length; A++)
+                  if (!s.find((H) => H.listingId === m[A].id)) {
+                    j.push({
+                      listingId: m[A].id,
+                      image: m[A].productData.images.length > 0 ? m[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                e(v);
+                e(j);
               },
-              disabled: s.length === (B || r.length),
+              disabled: s.length === (b || m.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -1488,169 +1446,173 @@ const Vi = (c) => {
         }
       )
     ] }),
-    g && T && /* @__PURE__ */ t.jsx(
+    p && P && /* @__PURE__ */ t.jsx(
       st,
       {
-        value: g,
-        options: Object.keys(Ct),
-        onChange: (v) => T(v),
+        value: p,
+        options: Object.keys(kt),
+        onChange: (j) => P(j),
         leftAddonOptions: St
       }
     ),
-    i && o !== void 0 && /* @__PURE__ */ t.jsx(
-      rt,
+    i && c !== void 0 && /* @__PURE__ */ t.jsx(
+      ct,
       {
         otherTitle: "Other",
-        items: o
+        items: c
       }
     )
   ] });
-}, ys = "_options_1aiq8_1", Ns = "_price_1aiq8_18", Is = "_oldPrice_1aiq8_25", ks = "_newPrice_1aiq8_33", Cs = "_animate_1aiq8_40", Ss = "_appearAndBounce_1aiq8_1", $s = "_meta_1aiq8_58", qs = "_info_1aiq8_64", ws = "_infoRight_1aiq8_72", Ps = "_buttons_1aiq8_79", Bs = "_variants_1aiq8_86", Ts = "_variant_1aiq8_86", Ms = "_stock_1aiq8_104", As = "_variantInfo_1aiq8_111", Os = "_quantity_1aiq8_117", Es = "_count_1aiq8_124", Rs = "_focused_1aiq8_141", Ds = "_button_1aiq8_79", zs = "_activeVariant_1aiq8_167", Ls = "_chargeTypes_1aiq8_171", Fs = "_charge_1aiq8_171", Us = "_chargeActive_1aiq8_196", Vs = "_title_1aiq8_204", q = {
-  options: ys,
-  price: Ns,
-  oldPrice: Is,
-  newPrice: ks,
-  animate: Cs,
-  appearAndBounce: Ss,
-  meta: $s,
-  info: qs,
-  infoRight: ws,
-  buttons: Ps,
-  variants: Bs,
-  variant: Ts,
-  stock: Ms,
-  variantInfo: As,
-  quantity: Os,
-  count: Es,
-  focused: Rs,
-  button: Ds,
-  activeVariant: zs,
-  chargeTypes: Ls,
-  charge: Fs,
-  chargeActive: Us,
-  title: Vs
+}, Te = "_options_1aiq8_1", $e = "_price_1aiq8_18", Me = "_oldPrice_1aiq8_25", Ae = "_newPrice_1aiq8_33", Oe = "_animate_1aiq8_40", Ee = "_meta_1aiq8_58", Re = "_info_1aiq8_64", De = "_infoRight_1aiq8_72", Le = "_buttons_1aiq8_79", ze = "_variants_1aiq8_86", Fe = "_variant_1aiq8_86", He = "_stock_1aiq8_104", Ue = "_variantInfo_1aiq8_111", Ve = "_quantity_1aiq8_117", Ye = "_button_1aiq8_79", We = "_activeVariant_1aiq8_167", Ge = "_chargeTypes_1aiq8_171", Xe = "_charge_1aiq8_171", Qe = "_chargeActive_1aiq8_196", Je = "_title_1aiq8_204", B = {
+  options: Te,
+  price: $e,
+  oldPrice: Me,
+  newPrice: Ae,
+  animate: Oe,
+  meta: Ee,
+  info: Re,
+  infoRight: De,
+  buttons: Le,
+  variants: ze,
+  variant: Fe,
+  stock: He,
+  variantInfo: Ue,
+  quantity: Ve,
+  button: Ye,
+  activeVariant: We,
+  chargeTypes: Ge,
+  charge: Xe,
+  chargeActive: Qe,
+  title: Je
 };
-var It = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(It || {});
-const Hs = (c) => {
-  var I, M;
-  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, o] = f.useState(s[0]), [u, p] = f.useState(
+var Nt = /* @__PURE__ */ ((o) => (o.ONE_TIME = "One-Time", o.RECURRING = "Subscribe & Save", o))(Nt || {});
+const Ke = (o) => {
+  var L, R;
+  const { product: i, setIsOpen: a } = o, { variants: s } = i, [e, c] = f.useState(s[0]), [u, d] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), _ = xt(), [h, k] = f.useState(1), { reset: y, addProductToCart: n } = it(), [d, r] = f.useState(!1);
+  ), { notifications: g, setNotifications: x } = bt(), $ = xt(), [_, n] = f.useState(1), { reset: l, addProductToCart: m } = nt(), [b, p] = f.useState(!1);
   f.useEffect(() => {
-    r(!0);
-    const x = setTimeout(() => r(!1), 600);
-    return () => clearTimeout(x);
-  }, [h]);
-  async function B() {
-    await n({
+    p(!0);
+    const y = setTimeout(() => p(!1), 600);
+    return () => clearTimeout(y);
+  }, [_]);
+  async function P() {
+    await m({
       productId: i.id,
       productVariantId: e.id,
-      quantity: h
-    }), a == null || a(!1);
+      quantity: _
+    }), a == null || a(!1), x([
+      ...g,
+      {
+        id: K(),
+        message: "Product added to cart",
+        status: "success"
+      }
+    ]);
   }
-  function g() {
-    y(), B(), _("/checkout");
+  function C() {
+    l(), P(), $("/checkout");
   }
-  function T(x) {
-    if (x >= 864e5) {
-      const j = Math.floor(x / 864e5);
-      return `${j} ${j === 1 ? "day" : "days"}`;
-    } else if (x >= 36e5) {
-      const j = Math.floor(x / 36e5);
-      return `${j} ${j === 1 ? "hour" : "hours"}`;
-    } else if (x >= 6e4) {
-      const j = Math.floor(x / 6e4);
-      return `${j} ${j === 1 ? "minute" : "minutes"}`;
+  function O(y) {
+    if (y >= 864e5) {
+      const I = Math.floor(y / 864e5);
+      return `${I} ${I === 1 ? "day" : "days"}`;
+    } else if (y >= 36e5) {
+      const I = Math.floor(y / 36e5);
+      return `${I} ${I === 1 ? "hour" : "hours"}`;
+    } else if (y >= 6e4) {
+      const I = Math.floor(y / 6e4);
+      return `${I} ${I === 1 ? "minute" : "minutes"}`;
     } else {
-      const j = Math.floor(x / 1e3);
-      return `${j} ${j === 1 ? "second" : "seconds"}`;
+      const I = Math.floor(y / 1e3);
+      return `${I} ${I === 1 ? "second" : "seconds"}`;
     }
   }
   return f.useEffect(() => {
-    e.quantity && e.quantity.available === 0 ? k(0) : k(1);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: q.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: q.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
+    e.quantity && e.quantity.available === 0 ? n(0) : n(1);
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((y) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(q.charge, {
-          [q.chargeActive]: u === x
+        className: U(B.charge, {
+          [B.chargeActive]: u === y
         }),
-        onClick: () => p(x),
-        children: It[x]
+        onClick: () => d(y),
+        children: Nt[y]
       },
-      x
+      y
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: q.variants, children: s.map((x) => {
-      var R, Q;
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((y) => {
+      var z, h;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(q.variant, {
-            [q.activeVariant]: e.id === x.id
+          className: U(B.variant, {
+            [B.activeVariant]: e.id === y.id
           }),
-          onClick: () => o(x),
+          onClick: () => c(y),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: q.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: q.title, children: yt(x.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(y.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                u === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
+                u === "ONE_TIME" ? y.price.amount : y.subscriptionSettings ? y.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: q.stock, children: [
-              (R = x.quantity.restrictions) != null && R.max || x.quantity.available !== void 0 ? ((Q = x.quantity.restrictions) == null ? void 0 : Q.max) || x.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
+              (z = y.quantity.restrictions) != null && z.max || y.quantity.available !== void 0 ? ((h = y.quantity.restrictions) == null ? void 0 : h.max) || y.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        x.id
+        y.id
       );
     }) }),
-    u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: q.quantity, children: [
+    u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           type: "Secondary",
           onClick: () => {
-            h > 1 ? k((x) => x - 1) : k(1);
+            _ > 1 ? n((y) => y - 1) : n(1);
           },
-          className: q.button,
-          disabled: e.quantity.available && e.quantity.restrictions && h <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
+          className: B.button,
+          disabled: e.quantity.available && e.quantity.restrictions && _ <= e.quantity.restrictions.min || e.quantity.available === 0,
+          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Ot,
+        At,
         {
           type: "number",
-          value: String(h),
-          onChange: (x) => k(Number(x)),
-          max: ((I = e.quantity.restrictions) == null ? void 0 : I.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
+          value: String(_),
+          onChange: (y) => n(Number(y)),
+          max: ((L = e.quantity.restrictions) == null ? void 0 : L.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && h >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && _ >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           type: "Secondary",
           onClick: () => {
-            k((x) => x + 1);
+            n((y) => y + 1);
           },
-          className: q.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && h >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
+          className: B.button,
+          disabled: !!(e.quantity.available && e.quantity.restrictions && _ >= e.quantity.restrictions.max || e.quantity.available === 0),
+          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: q.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: q.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1658,140 +1620,133 @@ const Hs = (c) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : T(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : O(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: q.infoRight, children: u === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: u === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
             "$ ",
-            (e.price.amount || 0) * h
+            (e.price.amount || 0) * _
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: q.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * h
+            (e.compareAtPrice.amount || 0) * _
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
           "$ ",
-          (e.price.amount || 0) * h
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
+          (e.price.amount || 0) * _
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: q.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: b }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           type: "Primary",
-          onClick: () => g(),
+          onClick: () => C(),
           disabled: e.quantity && e.quantity.available === 0,
           children: u === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
       u === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           type: "Secondary",
-          onClick: () => B(),
+          onClick: () => P(),
           disabled: e.quantity && e.quantity.available === 0,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, Ys = "_button_14q75_1", Ws = "_login_14q75_14", Gs = "_signUp_14q75_18", Xs = "_buttons_14q75_23", Qs = "_modal_14q75_32", Js = "_closing_14q75_64", Ks = "_info_14q75_113", Zs = "_top_14q75_120", tn = "_title_14q75_131", en = "_clear_14q75_138", sn = "_activeClear_14q75_145", nn = "_count_14q75_149", an = "_cart_14q75_164", on = "_empty_14q75_172", cn = "_product_14q75_198", rn = "_products_14q75_207", ln = "_image_14q75_215", dn = "_productInfo_14q75_230", un = "_content_14q75_237", pn = "_name_14q75_243", hn = "_price_14q75_249", mn = "_productButtons_14q75_255", _n = "_productButton_14q75_255", gn = "_productCount_14q75_272", fn = "_bottom_14q75_289", xn = "_subtotal_14q75_297", jn = "_block_14q75_305", vn = "_shoppingCount_14q75_312", bn = "_total_14q75_332", yn = "_link_14q75_338", Nn = "_userInfo_14q75_345", In = "_pagesMobileModal_14q75_356", kn = "_pagesMobileModalContent_14q75_370", Cn = "_pagesMobileModalHeader_14q75_376", Sn = "_pagesMobileModalFooter_14q75_386", C = {
-  button: Ys,
-  login: Ws,
-  signUp: Gs,
-  buttons: Xs,
-  modal: Qs,
-  "slide-in-fade": "_slide-in-fade_14q75_1",
-  "mobile-slide-in-fade": "_mobile-slide-in-fade_14q75_1",
-  closing: Js,
-  "mobile-slide-out-fade": "_mobile-slide-out-fade_14q75_1",
-  "slide-out-fade": "_slide-out-fade_14q75_1",
-  info: Ks,
-  top: Zs,
-  title: tn,
-  clear: en,
-  activeClear: sn,
-  count: nn,
-  cart: an,
-  empty: on,
-  product: cn,
-  products: rn,
-  image: ln,
-  productInfo: dn,
-  content: un,
-  name: pn,
-  price: hn,
-  productButtons: mn,
-  productButton: _n,
-  productCount: gn,
-  bottom: fn,
-  subtotal: xn,
-  block: jn,
-  shoppingCount: vn,
-  total: bn,
-  link: yn,
-  userInfo: Nn,
-  pagesMobileModal: In,
-  pagesMobileModalContent: kn,
-  pagesMobileModalHeader: Cn,
-  pagesMobileModalFooter: Sn
-}, Hi = (c) => {
-  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = c;
-  return /* @__PURE__ */ t.jsxs("div", { className: C.buttons, children: [
-    i && /* @__PURE__ */ t.jsx($n, {}),
-    s && /* @__PURE__ */ t.jsx(Pt, { signUp: a })
+}, Ze = "_buttons_14q75_23", ts = "_modal_14q75_32", es = "_closing_14q75_64", ss = "_info_14q75_113", ns = "_top_14q75_120", is = "_title_14q75_131", as = "_clear_14q75_138", os = "_activeClear_14q75_145", cs = "_count_14q75_149", rs = "_cart_14q75_164", ls = "_empty_14q75_172", ds = "_product_14q75_198", us = "_products_14q75_207", hs = "_image_14q75_215", ps = "_productInfo_14q75_230", ms = "_content_14q75_237", gs = "_name_14q75_243", fs = "_price_14q75_249", xs = "_productButtons_14q75_255", _s = "_productButton_14q75_255", js = "_productCount_14q75_272", vs = "_bottom_14q75_289", bs = "_subtotal_14q75_297", ys = "_block_14q75_305", Is = "_shoppingCount_14q75_312", Ns = "_total_14q75_332", Cs = "_link_14q75_338", Ss = "_userInfo_14q75_345", ks = "_pagesMobileModal_14q75_356", ws = "_pagesMobileModalContent_14q75_370", Ps = "_pagesMobileModalHeader_14q75_376", qs = "_pagesMobileModalFooter_14q75_386", w = {
+  buttons: Ze,
+  modal: ts,
+  closing: es,
+  info: ss,
+  top: ns,
+  title: is,
+  clear: as,
+  activeClear: os,
+  count: cs,
+  cart: rs,
+  empty: ls,
+  product: ds,
+  products: us,
+  image: hs,
+  productInfo: ps,
+  content: ms,
+  name: gs,
+  price: fs,
+  productButtons: xs,
+  productButton: _s,
+  productCount: js,
+  bottom: vs,
+  subtotal: bs,
+  block: ys,
+  shoppingCount: Is,
+  total: Ns,
+  link: Cs,
+  userInfo: Ss,
+  pagesMobileModal: ks,
+  pagesMobileModalContent: ws,
+  pagesMobileModalHeader: Ps,
+  pagesMobileModalFooter: qs
+}, Nn = (o) => {
+  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = o;
+  return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
+    i && /* @__PURE__ */ t.jsx(Bs, {}),
+    s && /* @__PURE__ */ t.jsx(qt, { signUp: a })
   ] });
-}, $n = () => {
-  const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e, products: o } = it();
+}, Bs = () => {
+  const [o, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e, products: c } = nt();
   function u(n) {
     if (n.variants.length > 0) {
-      for (let d = 0; d < e.parts.length; d++)
-        for (let r = 0; r < n.variants.length; r++)
-          if (n.variants[r] && e.parts[d].productVariantId === n.variants[r].id)
-            return e.parts[d].productVariantId;
+      for (let l = 0; l < e.parts.length; l++)
+        for (let m = 0; m < n.variants.length; m++)
+          if (n.variants[m] && e.parts[l].productVariantId === n.variants[m].id)
+            return e.parts[l].productVariantId;
     }
     return n.variants[0].id;
   }
-  function p(n) {
-    for (let d = 0; d < e.parts.length; d++)
-      for (let r = 0; r < n.variants.length; r++)
-        if (n.variants[r] && e.parts[d].productVariantId === n.variants[r].id)
-          return e.parts[d].quantity;
+  function d(n) {
+    for (let l = 0; l < e.parts.length; l++)
+      for (let m = 0; m < n.variants.length; m++)
+        if (n.variants[m] && e.parts[l].productVariantId === n.variants[m].id)
+          return e.parts[l].quantity;
   }
   f.useEffect(() => {
     (async () => {
-      const d = e.parts.map((g) => String(g.productId)), B = (o.filter((g) => d.includes(String(g.id))) || []).map((g) => ({
-        ...g,
-        activeVariantId: u(g),
-        quantity: p(g)
+      const l = e.parts.map((p) => String(p.productId)), b = (c.filter((p) => l.includes(String(p.id))) || []).map((p) => ({
+        ...p,
+        activeVariantId: u(p),
+        quantity: d(p)
       }));
-      s(B);
+      s(b);
     })();
   }, [e.parts]);
-  function _(n) {
-    var d;
-    return !n || !(n != null && n.variants) ? !1 : (d = n.variants.find((r) => r.id === n.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
+  function g(n) {
+    var l;
+    return !n || !(n != null && n.variants) ? !1 : (l = n.variants.find((m) => m.id === n.activeVariantId)) == null ? void 0 : l.subscriptionSettings;
   }
-  const h = e.parts.length > 0 && a.length > 0 && !_(a[0]), [k, y] = f.useState(!1);
+  const x = e.parts.length > 0 && a.length > 0 && !g(a[0]), [$, _] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      z,
+      F,
       {
         type: "Secondary",
         style: {
@@ -1799,54 +1754,54 @@ const Hs = (c) => {
           position: "relative"
         },
         onClick: (n) => {
-          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), y(!0));
+          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), _(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "Handbag",
               fill: "var(--text-primary)"
             }
           ),
-          h && /* @__PURE__ */ t.jsx("div", { className: C.shoppingCount, children: e.parts.length })
+          x && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: e.parts.length })
         ]
       }
     ),
-    c && /* @__PURE__ */ t.jsx(
-      Nt,
+    o && /* @__PURE__ */ t.jsx(
+      It,
       {
         close: () => {
-          y(!1), setTimeout(() => {
+          _(!1), setTimeout(() => {
             i(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          qn,
+          Ts,
           {
             activeProducts: a,
-            isCartNotEmpty: h,
-            isOpen: k
+            isCartNotEmpty: x,
+            isOpen: $
           }
         )
       }
     )
   ] });
-}, qn = (c) => {
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: o, getTotalAndDiscount: u, updateQuantityOfProduct: p } = it(), _ = xt();
-  function h(n) {
-    _(n);
+}, Ts = (o) => {
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = o, { cart: e, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: d } = nt(), g = xt();
+  function x(n) {
+    g(n);
   }
-  function k(n) {
-    n.quantity && p({
+  function $(n) {
+    n.quantity && d({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity + 1
     });
   }
-  function y(n) {
-    n.quantity && p({
+  function _(n) {
+    n.quantity && d({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity - 1
@@ -1855,35 +1810,35 @@ const Hs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: F(C.modal, {
-        [C.closing]: !s
+      className: U(w.modal, {
+        [w.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: C.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: C.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: C.title, children: "Cart" }),
-            a && /* @__PURE__ */ t.jsx("div", { className: C.count, children: e.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: w.title, children: "Cart" }),
+            a && /* @__PURE__ */ t.jsx("div", { className: w.count, children: e.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: F(C.clear, {
-                [C.activeClear]: a
+              className: U(w.clear, {
+                [w.activeClear]: a
               }),
               disabled: !a,
-              onClick: o,
+              onClick: c,
               children: "Clear all"
             }
           )
         ] }),
-        a ? /* @__PURE__ */ t.jsxs("div", { className: C.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: C.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: w.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: w.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: C.product,
+              className: w.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: C.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: w.productInfo, children: [
                   n.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -1891,35 +1846,35 @@ const Hs = (c) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: C.image
+                      className: w.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: C.image, children: /* @__PURE__ */ t.jsx(
-                    b,
+                  ) : /* @__PURE__ */ t.jsx("div", { className: w.image, children: /* @__PURE__ */ t.jsx(
+                    v,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: yt(n.name) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: w.name, children: yt(n.name) }),
+                    /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
                       "$",
-                      n.variants.find((d) => d.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
+                      n.variants.find((l) => l.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: C.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    F,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && y(n);
+                        n.quantity !== 1 && _(n);
                       },
-                      className: C.productButton,
+                      className: w.productButton,
                       disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        v,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1929,16 +1884,16 @@ const Hs = (c) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: w.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    F,
                     {
                       type: "Secondary",
-                      onClick: () => k(n),
-                      className: C.productButton,
-                      disabled: n.quantity === n.variants.find((d) => d.id === n.activeVariantId).quantity.available,
+                      onClick: () => $(n),
+                      className: w.productButton,
+                      disabled: n.quantity === n.variants.find((l) => l.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        v,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1953,12 +1908,12 @@ const Hs = (c) => {
             },
             n.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: C.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: C.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: w.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: w.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: w.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Info",
                     width: 20,
@@ -1967,20 +1922,20 @@ const Hs = (c) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: C.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: w.total, children: [
                 "$",
                 u().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(z, { onClick: () => h("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(F, { onClick: () => x("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(wn, {})
+        ] }) : /* @__PURE__ */ t.jsx($s, {})
       ]
     }
   );
-}, wn = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
+}, $s = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    b,
+    v,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -1994,23 +1949,23 @@ const Hs = (c) => {
       "a",
       {
         href: "/products",
-        className: C.link,
+        className: w.link,
         children: "view products"
       }
     )
   ] })
-] }), Pt = ({ signUp: c, close: i }) => {
-  const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = a, e = xt();
-  function o(_) {
-    window.location.pathname.includes("/admin/builder") || e(_);
+] }), qt = ({ signUp: o, close: i }) => {
+  const a = localStorage.getItem("token"), s = xt();
+  function e(d) {
+    window.location.pathname.includes("/admin/builder") || s(d);
   }
-  if (!s)
+  if (!a)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           onClick: () => {
-            o("/customer-dash"), i == null || i();
+            e("/customer-dash"), i == null || i();
           },
           type: "Secondary",
           style: {
@@ -2019,11 +1974,11 @@ const Hs = (c) => {
           children: "Login"
         }
       ),
-      c && /* @__PURE__ */ t.jsx(
-        z,
+      o && /* @__PURE__ */ t.jsx(
+        F,
         {
           onClick: () => {
-            o("/customer-dash"), i == null || i();
+            e("/customer-dash"), i == null || i();
           },
           type: "Primary",
           style: {
@@ -2034,29 +1989,29 @@ const Hs = (c) => {
         }
       )
     ] });
-  const [u, p] = f.useState("test-email@gmail.com");
+  const [c, u] = f.useState("test-email@gmail.com");
   return f.useEffect(() => {
     (async () => {
-      const h = Et(s);
-      p(h.email);
+      const g = Ot(a);
+      u(g.email);
     })();
-  }, [s]), /* @__PURE__ */ t.jsx(
+  }, [a]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: C.userInfo,
+      className: w.userInfo,
       onClick: () => {
-        o("/customer-dash"), i == null || i();
+        e("/customer-dash"), i == null || i();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
     }
   );
-}, Pn = ({
-  children: c,
+}, Ms = ({
+  children: o,
   logo: i,
   setIsOpen: a,
   signUp: s
 }) => {
-  const { setIsOpen: e } = $t(), o = () => {
+  const { setIsOpen: e } = wt(), c = () => {
     e(!1), setTimeout(() => {
       a(!1), e(!0);
     }, 300);
@@ -2064,18 +2019,18 @@ const Hs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: C.pagesMobileModal,
+      className: w.pagesMobileModal,
       onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: C.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             {
               type: "Secondary",
-              onClick: o,
+              onClick: c,
               children: /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
                   name: "X",
                   fill: "var(--text-primary)"
@@ -2084,46 +2039,46 @@ const Hs = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalContent, children: c }),
-        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Pt,
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: o }),
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+          qt,
           {
             signUp: s,
-            close: o
+            close: c
           }
         ) })
       ]
     }
   );
-}, Yi = ({
-  children: c,
+}, Cn = ({
+  children: o,
   logo: i,
   signUp: a
 }) => {
   const [s, e] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Bn, { setIsOpenModal: e }),
+    /* @__PURE__ */ t.jsx(As, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
-      Nt,
+      It,
       {
         close: () => e(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          Pn,
+          Ms,
           {
             logo: i,
             setIsOpen: e,
             signUp: a,
-            children: c
+            children: o
           }
         )
       }
     )
   ] });
-}, Bn = (c) => {
-  const { setIsOpenModal: i } = c;
+}, As = (o) => {
+  const { setIsOpenModal: i } = o;
   return /* @__PURE__ */ t.jsx(
-    z,
+    F,
     {
       type: "Secondary",
       style: {
@@ -2133,7 +2088,7 @@ const Hs = (c) => {
         a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "List",
           fill: "var(--text-primary)"
@@ -2141,34 +2096,31 @@ const Hs = (c) => {
       )
     }
   );
-}, Tn = "_share_10urc_1", Mn = "_modal_10urc_9", An = "_header_10urc_21", On = "_socials_10urc_31", En = "_social_10urc_31", Rn = "_copy_10urc_41", Dn = "_title_10urc_48", zn = "_copyWrapper_10urc_54", Ln = "_copyText_10urc_63", Fn = "_copyTextMobile_10urc_76", Un = "_copyTextMiniMobile_10urc_95", tt = {
-  share: Tn,
-  modal: Mn,
-  header: An,
-  socials: On,
-  social: En,
-  copy: Rn,
-  title: Dn,
-  copyWrapper: zn,
-  copyText: Ln,
-  copyTextMobile: Fn,
-  copyTextMiniMobile: Un
-}, Wi = ({ title: c = "Copy Product Link" }) => {
-  const { isOpenModal: i, setIsOpenModal: a } = qt();
+}, Os = "_share_10urc_1", Es = "_modal_10urc_9", Rs = "_header_10urc_21", Ds = "_title_10urc_48", Ls = "_copyWrapper_10urc_54", zs = "_copyText_10urc_63", Fs = "_copyTextMobile_10urc_76", Hs = "_copyTextMiniMobile_10urc_95", et = {
+  share: Os,
+  modal: Es,
+  header: Rs,
+  title: Ds,
+  copyWrapper: Ls,
+  copyText: zs,
+  copyTextMobile: Fs,
+  copyTextMiniMobile: Hs
+}, Sn = ({ title: o = "Copy Product Link" }) => {
+  const { isOpenModal: i, setIsOpenModal: a } = Pt();
   function s() {
     a(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      z,
+      F,
       {
-        className: tt.share,
+        className: et.share,
         onClick: (e) => {
           e.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "Share",
             fill: "#757575",
@@ -2177,45 +2129,49 @@ const Hs = (c) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(Nt, { close: a, children: /* @__PURE__ */ t.jsx(Vn, { title: c }) })
+    i && /* @__PURE__ */ t.jsx(It, { close: a, children: /* @__PURE__ */ t.jsx(Us, { title: o }) })
   ] });
-}, Vn = ({ title: c = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = qt(), { notification: a, setNotification: s } = wt(), { setIsOpen: e } = $t(), o = window.location.href;
+}, Us = ({ title: o = "Copy Product Link" }) => {
+  const { setIsOpenModal: i } = Pt(), { notifications: a, setNotifications: s } = bt(), { setIsOpen: e } = wt(), c = window.location.href;
   function u() {
-    navigator.clipboard.writeText(o), s({
-      message: "Link copied to clipboard",
-      status: "success"
-    });
+    navigator.clipboard.writeText(c), s([
+      ...a,
+      {
+        id: K(),
+        message: "Link copied to clipboard",
+        status: "success"
+      }
+    ]);
   }
-  function p() {
+  function d() {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
   }
-  function _(h, k) {
-    return h.length > k ? h.slice(0, k) + "..." : h;
+  function g(x, $) {
+    return x.length > $ ? x.slice(0, $) + "..." : x;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: tt.modal,
-      onClick: (h) => h.stopPropagation(),
+      className: et.modal,
+      onClick: (x) => x.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: tt.title, children: c }),
+        /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "X",
               fill: "#757575",
-              onClick: p,
+              onClick: d,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: et.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            z,
+            F,
             {
               type: "Secondary",
               onClick: u,
@@ -2223,59 +2179,61 @@ const Hs = (c) => {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(o, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(o, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(o, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: et.copyText, children: g(c, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMobile, children: g(c, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMiniMobile, children: g(c, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             {
               type: "Secondary",
               onClick: u,
-              children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              children: a.find(
+                (x) => x.message === "Link copied to clipboard"
+              ) ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Hn = "_accordion_1s1lq_1", Yn = "_header_1s1lq_9", Wn = "_icon_1s1lq_18", Gn = "_open_1s1lq_21", Xn = "_content_1s1lq_25", at = {
-  accordion: Hn,
-  header: Yn,
-  icon: Wn,
-  open: Gn,
-  content: Xn
-}, Gi = ({ title: c, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = f.useState(a), [o, u] = f.useState(0), p = f.useRef(null), _ = () => {
+}, Vs = "_accordion_1s1lq_1", Ys = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Gs = "_open_1s1lq_21", Xs = "_content_1s1lq_25", it = {
+  accordion: Vs,
+  header: Ys,
+  icon: Ws,
+  open: Gs,
+  content: Xs
+}, kn = ({ title: o, content: i, defaultOpen: a = !1 }) => {
+  const [s, e] = f.useState(a), [c, u] = f.useState(0), d = f.useRef(null), g = () => {
     e(!s);
   };
   return f.useEffect(() => {
-    p.current && u(s ? p.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
+    d.current && u(s ? d.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: at.header,
-        onClick: _,
+        className: it.header,
+        onClick: g,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: c }),
-          /* @__PURE__ */ t.jsx("div", { className: F(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
+          /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: p,
-        className: at.content,
-        style: { height: `${o}px` },
+        ref: d,
+        className: it.content,
+        style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
-}, Xi = ({ children: c, path: i, className: a, target: s = "_self", id: e }) => {
+}, wn = ({ children: o, path: i, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2284,45 +2242,44 @@ const Hs = (c) => {
         role: "link",
         style: { cursor: "pointer" },
         id: e,
-        children: c
+        children: o
       }
     );
-  const o = xt(), u = /^https?:\/\//.test(i), p = (_) => {
-    u || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), o(i));
+  const c = xt(), u = /^https?:\/\//.test(i), d = (g) => {
+    u || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (g.preventDefault(), c(i));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: p,
+      onClick: d,
       className: a,
       role: "link",
       style: { cursor: "pointer" },
       id: e,
-      children: c
+      children: o
     }
   );
-}, Qn = "_buttonsBlock_1b2rb_1", Jn = "_slideUp_1b2rb_1", Kn = {
-  buttonsBlock: Qn,
-  slideUp: Jn
-}, Qi = (c) => {
-  var h, k;
-  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = it(), { pageContext: o } = ft(), u = (h = o == null ? void 0 : o.listings) == null ? void 0 : h.find((y) => y.id === s);
+}, Qs = "_buttonsBlock_1b2rb_1", Js = {
+  buttonsBlock: Qs
+}, Pn = (o) => {
+  var x, $;
+  const { setIsOpen: i, setModalType: a, productId: s } = o, { cart: e } = nt(), { pageContext: c } = ft(), u = (x = c == null ? void 0 : c.listings) == null ? void 0 : x.find((_) => _.id === s);
   if (!u)
     return null;
-  const p = (k = o == null ? void 0 : o.products) == null ? void 0 : k.find(
-    (y) => y.uniquePath === u.productData.uniquePath
+  const d = ($ = c == null ? void 0 : c.products) == null ? void 0 : $.find(
+    (_) => _.uniquePath === u.productData.uniquePath
   );
-  if (!p)
+  if (!d)
     return null;
-  const _ = e.parts.find((y) => y.productId === p.id);
+  const g = e.parts.find((_) => _.productId === d.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Kn.buttonsBlock,
-      onClick: (y) => y.stopPropagation(),
+      className: Js.buttonsBlock,
+      onClick: (_) => _.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          z,
+          F,
           {
             type: "Secondary",
             style: {
@@ -2331,11 +2288,11 @@ const Hs = (c) => {
             onClick: () => {
               a("Add To Cart"), i(!0);
             },
-            children: _ ? "Add More" : "Add To Cart"
+            children: g ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          z,
+          F,
           {
             type: "Primary",
             onClick: () => {
@@ -2347,15 +2304,15 @@ const Hs = (c) => {
       ]
     }
   );
-}, Zn = "_wrapper_27wzz_1", ti = "_logo_27wzz_8", ei = "_info_27wzz_12", vt = {
-  wrapper: Zn,
-  logo: ti,
-  info: ei
-}, Ji = ({ date: c }) => {
-  const { general: i } = Rt();
+}, Ks = "_wrapper_27wzz_1", Zs = "_logo_27wzz_8", tn = "_info_27wzz_12", jt = {
+  wrapper: Ks,
+  logo: Zs,
+  info: tn
+}, qn = ({ date: o }) => {
+  const { general: i } = Et();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
-    const e = new Date(s), o = {
+    const e = new Date(s), c = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2363,10 +2320,10 @@ const Hs = (c) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", o);
+    return e.toLocaleDateString("en-US", c);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: vt.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: vt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: jt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
         src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
@@ -2374,129 +2331,118 @@ const Hs = (c) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      b,
+      v,
       {
         name: "Image",
         width: 48,
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: vt.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: jt.info, children: [
       /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(c) })
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(o) })
     ] })
   ] });
-}, si = "_options_puxd1_1", ni = "_price_puxd1_12", ii = "_oldPrice_puxd1_19", ai = "_newPrice_puxd1_27", oi = "_animate_puxd1_34", ci = "_appearAndBounce_puxd1_1", ri = "_meta_puxd1_52", li = "_info_puxd1_58", di = "_infoRight_puxd1_66", ui = "_buttons_puxd1_73", pi = "_variants_puxd1_80", hi = "_variant_puxd1_80", mi = "_stock_puxd1_98", _i = "_variantInfo_puxd1_105", gi = "_quantity_puxd1_111", fi = "_count_puxd1_118", xi = "_focused_puxd1_135", ji = "_button_puxd1_73", vi = "_activeVariant_puxd1_161", bi = "_chargeTypes_puxd1_165", yi = "_charge_puxd1_165", Ni = "_chargeActive_puxd1_190", Ii = "_title_puxd1_198", ki = "_modal_puxd1_204", Ci = "_header_puxd1_224", Si = "_productOptions_puxd1_232", $i = "_loading_puxd1_236", Y = {
-  options: si,
-  price: ni,
-  oldPrice: ii,
-  newPrice: ai,
-  animate: oi,
-  appearAndBounce: ci,
-  meta: ri,
-  info: li,
-  infoRight: di,
-  buttons: ui,
-  variants: pi,
-  variant: hi,
-  stock: mi,
-  variantInfo: _i,
-  quantity: gi,
-  count: fi,
-  focused: xi,
-  button: ji,
-  activeVariant: vi,
-  chargeTypes: bi,
-  charge: yi,
-  chargeActive: Ni,
-  title: Ii,
-  modal: ki,
-  header: Ci,
-  productOptions: Si,
-  loading: $i
-}, Ki = (c) => {
-  var y;
-  const { pageContext: i } = ft(), a = (y = i == null ? void 0 : i.listings) == null ? void 0 : y.find((n) => n.id === c.productId), [s, e] = f.useState(!0), [o, u] = f.useState(null), p = (o == null ? void 0 : o.variants[0]) || null, [_, h] = f.useState(
-    p != null && p.chargeTypes && p.chargeTypes.length > 1 ? p.chargeTypes[0] : "ONE_TIME"
-  ), { addProducts: k } = it();
+}, en = "_variants_puxd1_80", sn = "_variant_puxd1_80", nn = "_stock_puxd1_98", an = "_variantInfo_puxd1_105", on = "_chargeTypes_puxd1_165", cn = "_charge_puxd1_165", rn = "_chargeActive_puxd1_190", ln = "_title_puxd1_198", dn = "_modal_puxd1_204", un = "_header_puxd1_224", hn = "_productOptions_puxd1_232", pn = "_loading_puxd1_236", W = {
+  variants: en,
+  variant: sn,
+  stock: nn,
+  variantInfo: an,
+  chargeTypes: on,
+  charge: cn,
+  chargeActive: rn,
+  title: ln,
+  modal: dn,
+  header: un,
+  productOptions: hn,
+  loading: pn
+}, Bn = (o) => {
+  var _;
+  const { pageContext: i } = ft(), a = (_ = i == null ? void 0 : i.listings) == null ? void 0 : _.find((n) => n.id === o.productId), [s, e] = f.useState(!0), [c, u] = f.useState(null), d = (c == null ? void 0 : c.variants[0]) || null, [g, x] = f.useState(
+    d != null && d.chargeTypes && d.chargeTypes.length > 1 ? d.chargeTypes[0] : "ONE_TIME"
+  ), { addProducts: $ } = nt();
   if (f.useEffect(() => {
     (async () => {
       e(!0);
-      const d = await zt(
+      const l = await Dt(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
       );
-      k(d == null ? void 0 : d.data.products), u(d == null ? void 0 : d.data.products[0]), e(!1);
+      $(l == null ? void 0 : l.data.products), u(l == null ? void 0 : l.data.products[0]), e(!1);
     })();
   }, []), s)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y.modal,
+        className: W.modal,
         onClick: (n) => n.stopPropagation(),
-        children: /* @__PURE__ */ t.jsx("div", { className: Y.loading, children: /* @__PURE__ */ t.jsx(Dt, {}) })
+        children: /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Rt, {}) })
       }
     );
-  if (!o) {
-    c.setIsOpen(!1);
+  if (!c) {
+    o.setIsOpen(!1);
     return;
   }
-  if (!p) {
-    c.setIsOpen(!1);
+  if (!d) {
+    o.setIsOpen(!1);
     return;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Y.modal,
+      className: W.modal,
       onClick: (n) => n.stopPropagation(),
       children: [
-        c.type === "Add To Cart" && !s && /* @__PURE__ */ t.jsx(
-          qi,
+        o.type === "Add To Cart" && !s && /* @__PURE__ */ t.jsx(
+          mn,
           {
-            variants: o.variants,
-            activeVariant: p,
-            activeChargeType: _,
-            setActiveChargeType: h,
-            productId: o.id,
-            setIsOpen: c.setIsOpen
+            variants: c.variants,
+            activeVariant: d,
+            activeChargeType: g,
+            setActiveChargeType: x,
+            productId: c.id,
+            setIsOpen: o.setIsOpen
           }
         ),
-        c.type === "Buy Now" && !s && /* @__PURE__ */ t.jsx(
-          wi,
+        o.type === "Buy Now" && !s && /* @__PURE__ */ t.jsx(
+          gn,
           {
-            product: o,
-            setIsOpen: c.setIsOpen
+            product: c,
+            setIsOpen: o.setIsOpen
           }
         )
       ]
     }
   );
-}, qi = (c) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: o, setIsOpen: u } = c, { cart: p, addProductToCart: _, addProducts: h, updateQuantityOfProduct: k } = it(), { setNotification: y } = wt(), { pageContext: n } = ft();
-  async function d(r) {
-    const B = p.parts.find(
-      (g) => g.productId === c.productId && g.productVariantId === r
+}, mn = (o) => {
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: c, setIsOpen: u } = o, { cart: d, addProductToCart: g, addProducts: x, updateQuantityOfProduct: $ } = nt(), { notifications: _, setNotifications: n } = bt(), { pageContext: l } = ft();
+  async function m(b) {
+    const p = d.parts.find(
+      (P) => P.productId === o.productId && P.productVariantId === b
     );
-    B ? k({
-      productId: o,
-      productVariantId: r,
-      quantity: B.quantity + 1
-    }) : (n != null && n.products && await h(n.products), await _({
-      productId: o,
-      productVariantId: r,
+    p ? $({
+      productId: c,
+      productVariantId: b,
+      quantity: p.quantity + 1
+    }) : (l != null && l.products && await x(l.products), await g({
+      productId: c,
+      productVariantId: b,
       quantity: 1
-    })), y({
-      message: "Product added to cart",
-      status: "success"
-    });
+    })), n([
+      ..._,
+      {
+        id: K(),
+        message: "Product added to cart",
+        status: "success"
+      }
+    ]);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Y.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "X",
           width: 24,
@@ -2507,55 +2453,55 @@ const Hs = (c) => {
         }
       )
     ] }),
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: Y.chargeTypes, children: e.chargeTypes.map((r) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: W.chargeTypes, children: e.chargeTypes.map((b) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(Y.charge, {
-          [Y.chargeActive]: a === r
+        className: U(W.charge, {
+          [W.chargeActive]: a === b
         }),
-        onClick: () => s(r),
-        children: It[r]
+        onClick: () => s(b),
+        children: Nt[b]
       },
-      r
+      b
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: Y.variants, children: i.map((r) => {
-      var B, g;
+    /* @__PURE__ */ t.jsx("div", { className: W.variants, children: i.map((b) => {
+      var p, P;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(Y.variant),
+          className: U(W.variant),
           onClick: () => {
-            d(r.id), u(!1);
+            m(b.id), u(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: Y.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: Y.title, children: r.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: W.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: W.title, children: b.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                a === "ONE_TIME" ? r.price.amount : r.subscriptionSettings ? r.subscriptionSettings.price.amount : "Price Not Found"
+                a === "ONE_TIME" ? b.price.amount : b.subscriptionSettings ? b.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: Y.stock, children: [
-              (B = r.quantity.restrictions) != null && B.max || r.quantity.available !== void 0 ? ((g = r.quantity.restrictions) == null ? void 0 : g.max) || r.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: W.stock, children: [
+              (p = b.quantity.restrictions) != null && p.max || b.quantity.available !== void 0 ? ((P = b.quantity.restrictions) == null ? void 0 : P.max) || b.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        r.id
+        b.id
       );
     }) })
   ] });
-}, wi = (c) => {
-  const { product: i, setIsOpen: a } = c;
+}, gn = (o) => {
+  const { product: i, setIsOpen: a } = o;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Y.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
         yt(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "X",
           width: 24,
@@ -2570,105 +2516,56 @@ const Hs = (c) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: Y.productOptions, children: /* @__PURE__ */ t.jsx(
-      Hs,
+    /* @__PURE__ */ t.jsx("div", { className: W.productOptions, children: /* @__PURE__ */ t.jsx(
+      Ke,
       {
         product: i,
         setIsOpen: a
       }
     ) })
   ] });
-}, Pi = "_wrapper_1efqk_1", Bi = "_label_1efqk_10", Ti = "_contentBorder_1efqk_19", Mi = "_contentField_1efqk_23", Ai = "_textarea_1efqk_27", Oi = "_length_1efqk_42", nt = {
-  wrapper: Pi,
-  label: Bi,
-  contentBorder: Ti,
-  contentField: Mi,
-  textarea: Ai,
-  length: Oi
-}, Zi = (c) => {
-  const {
-    onChange: i,
-    label: a,
-    value: s,
-    maxLength: e,
-    placeholder: o = "Type something...",
-    type: u = "text"
-  } = c, [p, _] = f.useState(s.length), { themeSettings: h } = Lt();
-  function k(y) {
-    return u === "number" ? y.replace(/[^\d\n]+/g, "") : y;
-  }
-  return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
-    a && /* @__PURE__ */ t.jsx(
-      "label",
-      {
-        className: nt.label,
-        htmlFor: a,
-        children: a
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "textarea",
-      {
-        id: a,
-        value: s,
-        onChange: (y) => {
-          const n = k(y.target.value);
-          _(n.length), i(n);
-        },
-        placeholder: o,
-        className: F(nt.textarea, {
-          [nt.contentBorder]: h.inputs.border.active,
-          [nt.contentField]: h.inputs.field.active
-        }),
-        maxLength: e
-      }
-    ),
-    e && /* @__PURE__ */ t.jsxs("div", { className: nt.length, children: [
-      p,
-      "/",
-      e
-    ] })
-  ] });
 };
 export {
-  Gi as Accordion,
-  Bn as BurgerMenuButton,
-  z as Button,
-  vs as ButtonTypeSettings,
-  Ui as ButtonsSettings,
-  zi as CategorySettings,
-  It as ChargeTypes,
+  kn as Accordion,
+  As as BurgerMenuButton,
+  F as Button,
+  qe as ButtonTypeSettings,
+  yn as ButtonsSettings,
+  jn as CategorySettings,
+  Nt as ChargeTypes,
   Tt as ChooseImage,
-  sa as ChooseImageModal,
-  wn as EmptyCart,
-  Fi as FormSettings,
-  Hi as HeaderButtons,
-  b as Icon,
-  bt as InputSettings,
-  Ot as InputUI,
-  na as ItemsSettings,
-  Di as LayoutSettings,
-  Xi as Link,
-  Vi as ListingSelector,
-  Dt as Loader,
-  Ji as MetaInfoPost,
-  Nt as Modal,
-  Yi as PagesMobileMenu,
-  Pn as PagesMobileModal,
-  Li as PagesSettings,
-  Qi as ProductCardButtons,
-  Ki as ProductCardModal,
-  Hs as ProductOptions,
-  kt as RangeSelector,
+  Mn as ChooseImageModal,
+  $s as EmptyCart,
+  bn as FormSettings,
+  Nn as HeaderButtons,
+  v as Icon,
+  vt as InputSettings,
+  At as InputUI,
+  An as ItemsSettings,
+  _n as LayoutSettings,
+  wn as Link,
+  In as ListingSelector,
+  Rt as Loader,
+  qn as MetaInfoPost,
+  It as Modal,
+  Cn as PagesMobileMenu,
+  Ms as PagesMobileModal,
+  vn as PagesSettings,
+  Pn as ProductCardButtons,
+  Bn as ProductCardModal,
+  Ke as ProductOptions,
+  On as RadioUI,
+  Ct as RangeSelector,
   st as Select,
-  ia as SelectInfiniteList,
-  Wi as ShareLink,
-  $n as ShoppingButton,
-  qn as ShoppingModalCart,
-  ot as Switch,
-  aa as TextSettings,
-  oa as TextareaSettings,
-  Zi as TextareaUI,
-  ca as TypesText,
-  Pt as UserInfo
+  En as SelectInfiniteList,
+  Rn as SelectUI,
+  Sn as ShareLink,
+  Bs as ShoppingButton,
+  Ts as ShoppingModalCart,
+  at as Switch,
+  Dn as TextSettings,
+  Ln as TextareaSettings,
+  zn as TextareaUI,
+  Fn as TypesText,
+  qt as UserInfo
 };