@billgangcom/theme-lib 1.71.0 → 1.71.2

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-import { j as t, I as b, c as H, d as Nt, e as pt, g as mt, P as gt, S as lt, h as kt, D as ft, i as xt, v as _t, B as dt, k as it, a as wt, l as Pt, O as ht, m as Q, n as jt, C as vt, o as F, p as qt, q as At, r as yt, t as Et, w as bt, x as W, L as zt, y as Ct, z as St, A as ot, s as at, f as Z, E as Dt, F as z, G as Rt, M as ut, H as Lt, J as ct, K as Tt, N as Ut, Q as Mt, T as Ht, U as Bt, V as Ft } from "./index-DmoEjH7_.js";
-import { a3 as Qn, $ as Jn, Z as Kn, a2 as Zn, Y as ti, _ as ei, W as si, X as ni, a0 as ii, a1 as ai } from "./index-DmoEjH7_.js";
-import f from "react";
+import { j as t, I as b, c as F, d as Nt, e as pt, g as mt, P as gt, S as lt, h as Pt, D as ft, i as xt, v as _t, B as dt, k as at, a as kt, l as wt, O as ht, m as J, n as jt, C as vt, o as V, p as qt, q as At, r as yt, t as Dt, w as bt, x as W, L as Et, y as Ct, z as St, A as ot, s as it, f as Q, E as zt, F as E, G as Rt, M as ut, H as Lt, J as ct, K as Tt, N as Ut, Q as Mt, T as Ht, U as Bt, V as Ft } from "./index-ChzUc1hG.js";
+import { a3 as Zn, $ as ti, Z as ei, a2 as si, Y as ni, _ as ii, W as ai, X as oi, a0 as ci, a1 as ri } from "./index-ChzUc1hG.js";
+import x from "react";
 import "react-dom";
-const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23", Wt = "_alignmentContent_kh9z8_30", Xt = "_alignments_kh9z8_39", Qt = "_alignment_kh9z8_30", Jt = "_circle_kh9z8_64", Kt = "_paddings_kh9z8_71", Zt = "_padding_kh9z8_71", te = "_active_kh9z8_97", Y = {
+const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23", Wt = "_alignmentContent_kh9z8_30", Xt = "_alignments_kh9z8_39", Qt = "_alignment_kh9z8_30", Jt = "_circle_kh9z8_64", Kt = "_paddings_kh9z8_71", Zt = "_padding_kh9z8_71", te = "_active_kh9z8_97", G = {
   block: Vt,
   title: Yt,
   subtitle: Gt,
@@ -23,17 +23,17 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], se = ["left", "top", "right", "bottom"], On = (u) => {
+], se = ["left", "top", "right", "bottom"], Dn = (h) => {
   const {
     alignment: i,
     padding: a,
     setPadding: s,
     setAlignment: e,
-    isAlignment: l = !0,
-    isPadding: r = !0
-  } = u;
-  function g(v) {
-    switch (v) {
+    isAlignment: r = !0,
+    isPadding: c = !0
+  } = h;
+  function f(d) {
+    switch (d) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -50,8 +50,8 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
         return "TextAlignCenter";
     }
   }
-  function _(v) {
-    switch (v) {
+  function j(d) {
+    switch (d) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -62,40 +62,40 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [j, T] = f.useState(null), [x, p] = f.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: Y.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ t.jsxs("div", { className: Y.alignmentContent, children: [
-      l && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: Y.alignments, children: ee.map((v) => /* @__PURE__ */ t.jsxs(
+  const [v, T] = x.useState(null), [_, m] = x.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: [
+      r && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: ee.map((d) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(v);
+              e(d);
             },
-            className: Y.alignment,
+            className: G.alignment,
             onMouseEnter: () => {
-              T(v);
+              T(d);
             },
             onMouseLeave: () => {
               T(null);
             },
             children: [
-              v !== i && j !== v && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
-              v !== i && j === v && /* @__PURE__ */ t.jsx(
+              d !== i && v !== d && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              d !== i && v === d && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: g(j),
+                  name: f(v),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              v === i && /* @__PURE__ */ t.jsx(
+              d === i && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: g(i),
+                  name: f(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -103,28 +103,28 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
               )
             ]
           },
-          v
+          d
         )) })
       ] }),
-      r && /* @__PURE__ */ t.jsxs("div", { className: Y.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: Y.paddings, children: se.map((v) => /* @__PURE__ */ t.jsxs(
+      c && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
+        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: se.map((d) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: H(Y.padding, {
-              [Y.active]: x === v
+            className: F(G.padding, {
+              [G.active]: _ === d
             }),
             onFocus: () => {
-              p(v);
+              m(d);
             },
             onBlur: () => {
-              p(null);
+              m(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: _(v),
+                  name: j(d),
                   width: 20,
                   height: 20
                 }
@@ -133,10 +133,10 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
                 Nt,
                 {
                   type: "number",
-                  value: String(a[v]),
-                  onChange: (c) => s({
+                  value: String(a[d]),
+                  onChange: (l) => s({
                     ...a,
-                    [v]: Math.min(Number(c), 999)
+                    [d]: Math.min(Number(l), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -145,7 +145,7 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
               )
             ]
           },
-          v
+          d
         )) })
       ] })
     ] })
@@ -163,75 +163,75 @@ const Vt = "_block_kh9z8_8", Yt = "_title_kh9z8_16", Gt = "_subtitle_kh9z8_23",
   addButton: he,
   deleteButton: pe
 };
-function me({ id: u, children: i }) {
+function me({ id: h, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: l,
-    transition: r,
-    isDragging: g
+    transform: r,
+    transition: c,
+    isDragging: f
   } = jt({
-    id: u
-  }), _ = {
-    transform: vt.Transform.toString(l),
-    transition: r
+    id: h
+  }), j = {
+    transform: vt.Transform.toString(r),
+    transition: c
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: _,
-      className: `${X.product} ${g ? X.dragging : ""}`,
+      style: j,
+      className: `${X.product} ${f ? X.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const qn = (u) => {
+const En = (h) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    tags: r,
-    title: g,
-    subtitle: _,
-    draggable: j = !1,
+    other: r,
+    tags: c,
+    title: f,
+    subtitle: j,
+    draggable: v = !1,
     withImage: T = !1,
-    addable: x = !0,
-    itemsOptions: p,
-    hasRangeSelector: v = !1,
-    rangeSelectorOptions: c,
+    addable: _ = !0,
+    itemsOptions: m,
+    hasRangeSelector: d = !1,
+    rangeSelectorOptions: l,
     limit: n,
     autoScrollInterval: o,
     deletable: C,
     aspectRatio: y,
     setAspectRatio: M
-  } = u, L = pt(
+  } = h, U = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), D = (h) => {
-    const { active: S, over: P } = h;
-    if (P && S.id !== P.id) {
-      const O = s.findIndex((q) => q === S.id), N = s.findIndex((q) => q === P.id);
+  ), z = (p) => {
+    const { active: S, over: w } = p;
+    if (w && S.id !== w.id) {
+      const O = s.findIndex((q) => q === S.id), N = s.findIndex((q) => q === w.id);
       if (O !== -1 && N !== -1) {
         const q = [...s], [I] = q.splice(O, 1);
         q.splice(N, 0, I), e(q);
       }
     }
   };
-  function J(h) {
+  function K(p) {
     if (T)
-      return h ? /* @__PURE__ */ t.jsx(
+      return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${h[0]}/w=1000`,
+          src: `https://imagedelivery.net/${p[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -246,11 +246,11 @@ const qn = (u) => {
         }
       );
   }
-  const m = (h, S = !1) => {
-    const P = p.find((N) => N.id === h);
-    if (!P) return;
+  const g = (p, S = !1) => {
+    const w = m.find((N) => N.id === p);
+    if (!w) return;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -260,19 +260,19 @@ const qn = (u) => {
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        it,
+        at,
         {
           onChange: (N) => {
-            const q = [...s], I = p.find((d) => d.name === N);
+            const q = [...s], I = m.find((u) => u.name === N);
             if (!I) return;
-            const A = I.id, U = q.map((d) => d === h ? A : d);
-            e([...U]);
+            const A = I.id, H = q.map((u) => u === p ? A : u);
+            e([...H]);
           },
-          value: P.name,
-          options: p.filter((N) => !s.find((q) => q === N.id)).map((N) => N.name),
-          leftAddonOptions: p.map((N) => ({
+          value: w.name,
+          options: m.filter((N) => !s.find((q) => q === N.id)).map((N) => N.name),
+          leftAddonOptions: m.map((N) => ({
             value: N.name,
-            addon: J(N.images)
+            addon: K(N.images)
           }))
         }
       ),
@@ -284,56 +284,56 @@ const qn = (u) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((N) => N !== h))
+          onClick: () => e(s.filter((N) => N !== p))
         }
       ) }) })
     ] });
-    return j ? /* @__PURE__ */ t.jsx(
+    return v ? /* @__PURE__ */ t.jsx(
       me,
       {
-        id: h,
+        id: p,
         children: O
       },
-      Q()
+      J()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
         children: O
       },
-      Q()
+      J()
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (g || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      g && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: g }),
+    (f || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      f && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: f }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
           current: i,
-          onChange: (h) => a == null ? void 0 : a(h)
+          onChange: (p) => a == null ? void 0 : a(p)
         }
       )
     ] }),
-    v && c && /* @__PURE__ */ t.jsx(kt, { ...c }),
+    d && l && /* @__PURE__ */ t.jsx(Pt, { ...l }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
-      j ? /* @__PURE__ */ t.jsx(
+      j && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: j }),
+      v ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: L,
-          onDragEnd: D,
+          sensors: U,
+          onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s,
               strategy: _t,
-              children: s.map((h) => m(h, C))
+              children: s.map((p) => g(p, C))
             }
           )
         }
-      ) : s.map((h) => m(h, C)),
-      x && /* @__PURE__ */ t.jsx(
+      ) : s.map((p) => g(p, C)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -346,22 +346,22 @@ const qn = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(X.button, {
-                [X.disabled]: !!(n && n <= s.length || s.length === p.length)
+              className: F(X.button, {
+                [X.disabled]: !!(n && n <= s.length || s.length === m.length)
               }),
               size: "s",
-              disabled: !!(n && n <= s.length || s.length === p.length),
+              disabled: !!(n && n <= s.length || s.length === m.length),
               onClick: () => {
-                const h = [...s];
+                const p = [...s];
                 let S = null;
-                if (p) {
-                  for (let P = 0; P < p.length; P++)
-                    if (!s.find((O) => O === p[P].id)) {
-                      S = p[P];
+                if (m) {
+                  for (let w = 0; w < m.length; w++)
+                    if (!s.find((O) => O === m[w].id)) {
+                      S = m[w];
                       break;
                     }
                 }
-                h.push((S == null ? void 0 : S.id) || p[0].id), e(h);
+                p.push((S == null ? void 0 : S.id) || m[0].id), e(p);
               },
               style: {
                 width: "fit-content"
@@ -383,27 +383,27 @@ const qn = (u) => {
       )
     ] }),
     y && M && /* @__PURE__ */ t.jsx(
-      it,
+      at,
       {
         value: y,
         label: "Aspect Ratio",
-        options: Object.keys(Pt),
-        onChange: (h) => M(h),
-        leftAddonOptions: wt
+        options: Object.keys(wt),
+        onChange: (p) => M(p),
+        leftAddonOptions: kt
       }
     ),
-    r !== void 0 && /* @__PURE__ */ t.jsx(
+    c !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         tagsTitle: "Tags",
-        items: r
+        items: c
       }
     ),
-    l !== void 0 && /* @__PURE__ */ t.jsx(
+    r !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: l
+        items: r
       }
     ),
     o !== void 0 && /* @__PURE__ */ t.jsx(
@@ -412,7 +412,7 @@ const qn = (u) => {
         label: "Auto scroll interval",
         type: "number",
         value: String(o.scrollInterval),
-        onChange: (h) => o.setScrollInterval(Number(h)),
+        onChange: (p) => o.setScrollInterval(Number(p)),
         min: 0.1,
         max: 100,
         style: {
@@ -422,7 +422,7 @@ const qn = (u) => {
       }
     )
   ] });
-}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_productsBlock_roi3a_14", _e = "_top_roi3a_26", je = "_products_roi3a_14", ve = "_product_roi3a_14", ye = "_button_roi3a_80", be = "_disabled_roi3a_91", Ie = "_buttons_roi3a_118", Ne = "_addButton_roi3a_164", Ce = "_deleteButton_roi3a_179", V = {
+}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_productsBlock_roi3a_14", _e = "_top_roi3a_26", je = "_products_roi3a_14", ve = "_product_roi3a_14", ye = "_button_roi3a_80", be = "_disabled_roi3a_91", Ie = "_buttons_roi3a_118", Ne = "_addButton_roi3a_164", Ce = "_deleteButton_roi3a_179", Y = {
   title: ge,
   subtitle: fe,
   productsBlock: xe,
@@ -435,82 +435,82 @@ const qn = (u) => {
   addButton: Ne,
   deleteButton: Ce
 };
-function Se({ product: u, children: i }) {
+function Se({ product: h, children: i }) {
   const {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: l,
-    transition: r,
-    isDragging: g
+    transform: r,
+    transition: c,
+    isDragging: f
   } = jt({
-    id: u.id
-  }), _ = {
-    transform: vt.Transform.toString(l),
-    transition: r
+    id: h.id
+  }), j = {
+    transform: vt.Transform.toString(r),
+    transition: c
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: _,
-      className: `${V.product} ${g ? V.dragging : ""}`,
+      style: j,
+      className: `${Y.product} ${f ? Y.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const An = (u) => {
+const zn = (h) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    title: l,
-    subtitle: r,
-    editable: g = !0,
-    draggable: _ = !1,
-    deletable: j = !0,
+    title: r,
+    subtitle: c,
+    editable: f = !0,
+    draggable: j = !1,
+    deletable: v = !0,
     addable: T = !0,
-    itemsType: x,
-    itemsOptions: p,
-    addableOptions: v = {},
-    limit: c
-  } = u, [n, o] = f.useState(null), [C, y] = f.useState(null), M = f.useRef(null), L = pt(
+    itemsType: _,
+    itemsOptions: m,
+    addableOptions: d = {},
+    limit: l
+  } = h, [n, o] = x.useState(null), [C, y] = x.useState(null), M = x.useRef(null), U = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  x.useEffect(() => {
     if (n) {
-      const h = [...s].map((S) => S.id === n.id ? n : S);
-      e(h);
+      const p = [...s].map((S) => S.id === n.id ? n : S);
+      e(p);
     }
-  }, [n]), f.useEffect(() => {
+  }, [n]), x.useEffect(() => {
     M.current && C && (M.current.getBoundingClientRect().height, C.top);
   }, [M.current, C]);
-  const D = (h, S) => {
-    h.stopPropagation();
-    const P = h.target.getBoundingClientRect();
+  const z = (p, S) => {
+    p.stopPropagation();
+    const w = p.target.getBoundingClientRect();
     y({
-      top: P.top + window.scrollY,
-      left: P.left - 30
+      top: w.top + window.scrollY,
+      left: w.left - 30
     }), o(S);
-  }, J = (h) => {
-    const { active: S, over: P } = h;
-    if (P && S.id !== P.id) {
-      const O = s.findIndex((q) => q.id === S.id), N = s.findIndex((q) => q.id === P.id);
+  }, K = (p) => {
+    const { active: S, over: w } = p;
+    if (w && S.id !== w.id) {
+      const O = s.findIndex((q) => q.id === S.id), N = s.findIndex((q) => q.id === w.id);
       if (O !== -1 && N !== -1) {
         const q = [...s], [I] = q.splice(O, 1);
         q.splice(N, 0, I), e(q);
       }
     }
-  }, m = (h, S) => {
-    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, g = (p, S) => {
+    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -519,41 +519,41 @@ const An = (u) => {
           height: 20
         }
       ) }),
-      x === "select" && p && /* @__PURE__ */ t.jsx(
-        it,
+      _ === "select" && m && /* @__PURE__ */ t.jsx(
+        at,
         {
           onChange: (O) => {
-            const N = [...s], q = p.find((A) => A.name === O);
+            const N = [...s], q = m.find((A) => A.name === O);
             if (!q) return;
-            const I = N.map((A) => A.id === h.id ? {
+            const I = N.map((A) => A.id === p.id ? {
               ...q,
               name: {
                 "en-US": O
               }
             } : A);
             o({
-              ...h,
+              ...p,
               name: {
                 "en-US": O
               }
             }), e([...I]);
           },
-          value: h.name,
-          options: p.filter((O) => !s.find((N) => N.name === O.name)).map((O) => O.name)
+          value: p.name,
+          options: m.filter((O) => !s.find((N) => N.name === O.name)).map((O) => O.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
+        f && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => D(O, h)
+            onClick: (O) => z(O, p)
           }
         ) }),
-        j && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        v && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -561,56 +561,56 @@ const An = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((O) => O.id !== h.id))
+            onClick: () => e(s.filter((O) => O.id !== p.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return j ? /* @__PURE__ */ t.jsx(
       Se,
       {
-        product: h,
+        product: p,
         index: S,
-        children: P
+        children: w
       },
-      h.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V.product,
-        children: P
+        className: Y.product,
+        children: w
       },
-      h.id
+      p.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (l || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: l }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
+    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: r }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
           current: i,
-          onChange: (h) => a == null ? void 0 : a(h)
+          onChange: (p) => a == null ? void 0 : a(p)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      r && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: r }),
-      _ ? /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
+      c && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: c }),
+      j ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: L,
-          onDragEnd: J,
+          sensors: U,
+          onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((h) => h.id),
+              items: s.map((p) => p.id),
               strategy: _t,
-              children: s.map((h, S) => m(h, S))
+              children: s.map((p, S) => g(p, S))
             }
           )
         }
-      ) : s.map((h, S) => m(h, S)),
+      ) : s.map((p, S) => g(p, S)),
       T && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -623,31 +623,31 @@ const An = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(V.button, {
-                [V.disabled]: !!(c && c <= s.length || s.length === (p == null ? void 0 : p.length))
+              className: F(Y.button, {
+                [Y.disabled]: !!(l && l <= s.length || s.length === (m == null ? void 0 : m.length))
               }),
               size: "s",
-              disabled: !!(c && c <= s.length || s.length === (p == null ? void 0 : p.length)),
+              disabled: !!(l && l <= s.length || s.length === (m == null ? void 0 : m.length)),
               onClick: () => {
-                const h = [...s];
+                const p = [...s];
                 let S = null;
-                if (p) {
-                  for (let P = 0; P < p.length; P++)
-                    if (!s.find((O) => O.id === p[P].id)) {
-                      S = p[P];
+                if (m) {
+                  for (let w = 0; w < m.length; w++)
+                    if (!s.find((O) => O.id === m[w].id)) {
+                      S = m[w];
                       break;
                     }
                 }
-                x === "select" && p && h.push({
-                  name: S ? S.name : p[0].name,
-                  id: (S == null ? void 0 : S.id) || p[0].id,
-                  ...v
-                }), e(h);
+                _ === "select" && m && p.push({
+                  name: S ? S.name : m[0].name,
+                  id: (S == null ? void 0 : S.id) || m[0].id,
+                  ...d
+                }), e(p);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -665,98 +665,98 @@ const An = (u) => {
     ] })
   ] });
 };
-function ke(u) {
-  const { product: i, children: a } = u, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: g, isDragging: _ } = jt({
+function Pe(h) {
+  const { product: i, children: a } = h, { attributes: s, listeners: e, setNodeRef: r, transform: c, transition: f, isDragging: j } = jt({
     id: i.id
-  }), j = {
-    transform: vt.Transform.toString(r),
-    transition: g
+  }), v = {
+    transform: vt.Transform.toString(c),
+    transition: f
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: l,
-      style: j,
-      className: `${F.product} ${_ ? F.dragging : ""}`,
+      ref: r,
+      style: v,
+      className: `${V.product} ${j ? V.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const En = (u) => {
+const Rn = (h) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    title: r,
-    subtitle: g,
-    editable: _ = !0,
-    draggable: j = !1,
+    other: r,
+    title: c,
+    subtitle: f,
+    editable: j = !0,
+    draggable: v = !1,
     deletable: T = !0,
-    addable: x = !0,
-    itemsType: p,
-    itemsPlaceholder: v = "",
-    itemsOptions: c,
+    addable: _ = !0,
+    itemsType: m,
+    itemsPlaceholder: d = "",
+    itemsOptions: l,
     hasRangeSelector: n = !1,
     rangeSelectorOptions: o,
     modalOptions: C,
     addableOptions: y = {},
     limit: M
-  } = u, [L, D] = f.useState(null), [J, m] = f.useState({
+  } = h, [U, z] = x.useState(null), [K, g] = x.useState({
     top: 0,
     left: 0
-  }), [h, S] = f.useState(null), P = f.useRef(null), [O, N] = f.useState(!1), q = pt(
+  }), [p, S] = x.useState(null), w = x.useRef(null), [O, N] = x.useState(!1), q = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const d = () => {
-      D(null), N(!1);
+  x.useEffect(() => {
+    const u = () => {
+      z(null), N(!1);
     };
-    return document.body.addEventListener("click", d), D(null), N(!1), () => {
-      D(null), N(!1), document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", u), z(null), N(!1), () => {
+      z(null), N(!1), document.body.removeEventListener("click", u);
     };
-  }, []), f.useEffect(() => {
-    if (L) {
-      const d = [...s].map(($) => $.id === L.id ? L : $);
-      e(d);
+  }, []), x.useEffect(() => {
+    if (U) {
+      const u = [...s].map(($) => $.id === U.id ? U : $);
+      e(u);
     }
-  }, [L]), f.useEffect(() => {
-    if (P.current && h) {
-      const d = P.current.getBoundingClientRect().height, $ = window.innerHeight;
-      let k = h.top;
-      k + d > $ + window.scrollY - 200 && (k = $ + window.scrollY - d - 200), k < 0 && (k = 10), m({
-        top: k,
-        left: h.left
+  }, [U]), x.useEffect(() => {
+    if (w.current && p) {
+      const u = w.current.getBoundingClientRect().height, $ = window.innerHeight;
+      let P = p.top;
+      P + u > $ + window.scrollY - 200 && (P = $ + window.scrollY - u - 200), P < 0 && (P = 10), g({
+        top: P,
+        left: p.left
       });
     }
-  }, [P.current, h]);
-  const I = (d, $) => {
-    d.stopPropagation();
-    const k = d.target.getBoundingClientRect();
+  }, [w.current, p]);
+  const I = (u, $) => {
+    u.stopPropagation();
+    const P = u.target.getBoundingClientRect();
     S({
-      top: k.top + window.scrollY,
-      left: k.left - 30
-    }), D($), N(!0);
-  }, A = (d) => {
-    const { active: $, over: k } = d;
-    if (k && $.id !== k.id) {
-      const E = s.findIndex((R) => R.id === $.id), et = s.findIndex((R) => R.id === k.id);
-      if (E !== -1 && et !== -1) {
-        const R = [...s], [K] = R.splice(E, 1);
-        R.splice(et, 0, K), e(R);
+      top: P.top + window.scrollY,
+      left: P.left - 30
+    }), z($), N(!0);
+  }, A = (u) => {
+    const { active: $, over: P } = u;
+    if (P && $.id !== P.id) {
+      const D = s.findIndex((R) => R.id === $.id), et = s.findIndex((R) => R.id === P.id);
+      if (D !== -1 && et !== -1) {
+        const R = [...s], [Z] = R.splice(D, 1);
+        R.splice(et, 0, Z), e(R);
       }
     }
-  }, U = (d) => {
-    var k;
+  }, H = (u) => {
+    var P;
     const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -765,70 +765,70 @@ const En = (u) => {
           height: 20
         }
       ) }),
-      p === "select" && c && /* @__PURE__ */ t.jsx(
-        it,
+      m === "select" && l && /* @__PURE__ */ t.jsx(
+        at,
         {
-          onChange: (E) => {
-            const R = [...s].map((K) => K.id === d.id ? {
-              ...d,
+          onChange: (D) => {
+            const R = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
               name: {
-                "en-US": E
+                "en-US": D
               }
-            } : K);
-            D({
-              ...d,
+            } : Z);
+            z({
+              ...u,
               name: {
-                "en-US": E
+                "en-US": D
               }
             }), e([...R]);
           },
-          value: d.name["en-US"],
-          options: c.filter(
-            (E) => !s.find((et) => et.name["en-US"] === E)
+          value: u.name["en-US"],
+          options: l.filter(
+            (D) => !s.find((et) => et.name["en-US"] === D)
           )
         }
       ),
-      p === "input" && /* @__PURE__ */ t.jsx(
+      m === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
-          onChange: (E) => {
-            const R = [...s].map((K) => K.id === d.id ? {
-              ...d,
+          onChange: (D) => {
+            const R = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
               name: {
-                "en-US": E
+                "en-US": D
               }
-            } : K);
+            } : Z);
             e([...R]);
           },
-          value: d.name["en-US"],
-          placeholder: v
+          value: u.name["en-US"],
+          placeholder: d
         }
       ),
-      p === "image" && /* @__PURE__ */ t.jsx(
+      m === "image" && /* @__PURE__ */ t.jsx(
         At,
         {
-          onChange: (E) => {
-            const R = [...s].map((K) => K.id === d.id ? {
-              ...d,
-              images: E
-            } : K);
+          onChange: (D) => {
+            const R = [...s].map((Z) => Z.id === u.id ? {
+              ...u,
+              images: D
+            } : Z);
             e([...R]);
           },
-          activeImage: (k = s.find((E) => E.id === d.id)) == null ? void 0 : k.images[0]
+          activeImage: (P = s.find((D) => D.id === u.id)) == null ? void 0 : P.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+        j && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => I(E, d)
+            onClick: (D) => I(D, u)
           }
         ) }),
-        T && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+        T && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -836,53 +836,53 @@ const En = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== d.id))
+            onClick: () => e(s.filter((D) => D.id !== u.id))
           }
         ) })
       ] })
     ] });
-    return j ? /* @__PURE__ */ t.jsx(
-      ke,
+    return v ? /* @__PURE__ */ t.jsx(
+      Pe,
       {
-        product: d,
+        product: u,
         children: $
       },
-      d.id
+      u.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
+        className: V.product,
         children: $
       },
-      d.id
+      u.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: r }),
+  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
+    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      c && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: c }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
           current: i,
-          onChange: (d) => a == null ? void 0 : a(d)
+          onChange: (u) => a == null ? void 0 : a(u)
         }
       )
     ] }),
-    L && _ && C && O && /* @__PURE__ */ t.jsx(
+    U && j && C && O && /* @__PURE__ */ t.jsx(
       qt,
       {
-        ref: P,
-        activeItem: L,
-        setActiveItem: D,
-        popupPosition: J,
+        ref: w,
+        activeItem: U,
+        setActiveItem: z,
+        popupPosition: K,
         modalOptions: C,
         setIsOpenModal: N
       }
     ),
-    n && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
-    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      g && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: g }),
-      j ? /* @__PURE__ */ t.jsx(
+    n && o && /* @__PURE__ */ t.jsx(Pt, { ...o }),
+    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+      f && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: f }),
+      v ? /* @__PURE__ */ t.jsx(
         ft,
         {
           sensors: q,
@@ -890,14 +890,14 @@ const En = (u) => {
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((d) => d.id),
+              items: s.map((u) => u.id),
               strategy: _t,
-              children: s.map((d) => U(d))
+              children: s.map((u) => H(u))
             }
           )
         }
-      ) : s.map((d) => U(d)),
-      x && /* @__PURE__ */ t.jsx(
+      ) : s.map((u) => H(u)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -909,49 +909,49 @@ const En = (u) => {
             dt,
             {
               withoutHover: !0,
-              className: H(F.button, {
-                [F.disabled]: !!(M && M <= s.length)
+              className: F(V.button, {
+                [V.disabled]: !!(M && M <= s.length)
               }),
               size: "s",
               disabled: !!(M && M <= s.length),
               onClick: () => {
-                const d = [...s];
+                const u = [...s];
                 let $ = null;
-                if (c) {
-                  for (let k = 0; k < c.length; k++)
-                    if (!s.find((E) => E.name["en-US"] === c[k])) {
-                      $ = c[k];
+                if (l) {
+                  for (let P = 0; P < l.length; P++)
+                    if (!s.find((D) => D.name["en-US"] === l[P])) {
+                      $ = l[P];
                       break;
                     }
                 }
-                p === "select" && c ? d.push({
+                m === "select" && l ? u.push({
                   name: {
-                    "en-US": $ || c[0]
+                    "en-US": $ || l[0]
                   },
-                  id: Q(),
+                  id: J(),
                   ...y,
                   maxSymbols: 100
                   // пример значения
-                }) : p === "input" ? d.push({
+                }) : m === "input" ? u.push({
                   name: {
                     "en-US": ""
                   },
-                  id: Q(),
+                  id: J(),
                   ...y,
                   maxSymbols: 100
-                }) : d.push({
+                }) : u.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: Q(),
+                  id: J(),
                   ...y,
                   maxSymbols: 100
-                }), e(d);
+                }), e(u);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -967,49 +967,49 @@ const En = (u) => {
         }
       )
     ] }),
-    l !== void 0 && /* @__PURE__ */ t.jsx(
+    r !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: l
+        items: r
       }
     )
   ] });
-}, we = "_subtitle_jql1y_1", Pe = "_products_jql1y_10", Te = "_product_jql1y_10", Me = "_button_jql1y_11", Be = "_buttons_jql1y_11", $e = "_addButton_jql1y_150", Oe = "_deleteButton_jql1y_165", st = {
-  subtitle: we,
-  products: Pe,
+}, ke = "_subtitle_jql1y_1", we = "_products_jql1y_10", Te = "_product_jql1y_10", Me = "_button_jql1y_11", Be = "_buttons_jql1y_11", $e = "_addButton_jql1y_150", Oe = "_deleteButton_jql1y_165", st = {
+  subtitle: ke,
+  products: we,
   product: Te,
   button: Me,
   buttons: Be,
   addButton: $e,
   deleteButton: Oe
-}, qe = (u) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = u, { pages: r } = yt(), [g, _] = f.useState(null), [j, T] = f.useState({
+}, qe = (h) => {
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: r = !0 } = h, { pages: c } = yt(), [f, j] = x.useState(null), [v, T] = x.useState({
     top: 0,
     left: 0
-  }), [x, p] = f.useState(null), v = f.useRef(null);
-  f.useEffect(() => {
-    if (g) {
-      const o = [...i].map((C) => C.id === g.id ? g : C);
+  }), [_, m] = x.useState(null), d = x.useRef(null);
+  x.useEffect(() => {
+    if (f) {
+      const o = [...i].map((C) => C.id === f.id ? f : C);
       a(o);
     }
-  }, [g]), f.useEffect(() => {
-    if (v.current && x) {
-      const o = v.current.getBoundingClientRect().height, C = window.innerHeight;
-      let y = x.top;
+  }, [f]), x.useEffect(() => {
+    if (d.current && _) {
+      const o = d.current.getBoundingClientRect().height, C = window.innerHeight;
+      let y = _.top;
       y + o > C + window.scrollY - 200 && (y = C + window.scrollY - o - 200), y < 0 && (y = 10), T({
         top: y,
-        left: x.left
+        left: _.left
       });
     }
-  }, [v.current, x]);
-  const c = (o, C) => {
+  }, [d.current, _]);
+  const l = (o, C) => {
     o.stopPropagation();
     const y = o.target.getBoundingClientRect();
-    p({
+    m({
       top: y.top + window.scrollY - 70,
       left: y.left - (e ? 30 : 65)
-    }), _(C);
+    }), j(C);
   }, n = (o, C) => {
     const y = [...i], M = {
       ...o,
@@ -1026,14 +1026,14 @@ const En = (u) => {
         className: st.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            it,
+            at,
             {
               onChange: (y) => {
-                const L = [...i].map((D) => D.id === o.id ? {
+                const U = [...i].map((z) => z.id === o.id ? {
                   ...o,
                   type: y
-                } : D);
-                a(L);
+                } : z);
+                a(U);
               },
               value: o.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1060,7 +1060,7 @@ const En = (u) => {
                 width: 20,
                 height: 20,
                 onClick: (y) => {
-                  c(y, o);
+                  l(y, o);
                 }
               }
             ) }),
@@ -1083,14 +1083,14 @@ const En = (u) => {
       },
       o.id
     )),
-    g && /* @__PURE__ */ t.jsx(
-      Et,
+    f && /* @__PURE__ */ t.jsx(
+      Dt,
       {
-        ref: v,
-        activeButton: g,
-        setActiveButton: _,
-        popupPosition: j,
-        editableLink: l
+        ref: d,
+        activeButton: f,
+        setActiveButton: j,
+        popupPosition: v,
+        editableLink: r
       }
     ),
     e && /* @__PURE__ */ t.jsx(
@@ -1109,25 +1109,25 @@ const En = (u) => {
             size: "s",
             onClick: () => {
               const o = [...i];
-              l ? o.push({
+              r ? o.push({
                 type: "Primary",
-                id: Q(),
+                id: J(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: r ? Object.values(r)[0].path : "/",
+                page: c ? Object.values(c)[0].path : "/",
                 openInNewTab: !1
               }) : o.push({
                 type: "Primary",
-                id: Q(),
+                id: J(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: r ? Object.values(r)[0].path : "/",
+                page: c ? Object.values(c)[0].path : "/",
                 openInNewTab: !1
               }), a(o);
             },
@@ -1150,16 +1150,16 @@ const En = (u) => {
       }
     )
   ] });
-}, zn = (u) => {
+}, Ln = (h) => {
   const {
     isActiveButtons: i,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
-    editableLink: l = !0,
-    addable: r = !0,
-    deletable: g = !0
-  } = u;
+    editableLink: r = !0,
+    addable: c = !0,
+    deletable: f = !0
+  } = h;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: bt.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: bt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: bt.title, children: "Buttons" }),
@@ -1167,7 +1167,7 @@ const En = (u) => {
         lt,
         {
           current: i,
-          onChange: (_) => a(_)
+          onChange: (j) => a(j)
         }
       )
     ] }),
@@ -1176,71 +1176,71 @@ const En = (u) => {
       {
         buttons: s,
         setButtons: e,
-        editableLink: l,
-        addable: r,
-        deletable: g
+        editableLink: r,
+        addable: c,
+        deletable: f
       }
     )
   ] }) });
 };
-function Ae(u) {
-  const { product: i, children: a } = u, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: g, isDragging: _ } = jt({
+function Ae(h) {
+  const { product: i, children: a } = h, { attributes: s, listeners: e, setNodeRef: r, transform: c, transition: f, isDragging: j } = jt({
     id: String(i.listingId)
-  }), j = {
-    transform: vt.Transform.toString(r),
-    transition: g
+  }), v = {
+    transform: vt.Transform.toString(c),
+    transition: f
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: l,
-      style: j,
-      className: `${W.product} ${_ ? W.dragging : ""}`,
+      ref: r,
+      style: v,
+      className: `${W.product} ${j ? W.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const Dn = (u) => {
+const Un = (h) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    title: r,
-    subtitle: g,
-    editable: _ = !0,
-    draggable: j = !1,
+    other: r,
+    title: c,
+    subtitle: f,
+    editable: j = !0,
+    draggable: v = !1,
     withImage: T = !1,
-    deletable: x = !0,
-    addable: p = !0,
-    itemsType: v,
-    itemsOptions: c,
+    deletable: _ = !0,
+    addable: m = !0,
+    itemsType: d,
+    itemsOptions: l,
     limit: n,
     aspectRatio: o,
     setAspectRatio: C
-  } = u, [y, M] = f.useState(
+  } = h, [y, M] = x.useState(
     null
-  ), [L, D] = f.useState({
+  ), [U, z] = x.useState({
     top: 0,
     left: 0
-  }), [J, m] = f.useState(!1), h = pt(
+  }), [K, g] = x.useState(!1), p = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  x.useEffect(() => {
     const I = () => {
-      M(null), m(!1);
+      M(null), g(!1);
     };
-    return document.body.addEventListener("click", I), M(null), m(!1), () => {
-      M(null), m(!1), document.body.removeEventListener("click", I);
+    return document.body.addEventListener("click", I), M(null), g(!1), () => {
+      M(null), g(!1), document.body.removeEventListener("click", I);
     };
-  }, []), f.useEffect(() => {
+  }, []), x.useEffect(() => {
     if (y) {
       const I = [...s].map((A) => A.listingId === y.listingId ? y : A);
       e(I);
@@ -1248,14 +1248,14 @@ const Dn = (u) => {
   }, [y]);
   const S = (I, A) => {
     I.stopPropagation();
-    const U = I.target.getBoundingClientRect(), d = 100, $ = window.innerHeight;
-    let k = U.top + window.scrollY;
-    k + d > $ && (k = $ - d - 20), m(!0), D({
-      top: k - 80,
-      left: U.left - 30
+    const H = I.target.getBoundingClientRect(), u = 100, $ = window.innerHeight;
+    let P = H.top + window.scrollY;
+    P + u > $ && (P = $ - u - 20), g(!0), z({
+      top: P - 80,
+      left: H.left - 30
     }), M(A);
   };
-  function P(I) {
+  function w(I) {
     if (T)
       return I ? /* @__PURE__ */ t.jsx(
         "img",
@@ -1276,19 +1276,19 @@ const Dn = (u) => {
       );
   }
   const O = (I) => {
-    const { active: A, over: U } = I;
-    if (U && A.id !== U.id) {
-      const d = s.findIndex((k) => String(k.listingId) === A.id), $ = s.findIndex((k) => String(k.listingId) === U.id);
-      if (d !== -1 && $ !== -1) {
-        const k = [...s], [E] = k.splice(d, 1);
-        k.splice($, 0, E), e(k);
+    const { active: A, over: H } = I;
+    if (H && A.id !== H.id) {
+      const u = s.findIndex((P) => String(P.listingId) === A.id), $ = s.findIndex((P) => String(P.listingId) === H.id);
+      if (u !== -1 && $ !== -1) {
+        const P = [...s], [D] = P.splice(u, 1);
+        P.splice($, 0, D), e(P);
       }
     }
   }, N = (I) => {
-    const A = c.find((d) => I.listingId === d.id);
+    const A = l.find((u) => I.listingId === u.id);
     if (!A) return null;
-    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      v && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -1297,43 +1297,43 @@ const Dn = (u) => {
           height: 20
         }
       ) }),
-      v === "select" && /* @__PURE__ */ t.jsx(
-        it,
+      d === "select" && /* @__PURE__ */ t.jsx(
+        at,
         {
-          onChange: (d) => {
-            const $ = [...s], k = c.find((R) => R.productData.name === d);
-            if (!k) return;
-            const E = {
-              listingId: k.id,
-              image: k.productData.images.length > 0 ? k.productData.images[0].cfId : ""
-            }, et = $.map((R) => R.listingId === I.listingId ? E : R);
-            M(E), e([...et]);
+          onChange: (u) => {
+            const $ = [...s], P = l.find((R) => R.productData.name === u);
+            if (!P) return;
+            const D = {
+              listingId: P.id,
+              image: P.productData.images.length > 0 ? P.productData.images[0].cfId : ""
+            }, et = $.map((R) => R.listingId === I.listingId ? D : R);
+            M(D), e([...et]);
           },
           value: A.productData.name,
           options: [
-            ...c.filter((d) => !s.find(($) => $.listingId === d.id)).map((d) => d.productData.name)
+            ...l.filter((u) => !s.find(($) => $.listingId === u.id)).map((u) => u.productData.name)
           ],
-          leftAddonOptions: c.map((d) => {
+          leftAddonOptions: l.map((u) => {
             var $;
             return {
-              value: d.productData.name,
-              addon: P((($ = d.productData.images[0]) == null ? void 0 : $.cfId) || "")
+              value: u.productData.name,
+              addon: w((($ = u.productData.images[0]) == null ? void 0 : $.cfId) || "")
             };
           })
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        j && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (d) => S(d, I)
+            onClick: (u) => S(u, I)
           }
         ) }),
-        x && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        _ && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1341,30 +1341,30 @@ const Dn = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((d) => d !== I))
+            onClick: () => e(s.filter((u) => u !== I))
           }
         ) })
       ] })
     ] });
-    return j ? /* @__PURE__ */ t.jsx(
+    return v ? /* @__PURE__ */ t.jsx(
       Ae,
       {
         product: I,
-        children: U
+        children: H
       },
       I.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: U
+        children: H
       },
       I.listingId
     );
-  }, q = f.useRef(null);
+  }, q = x.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: r }),
+    (c || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
+      c && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: c }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         lt,
         {
@@ -1373,23 +1373,23 @@ const Dn = (u) => {
         }
       )
     ] }),
-    J && y && /* @__PURE__ */ t.jsx(
-      zt,
+    K && y && /* @__PURE__ */ t.jsx(
+      Et,
       {
         ref: q,
         activeItem: y,
         setActiveItem: M,
-        setIsOpenModal: m,
-        popupPosition: L,
-        itemsOptions: c
+        setIsOpenModal: g,
+        popupPosition: U,
+        itemsOptions: l
       }
     ),
     i && /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      g && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: g }),
-      j ? /* @__PURE__ */ t.jsx(
+      f && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: f }),
+      v ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: h,
+          sensors: p,
           onDragEnd: O,
           children: /* @__PURE__ */ t.jsx(
             xt,
@@ -1401,7 +1401,7 @@ const Dn = (u) => {
           )
         }
       ) : s.map((I) => N(I)),
-      p && /* @__PURE__ */ t.jsx(
+      m && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1417,17 +1417,17 @@ const Dn = (u) => {
               size: "s",
               onClick: () => {
                 const I = [...s];
-                for (let A = 0; A < c.length; A++)
-                  if (!s.find((U) => U.listingId === c[A].id)) {
+                for (let A = 0; A < l.length; A++)
+                  if (!s.find((H) => H.listingId === l[A].id)) {
                     I.push({
-                      listingId: c[A].id,
-                      image: c[A].productData.images.length > 0 ? c[A].productData.images[0].cfId : ""
+                      listingId: l[A].id,
+                      image: l[A].productData.images.length > 0 ? l[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 e(I);
               },
-              disabled: s.length === (n || c.length),
+              disabled: s.length === (n || l.length),
               style: {
                 width: "fit-content"
               },
@@ -1448,26 +1448,26 @@ const Dn = (u) => {
       )
     ] }),
     o && C && /* @__PURE__ */ t.jsx(
-      it,
+      at,
       {
         value: o,
-        options: Object.keys(Pt),
+        options: Object.keys(wt),
         onChange: (I) => C(I),
-        leftAddonOptions: wt
+        leftAddonOptions: kt
       }
     ),
-    i && l !== void 0 && /* @__PURE__ */ t.jsx(
+    i && r !== void 0 && /* @__PURE__ */ t.jsx(
       ht,
       {
         otherTitle: "Other",
-        items: l
+        items: r
       }
     )
   ] });
-}, Ee = "_options_167h8_1", ze = "_price_167h8_18", De = "_oldPrice_167h8_25", Re = "_newPrice_167h8_33", Le = "_animate_167h8_40", Ue = "_meta_167h8_58", He = "_info_167h8_64", Fe = "_infoRight_167h8_73", Ve = "_buttons_167h8_80", Ye = "_variants_167h8_87", Ge = "_variant_167h8_87", We = "_stock_167h8_105", Xe = "_variantInfo_167h8_112", Qe = "_quantity_167h8_119", Je = "_button_167h8_80", Ke = "_activeVariant_167h8_165", Ze = "_chargeTypes_167h8_169", ts = "_charge_167h8_169", es = "_chargeActive_167h8_194", ss = "_title_167h8_202", B = {
-  options: Ee,
-  price: ze,
-  oldPrice: De,
+}, De = "_options_167h8_1", Ee = "_price_167h8_18", ze = "_oldPrice_167h8_25", Re = "_newPrice_167h8_33", Le = "_animate_167h8_40", Ue = "_meta_167h8_58", He = "_info_167h8_64", Fe = "_infoRight_167h8_73", Ve = "_buttons_167h8_80", Ye = "_variants_167h8_87", Ge = "_variant_167h8_87", We = "_stock_167h8_105", Xe = "_variantInfo_167h8_112", Qe = "_quantity_167h8_119", Je = "_button_167h8_80", Ke = "_activeVariant_167h8_165", Ze = "_chargeTypes_167h8_169", ts = "_charge_167h8_169", es = "_chargeActive_167h8_194", ss = "_title_167h8_202", B = {
+  options: De,
+  price: Ee,
+  oldPrice: ze,
   newPrice: Re,
   animate: Le,
   meta: Ue,
@@ -1486,38 +1486,38 @@ const Dn = (u) => {
   chargeActive: es,
   title: ss
 };
-var $t = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))($t || {});
-const ns = (u) => {
-  var D, J;
-  const { product: i, setIsOpen: a } = u, { variants: s } = i, [e, l] = f.useState(s[0]), [r, g] = f.useState(
+var $t = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))($t || {});
+const ns = (h) => {
+  var z, K;
+  const { product: i, setIsOpen: a } = h, { variants: s } = i, [e, r] = x.useState(s[0]), [c, f] = x.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: j } = Ct(), T = St(), [x, p] = f.useState(1), { cart: v, reset: c, addProductToCart: n } = ot(), [o, C] = f.useState(!1);
-  f.useEffect(() => {
+  ), { notifications: j, setNotifications: v } = Ct(), T = St(), [_, m] = x.useState(1), { cart: d, reset: l, addProductToCart: n } = ot(), [o, C] = x.useState(!1);
+  x.useEffect(() => {
     C(!0);
-    const m = setTimeout(() => C(!1), 600);
-    return () => clearTimeout(m);
-  }, [x]);
+    const g = setTimeout(() => C(!1), 600);
+    return () => clearTimeout(g);
+  }, [_]);
   async function y() {
     try {
       n({
         productId: i.id,
         productVariantId: e.id,
-        chargeType: r,
-        quantity: x
-      }), j([
-        ..._,
+        chargeType: c,
+        quantity: _
+      }), v([
+        ...j,
         {
-          id: Q(),
+          id: J(),
           message: "Product added to cart",
           status: "success"
         }
       ]);
-    } catch (m) {
-      j([
-        ..._,
+    } catch (g) {
+      v([
+        ...j,
         {
-          id: Q(),
-          message: `Product failed to add to cart: ${m}`,
+          id: J(),
+          message: `Product failed to add to cart: ${g}`,
           status: "error"
         }
       ]);
@@ -1525,85 +1525,85 @@ const ns = (u) => {
     a == null || a(!1);
   }
   function M() {
-    c(), y(), T("/checkout");
+    l(), y(), T("/checkout");
   }
-  function L(m) {
-    if (m >= 864e5) {
-      const N = Math.floor(m / 864e5);
+  function U(g) {
+    if (g >= 864e5) {
+      const N = Math.floor(g / 864e5);
       return `${N} ${N === 1 ? "day" : "days"}`;
-    } else if (m >= 36e5) {
-      const N = Math.floor(m / 36e5);
+    } else if (g >= 36e5) {
+      const N = Math.floor(g / 36e5);
       return `${N} ${N === 1 ? "hour" : "hours"}`;
-    } else if (m >= 6e4) {
-      const N = Math.floor(m / 6e4);
+    } else if (g >= 6e4) {
+      const N = Math.floor(g / 6e4);
       return `${N} ${N === 1 ? "minute" : "minutes"}`;
     } else {
-      const N = Math.floor(m / 1e3);
+      const N = Math.floor(g / 1e3);
       return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
-  return f.useEffect(() => {
-    e.quantity && e.quantity.available === 0 ? p(0) : p(1);
-  }, [e.quantity.available]), f.useEffect(() => {
-    e.chargeTypes && g(
-      e.chargeTypes.includes(r) ? r : e.chargeTypes[0]
+  return x.useEffect(() => {
+    e.quantity && e.quantity.available === 0 ? m(0) : m(1);
+  }, [e.quantity.available]), x.useEffect(() => {
+    e.chargeTypes && f(
+      e.chargeTypes.includes(c) ? c : e.chargeTypes[0]
     );
   }, [e.chargeTypes]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((m) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((g) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H(B.charge, {
-          [B.chargeActive]: r === m
+        className: F(B.charge, {
+          [B.chargeActive]: c === g
         }),
-        onClick: () => g(m),
-        children: $t[m]
+        onClick: () => f(g),
+        children: $t[g]
       },
-      m
+      g
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.filter((m) => {
-      var h;
-      return (h = m.chargeTypes) == null ? void 0 : h.includes(r);
-    }).map((m) => {
-      var h, S;
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.filter((g) => {
+      var p;
+      return (p = g.chargeTypes) == null ? void 0 : p.includes(c);
+    }).map((g) => {
+      var p, S;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(B.variant, {
-            [B.activeVariant]: e.id === m.id
+          className: F(B.variant, {
+            [B.activeVariant]: e.id === g.id
           }),
-          onClick: () => l(m),
+          onClick: () => r(g),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: B.title, children: at(m.name) }),
+              /* @__PURE__ */ t.jsx("span", { className: B.title, children: it(g.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
-                Z({
-                  amount: r === "ONE_TIME" ? m.price.amount : m.subscriptionSettings ? m.subscriptionSettings.price.amount : 0,
-                  currency: r === "ONE_TIME" ? m.price.currency : m.subscriptionSettings ? m.subscriptionSettings.price.currency : "USD"
+                Q({
+                  amount: c === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : 0,
+                  currency: c === "ONE_TIME" ? g.price.currency : g.subscriptionSettings ? g.subscriptionSettings.price.currency : "USD"
                 }),
                 " ",
-                r === "RECURRING" && m.subscriptionSettings && ` / ${Dt(m.subscriptionSettings.recurringIntervalDays || 0)}`
+                c === "RECURRING" && g.subscriptionSettings && ` / ${zt(g.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
-              (h = m.quantity.restrictions) != null && h.max || m.quantity.available !== void 0 ? ((S = m.quantity.restrictions) == null ? void 0 : S.max) || m.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: c === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
+              (p = g.quantity.restrictions) != null && p.max || g.quantity.available !== void 0 ? ((S = g.quantity.restrictions) == null ? void 0 : S.max) || g.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        m.id
+        g.id
       );
     }) }),
-    r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
+    c === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        E,
         {
           type: "Secondary",
           onClick: () => {
-            x > 1 ? p((m) => m - 1) : p(1);
+            _ > 1 ? m((g) => g - 1) : m(1);
           },
           className: B.button,
-          disabled: e.quantity.available && e.quantity.restrictions && x <= e.quantity.restrictions.min || e.quantity.available === 0,
+          disabled: e.quantity.available && e.quantity.restrictions && _ <= e.quantity.restrictions.min || e.quantity.available === 0,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
@@ -1611,25 +1611,25 @@ const ns = (u) => {
         Rt,
         {
           type: "number",
-          value: String(x),
-          onChange: (m) => {
-            e.quantity.available && Number(m) > e.quantity.available ? p(e.quantity.available) : p(Number(m));
+          value: String(_),
+          onChange: (g) => {
+            e.quantity.available && Number(g) > e.quantity.available ? m(e.quantity.available) : m(Number(g));
           },
-          max: ((D = e.quantity.restrictions) == null ? void 0 : D.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((J = e.quantity.restrictions) == null ? void 0 : J.min) || 0,
+          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          min: ((K = e.quantity.restrictions) == null ? void 0 : K.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && x >= 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,
+        E,
         {
           type: "Secondary",
           onClick: () => {
-            p((m) => m + 1);
+            m((g) => g + 1);
           },
           className: B.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && x >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && x >= e.quantity.available),
+          disabled: !!(e.quantity.available && e.quantity.restrictions && _ >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && _ >= e.quantity.available),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
@@ -1647,62 +1647,62 @@ const ns = (u) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : L(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : U(e.deliveryTime) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: r === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
-          /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: o }), children: Z({
-            amount: e.price.amount * x,
+        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: c === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsx("span", { className: F(B.newPrice, { [B.animate]: o }), children: Q({
+            amount: e.price.amount * _,
             currency: e.price.currency
           }) }),
-          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: Z({
-            amount: e.compareAtPrice.amount * x,
+          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: Q({
+            amount: e.compareAtPrice.amount * _,
             currency: e.compareAtPrice.currency
           }) })
-        ] }) : /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: o }), children: Z({
-          amount: e.price.amount * x,
+        ] }) : /* @__PURE__ */ t.jsx("span", { className: F(B.newPrice, { [B.animate]: o }), children: Q({
+          amount: e.price.amount * _,
           currency: e.price.currency
         }) }) : 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.jsx("span", { className: H(B.newPrice, { [B.animate]: o }), children: Z({
-            amount: e.subscriptionSettings.price.amount * x,
+          /* @__PURE__ */ t.jsx("span", { className: F(B.newPrice, { [B.animate]: o }), children: Q({
+            amount: e.subscriptionSettings.price.amount * _,
             currency: e.subscriptionSettings.price.currency
           }) }),
-          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: Z({
-            amount: e.subscriptionSettings.compareAtPrice.amount * x,
+          /* @__PURE__ */ t.jsx("span", { className: B.oldPrice, children: Q({
+            amount: e.subscriptionSettings.compareAtPrice.amount * _,
             currency: e.subscriptionSettings.compareAtPrice.currency
           }) })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: o }), children: Z({
-          amount: e.subscriptionSettings.price.amount * x,
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsx("span", { className: F(B.newPrice, { [B.animate]: o }), children: Q({
+          amount: e.subscriptionSettings.price.amount * _,
           currency: e.subscriptionSettings.price.currency
         }) }) })
       ] })
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        E,
         {
           type: "Primary",
           onClick: () => M(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: r === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: c === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      r === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        z,
+      c === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+        E,
         {
           type: "Secondary",
           onClick: () => y(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: v.parts.some(
-            (m) => m.productId === i.id && m.productVariantId === e.id
+          children: d.parts.some(
+            (g) => g.productId === i.id && g.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, is = "_buttons_3z0t7_23", as = "_modal_3z0t7_32", os = "_closing_3z0t7_65", cs = "_info_3z0t7_114", rs = "_top_3z0t7_121", ls = "_title_3z0t7_132", ds = "_clear_3z0t7_139", us = "_activeClear_3z0t7_146", hs = "_count_3z0t7_150", ps = "_cart_3z0t7_165", ms = "_empty_3z0t7_173", gs = "_product_3z0t7_199", fs = "_products_3z0t7_208", xs = "_image_3z0t7_216", _s = "_productInfo_3z0t7_233", js = "_content_3z0t7_240", vs = "_name_3z0t7_246", ys = "_price_3z0t7_252", bs = "_productButtons_3z0t7_258", Is = "_productButton_3z0t7_258", Ns = "_productCount_3z0t7_275", Cs = "_bottom_3z0t7_292", Ss = "_subtotal_3z0t7_300", ks = "_block_3z0t7_308", ws = "_shoppingCount_3z0t7_315", Ps = "_total_3z0t7_335", Ts = "_link_3z0t7_341", Ms = "_userInfo_3z0t7_348", Bs = "_pagesMobileModal_3z0t7_360", $s = "_pagesMobileModalContent_3z0t7_374", Os = "_pagesMobileModalHeader_3z0t7_380", qs = "_pagesMobileModalFooter_3z0t7_390", As = "_pageLink_3z0t7_397", Es = "_rightButtons_3z0t7_406", w = {
+}, is = "_buttons_3z0t7_23", as = "_modal_3z0t7_32", os = "_closing_3z0t7_65", cs = "_info_3z0t7_114", rs = "_top_3z0t7_121", ls = "_title_3z0t7_132", ds = "_clear_3z0t7_139", us = "_activeClear_3z0t7_146", hs = "_count_3z0t7_150", ps = "_cart_3z0t7_165", ms = "_empty_3z0t7_173", gs = "_product_3z0t7_199", fs = "_products_3z0t7_208", xs = "_image_3z0t7_216", _s = "_productInfo_3z0t7_233", js = "_content_3z0t7_240", vs = "_name_3z0t7_246", ys = "_price_3z0t7_252", bs = "_productButtons_3z0t7_258", Is = "_productButton_3z0t7_258", Ns = "_productCount_3z0t7_275", Cs = "_bottom_3z0t7_292", Ss = "_subtotal_3z0t7_300", Ps = "_block_3z0t7_308", ks = "_shoppingCount_3z0t7_315", ws = "_total_3z0t7_335", Ts = "_link_3z0t7_341", Ms = "_userInfo_3z0t7_348", Bs = "_pagesMobileModal_3z0t7_360", $s = "_pagesMobileModalContent_3z0t7_374", Os = "_pagesMobileModalHeader_3z0t7_380", qs = "_pagesMobileModalFooter_3z0t7_390", As = "_pageLink_3z0t7_397", Ds = "_rightButtons_3z0t7_406", k = {
   buttons: is,
   modal: as,
   closing: os,
@@ -1726,9 +1726,9 @@ const ns = (u) => {
   productCount: Ns,
   bottom: Cs,
   subtotal: Ss,
-  block: ks,
-  shoppingCount: ws,
-  total: Ps,
+  block: Ps,
+  shoppingCount: ks,
+  total: ws,
   link: Ts,
   userInfo: Ms,
   pagesMobileModal: Bs,
@@ -1736,68 +1736,68 @@ const ns = (u) => {
   pagesMobileModalHeader: Os,
   pagesMobileModalFooter: qs,
   pageLink: As,
-  rightButtons: Es
-}, Rn = (u) => {
-  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = u;
-  return /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
-    i && /* @__PURE__ */ t.jsx(zs, {}),
+  rightButtons: Ds
+}, Hn = (h) => {
+  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = h;
+  return /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
+    i && /* @__PURE__ */ t.jsx(Es, {}),
     s && /* @__PURE__ */ t.jsx(Ot, { signUp: a })
   ] });
-}, zs = () => {
-  const [u, i] = f.useState(!1), [a, s] = f.useState([]), [e, l] = f.useState(!1), { cart: r, products: g } = ot();
-  function _(c) {
-    if (c.variants.length > 0) {
-      for (let n = 0; n < r.parts.length; n++)
-        for (let o = 0; o < c.variants.length; o++)
-          if (c.variants[o] && r.parts[n].productVariantId === c.variants[o].id)
-            return r.parts[n].productVariantId;
+}, Es = () => {
+  const [h, i] = x.useState(!1), [a, s] = x.useState([]), [e, r] = x.useState(!1), { cart: c, products: f } = ot();
+  function j(l) {
+    if (l.variants.length > 0) {
+      for (let n = 0; n < c.parts.length; n++)
+        for (let o = 0; o < l.variants.length; o++)
+          if (l.variants[o] && c.parts[n].productVariantId === l.variants[o].id)
+            return c.parts[n].productVariantId;
     }
-    return c.variants[0].id;
+    return l.variants[0].id;
   }
-  function j(c) {
-    for (let n = 0; n < r.parts.length; n++)
-      for (let o = 0; o < c.variants.length; o++)
-        if (c.variants[o] && r.parts[n].productVariantId === c.variants[o].id)
-          return r.parts[n].quantity;
+  function v(l) {
+    for (let n = 0; n < c.parts.length; n++)
+      for (let o = 0; o < l.variants.length; o++)
+        if (l.variants[o] && c.parts[n].productVariantId === l.variants[o].id)
+          return c.parts[n].quantity;
   }
-  const T = (c) => {
-    for (let n = 0; n < r.parts.length; n++)
-      for (let o = 0; o < c.variants.length; o++)
-        if (c.variants[o] && r.parts[n].productVariantId === c.variants[o].id)
-          return r.parts[n].chargeType;
+  const T = (l) => {
+    for (let n = 0; n < c.parts.length; n++)
+      for (let o = 0; o < l.variants.length; o++)
+        if (l.variants[o] && c.parts[n].productVariantId === l.variants[o].id)
+          return c.parts[n].chargeType;
     return "ONE_TIME";
   };
-  f.useEffect(() => {
+  x.useEffect(() => {
     (async () => {
-      const n = r.parts.map((y) => String(y.productId)), C = (g.filter((y) => n.includes(String(y.id))) || []).map((y) => ({
+      const n = c.parts.map((y) => String(y.productId)), C = (f.filter((y) => n.includes(String(y.id))) || []).map((y) => ({
         ...y,
-        activeVariantId: _(y),
-        quantity: j(y),
+        activeVariantId: j(y),
+        quantity: v(y),
         chargeType: T(y)
       }));
       s(C);
     })();
-  }, [r.parts]);
-  function x(c) {
-    return !c || !(c != null && c.variants) ? !1 : c.chargeType === "RECURRING";
+  }, [c.parts]);
+  function _(l) {
+    return !l || !(l != null && l.variants) ? !1 : l.chargeType === "RECURRING";
   }
-  const p = r.parts.length > 0 && a.length > 0 && !x(a[0]);
-  function v() {
-    l(!1), setTimeout(() => {
+  const m = c.parts.length > 0 && a.length > 0 && !_(a[0]);
+  function d() {
+    r(!1), setTimeout(() => {
       i(!1);
     }, 300);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      z,
+      E,
       {
         type: "Secondary",
         style: {
           padding: 10,
           position: "relative"
         },
-        onClick: (c) => {
-          c.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), l(!0));
+        onClick: (l) => {
+          l.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), r(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1806,43 +1806,43 @@ const ns = (u) => {
               name: "Handbag"
             }
           ),
-          p && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: r.parts.length })
+          m && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: c.parts.length })
         ]
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
+    h && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: v,
+        close: d,
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          Ds,
+          zs,
           {
             activeProducts: a,
-            isCartNotEmpty: p,
+            isCartNotEmpty: m,
             isOpen: e,
-            close: v
+            close: d
           }
         )
       }
     )
   ] });
-}, Ds = (u) => {
-  var v, c;
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s, close: e } = u, { cart: l, reset: r, getTotalAndDiscount: g, updateQuantityOfProduct: _ } = ot(), j = St();
+}, zs = (h) => {
+  var d, l;
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s, close: e } = h, { cart: r, reset: c, getTotalAndDiscount: f, updateQuantityOfProduct: j } = ot(), v = St();
   function T(n, o) {
-    j(n, { replace: o });
+    v(n, { replace: o });
   }
-  function x(n) {
-    n.quantity && _({
+  function _(n) {
+    n.quantity && j({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity + 1,
       chargeType: n.chargeType
     });
   }
-  function p(n) {
-    n.quantity && _({
+  function m(n) {
+    n.quantity && j({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity - 1,
@@ -1852,25 +1852,25 @@ const ns = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(w.modal, {
-        [w.closing]: !s
+      className: F(k.modal, {
+        [k.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__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: l.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: k.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: k.title, children: "Cart" }),
+            a && /* @__PURE__ */ t.jsx("div", { className: k.count, children: r.parts.length })
           ] }),
-          /* @__PURE__ */ t.jsxs("div", { className: w.rightButtons, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: k.rightButtons, children: [
             a && /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: H(w.clear, {
-                  [w.activeClear]: a
+                className: F(k.clear, {
+                  [k.activeClear]: a
                 }),
                 disabled: !a,
-                onClick: r,
+                onClick: c,
                 children: "Clear all"
               }
             ),
@@ -1887,13 +1887,13 @@ const ns = (u) => {
             )
           ] })
         ] }),
-        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(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: k.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: w.product,
+              className: k.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: w.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: k.productInfo, children: [
                   n.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -1901,18 +1901,18 @@ const ns = (u) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: w.image
+                      className: k.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: w.image, children: /* @__PURE__ */ t.jsx(
+                  ) : /* @__PURE__ */ t.jsx("div", { className: k.image, children: /* @__PURE__ */ t.jsx(
                     b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: w.name, children: at(n.name) }),
-                    /* @__PURE__ */ t.jsx("div", { className: w.price, children: Z({
+                  /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: k.name, children: it(n.name) }),
+                    /* @__PURE__ */ t.jsx("div", { className: k.price, children: Q({
                       amount: n.variants.find(
                         (o) => o.id === n.activeVariantId
                       ).price.amount * ((n == null ? void 0 : n.quantity) || 1),
@@ -1922,15 +1922,15 @@ const ns = (u) => {
                     }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    E,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && p(n);
+                        n.quantity !== 1 && m(n);
                       },
-                      className: w.productButton,
+                      className: k.productButton,
                       disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
                         b,
@@ -1943,13 +1943,13 @@ const ns = (u) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: w.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: k.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    E,
                     {
                       type: "Secondary",
-                      onClick: () => x(n),
-                      className: w.productButton,
+                      onClick: () => _(n),
+                      className: k.productButton,
                       disabled: n.quantity === n.variants.find((o) => o.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
                         b,
@@ -1967,9 +1967,9 @@ const ns = (u) => {
             },
             n.id
           )) }),
-          /* @__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.jsxs("div", { className: k.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: k.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1981,18 +1981,18 @@ const ns = (u) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx("div", { className: w.total, children: Z({
-                amount: g().total,
-                currency: l.parts.length > 0 && ((c = (v = i.find((n) => n.id === l.parts[0].productId)) == null ? void 0 : v.variants.find((n) => n.id === l.parts[0].productVariantId)) == null ? void 0 : c.price.currency) || "USD"
+              /* @__PURE__ */ t.jsx("div", { className: k.total, children: Q({
+                amount: f().total,
+                currency: r.parts.length > 0 && ((l = (d = i.find((n) => n.id === r.parts[0].productId)) == null ? void 0 : d.variants.find((n) => n.id === r.parts[0].productVariantId)) == null ? void 0 : l.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t.jsx(z, { onClick: () => T("/checkout", !1), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(E, { onClick: () => T("/checkout", !1), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(Rs, {})
       ]
     }
   );
-}, Rs = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
+}, Rs = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     b,
     {
@@ -2008,39 +2008,39 @@ const ns = (u) => {
       "a",
       {
         href: "/products",
-        className: w.link,
+        className: k.link,
         children: "view products"
       }
     )
   ] })
-] }), Ot = ({ signUp: u, close: i }) => {
-  const { token: a } = Lt(), s = St(), [e, l] = f.useState("test-email@gmail.com");
-  f.useEffect(() => {
+] }), Ot = ({ signUp: h, close: i }) => {
+  const { token: a } = Lt(), s = St(), [e, r] = x.useState("test-email@gmail.com");
+  x.useEffect(() => {
     a && (async () => {
       if (!a) return;
-      const _ = Ut(a);
-      l(_.email);
+      const j = Ut(a);
+      r(j.email);
     })();
   }, [a]);
-  function r(g) {
-    window.location.pathname.includes("/admin/builder") || s(g);
+  function c(f) {
+    window.location.pathname.includes("/admin/builder") || s(f);
   }
   return a ? /* @__PURE__ */ t.jsx(
-    z,
+    E,
     {
       type: "Secondary",
-      className: w.userInfo,
+      className: k.userInfo,
       onClick: () => {
-        r("/customer-dash"), i == null || i();
+        c("/customer-dash"), i == null || i();
       },
       children: /* @__PURE__ */ t.jsx("div", { children: e || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      z,
+      E,
       {
         onClick: () => {
-          r("/customer-dash"), i == null || i();
+          c("/customer-dash"), i == null || i();
         },
         type: "Secondary",
         style: {
@@ -2049,11 +2049,11 @@ const ns = (u) => {
         children: "Login"
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
-      z,
+    h && /* @__PURE__ */ t.jsx(
+      E,
       {
         onClick: () => {
-          r("/customer-dash"), i == null || i();
+          c("/customer-dash"), i == null || i();
         },
         type: "Primary",
         style: {
@@ -2065,12 +2065,12 @@ const ns = (u) => {
     )
   ] });
 }, Ls = ({
-  logo: u,
+  logo: h,
   setIsOpen: i,
   signUp: a,
   pages: s
 }) => {
-  const { setIsOpen: e } = ct(), l = () => {
+  const { setIsOpen: e } = ct(), r = () => {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
@@ -2078,47 +2078,47 @@ const ns = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: w.pagesMobileModal,
-      onClick: (r) => r.stopPropagation(),
+      className: k.pagesMobileModal,
+      onClick: (c) => c.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: u }),
+        /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
+          /* @__PURE__ */ t.jsx("div", { children: h }),
           /* @__PURE__ */ t.jsx(
-            z,
+            E,
             {
               type: "Secondary",
-              onClick: l,
+              onClick: r,
               children: /* @__PURE__ */ t.jsx(b, { name: "X" })
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((r) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: s.length > 0 && s.map((c) => /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: w.pageLink,
-            onClick: l,
+            className: k.pageLink,
+            onClick: r,
             children: /* @__PURE__ */ t.jsx(
               Tt,
               {
-                path: r.path,
-                children: r.name["en-US"]
+                path: c.path,
+                children: c.name["en-US"]
               },
-              r.id
+              c.id
             )
           }
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
           Ot,
           {
             signUp: a,
-            close: l
+            close: r
           }
         ) })
       ]
     }
   );
-}, Ln = ({ logo: u, signUp: i, pages: a }) => {
-  const [s, e] = f.useState(!1);
+}, Fn = ({ logo: h, signUp: i, pages: a }) => {
+  const [s, e] = x.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(Us, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
@@ -2129,7 +2129,7 @@ const ns = (u) => {
         children: /* @__PURE__ */ t.jsx(
           Ls,
           {
-            logo: u,
+            logo: h,
             setIsOpen: e,
             signUp: i,
             pages: a
@@ -2138,10 +2138,10 @@ const ns = (u) => {
       }
     )
   ] });
-}, Us = (u) => {
-  const { setIsOpenModal: i } = u;
+}, Us = (h) => {
+  const { setIsOpenModal: i } = h;
   return /* @__PURE__ */ t.jsx(
-    z,
+    E,
     {
       type: "Secondary",
       style: {
@@ -2153,7 +2153,7 @@ const ns = (u) => {
       children: /* @__PURE__ */ t.jsx(b, { name: "List" })
     }
   );
-}, Hs = "_share_rlgln_1", Fs = "_modal_rlgln_8", Vs = "_header_rlgln_20", Ys = "_title_rlgln_46", Gs = "_copyWrapper_rlgln_52", Ws = "_copyText_rlgln_61", Xs = "_copyTextMobile_rlgln_74", Qs = "_copyTextMiniMobile_rlgln_93", nt = {
+}, Hs = "_share_onabp_1", Fs = "_modal_onabp_8", Vs = "_header_onabp_20", Ys = "_title_onabp_46", Gs = "_copyWrapper_onabp_53", Ws = "_copyText_onabp_62", Xs = "_copyTextMobile_onabp_75", Qs = "_copyTextMiniMobile_onabp_94", nt = {
   share: Hs,
   modal: Fs,
   header: Vs,
@@ -2162,14 +2162,14 @@ const ns = (u) => {
   copyText: Ws,
   copyTextMobile: Xs,
   copyTextMiniMobile: Qs
-}, Un = ({ title: u = "Copy Product Link" }) => {
+}, Vn = ({ title: h = "Copy Product Link" }) => {
   const { isOpenModal: i, setIsOpenModal: a } = Mt();
   function s() {
     a(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      z,
+      E,
       {
         className: nt.share,
         onClick: (e) => {
@@ -2186,69 +2186,69 @@ const ns = (u) => {
         )
       }
     ),
-    i && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Js, { title: u }) })
+    i && /* @__PURE__ */ t.jsx(ut, { close: a, children: /* @__PURE__ */ t.jsx(Js, { title: h }) })
   ] });
-}, Js = ({ title: u = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } = Ct(), { setIsOpen: e } = ct(), l = window.location.href;
-  function r() {
-    navigator.clipboard.writeText(l), s([
+}, Js = ({ title: h = "Copy Product Link" }) => {
+  const { setIsOpenModal: i } = Mt(), { notifications: a, setNotifications: s } = Ct(), { setIsOpen: e } = ct(), r = window.location.href;
+  function c() {
+    navigator.clipboard.writeText(r), s([
       ...a,
       {
-        id: Q(),
+        id: J(),
         message: "Link copied to clipboard",
         status: "success"
       }
     ]);
   }
-  function g() {
+  function f() {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
   }
-  function _(j, T) {
-    return j.length > T ? j.slice(0, T) + "..." : j;
+  function j(v, T) {
+    return v.length > T ? v.slice(0, T) + "..." : v;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: nt.modal,
-      onClick: (j) => j.stopPropagation(),
+      onClick: (v) => v.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: nt.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: nt.title, children: u }),
+          /* @__PURE__ */ t.jsx("div", { className: nt.title, children: h }),
           /* @__PURE__ */ t.jsx(
             b,
             {
               name: "X",
               fill: "#757575",
-              onClick: g,
+              onClick: f,
               hoverable: !0
             }
           )
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: nt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            z,
+            E,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: c,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: nt.copyText, children: _(l, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMobile, children: _(l, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMiniMobile, children: _(l, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyText, children: j(r, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMobile, children: j(r, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: nt.copyTextMiniMobile, children: j(r, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            z,
+            E,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: c,
               children: a.find(
-                (j) => j.message === "Link copied to clipboard"
+                (v) => v.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
@@ -2262,55 +2262,55 @@ const ns = (u) => {
   icon: tn,
   open: en,
   content: sn
-}, Hn = ({ title: u, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = f.useState(a), [l, r] = f.useState(0), g = f.useRef(null), _ = () => {
+}, Yn = ({ title: h, content: i, defaultOpen: a = !1 }) => {
+  const [s, e] = x.useState(a), [r, c] = x.useState(0), f = x.useRef(null), j = () => {
     e(!s);
   };
-  return f.useEffect(() => {
-    g.current && r(s ? g.current.scrollHeight : 0);
+  return x.useEffect(() => {
+    f.current && c(s ? f.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: rt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: rt.header,
-        onClick: _,
+        onClick: j,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
-          /* @__PURE__ */ t.jsx("div", { className: H(rt.icon, { [rt.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
+          /* @__PURE__ */ t.jsx("div", { className: F(rt.icon, { [rt.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: g,
+        ref: f,
         className: rt.content,
-        style: { height: `${l}px` },
+        style: { height: `${r}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
 }, nn = "_buttonsBlock_1b2rb_1", an = {
   buttonsBlock: nn
-}, Fn = (u) => {
-  var j, T;
-  const { setIsOpen: i, setModalType: a, productId: s } = u, { cart: e } = ot(), { pageContext: l } = yt(), r = (j = l == null ? void 0 : l.listings) == null ? void 0 : j.find((x) => x.id === s);
-  if (!r)
+}, Gn = (h) => {
+  var v, T;
+  const { setIsOpen: i, setModalType: a, productId: s } = h, { cart: e } = ot(), { pageContext: r } = yt(), c = (v = r == null ? void 0 : r.listings) == null ? void 0 : v.find((_) => _.id === s);
+  if (!c)
     return null;
-  const g = (T = l == null ? void 0 : l.products) == null ? void 0 : T.find(
-    (x) => x.uniquePath === r.productData.uniquePath
+  const f = (T = r == null ? void 0 : r.products) == null ? void 0 : T.find(
+    (_) => _.uniquePath === c.productData.uniquePath
   );
-  if (!g)
+  if (!f)
     return null;
-  const _ = e.parts.find((x) => x.productId === g.id);
+  const j = e.parts.find((_) => _.productId === f.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: an.buttonsBlock,
-      onClick: (x) => x.stopPropagation(),
+      onClick: (_) => _.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          z,
+          E,
           {
             type: "Secondary",
             style: {
@@ -2319,11 +2319,11 @@ const ns = (u) => {
             onClick: () => {
               a("Add To Cart"), i(!0);
             },
-            children: _ ? "Add More" : "Add To Cart"
+            children: j ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          z,
+          E,
           {
             type: "Primary",
             onClick: () => {
@@ -2339,11 +2339,11 @@ const ns = (u) => {
   wrapper: on,
   logo: cn,
   info: rn
-}, Vn = ({ date: u }) => {
+}, Wn = ({ date: h }) => {
   const { general: i } = Ht();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
-    const e = new Date(s), l = {
+    const e = new Date(s), r = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2351,7 +2351,7 @@ const ns = (u) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", l);
+    return e.toLocaleDateString("en-US", r);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
     /* @__PURE__ */ t.jsx("div", { className: It.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
@@ -2371,7 +2371,7 @@ const ns = (u) => {
     ) }),
     /* @__PURE__ */ t.jsxs("div", { className: It.info, children: [
       /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(u) })
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(h) })
     ] })
   ] });
 }, ln = "_variants_hphv8_80", dn = "_variant_hphv8_80", un = "_stock_hphv8_98", hn = "_variantInfo_hphv8_105", pn = "_title_hphv8_199", mn = "_modal_hphv8_205", gn = "_header_hphv8_225", fn = "_productOptions_hphv8_233", xn = "_loading_hphv8_237", tt = {
@@ -2384,96 +2384,96 @@ const ns = (u) => {
   header: gn,
   productOptions: fn,
   loading: xn
-}, Yn = (u) => {
-  var p;
-  const { pageContext: i } = yt(), a = (p = i == null ? void 0 : i.listings) == null ? void 0 : p.find((v) => v.id === u.productId), [s, e] = f.useState(!0), [l, r] = f.useState(null), g = (l == null ? void 0 : l.variants[0]) || null, [_, j] = f.useState(
+}, Xn = (h) => {
+  var m;
+  const { pageContext: i } = yt(), a = (m = i == null ? void 0 : i.listings) == null ? void 0 : m.find((d) => d.id === h.productId), [s, e] = x.useState(!0), [r, c] = x.useState(null), f = (r == null ? void 0 : r.variants[0]) || null, [j, v] = x.useState(
     "ONE_TIME"
-  ), { addProducts: T } = ot(), { setIsOpen: x } = ct();
-  return f.useEffect(() => {
+  ), { addProducts: T } = ot(), { setIsOpen: _ } = ct();
+  return x.useEffect(() => {
     (async () => {
       e(!0);
-      const c = await Ft(
+      const l = await Ft(
         encodeURIComponent(
           `/product/${a.productData.uniquePath}`
         )
       );
-      T(c == null ? void 0 : c.data.products), r(c == null ? void 0 : c.data.products[0]), e(!1);
+      T(l == null ? void 0 : l.data.products), c(l == null ? void 0 : l.data.products[0]), e(!1);
     })();
-  }, []), f.useEffect(() => {
-    x(!0);
-  }, []), /* @__PURE__ */ t.jsx(ut, { close: u.setIsOpen, children: /* @__PURE__ */ t.jsxs(
+  }, []), x.useEffect(() => {
+    _(!0);
+  }, []), /* @__PURE__ */ t.jsx(ut, { close: h.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: tt.modal,
-      onClick: (v) => v.stopPropagation(),
+      onClick: (d) => d.stopPropagation(),
       children: [
         s && /* @__PURE__ */ t.jsx("div", { className: tt.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) }),
-        u.type === "Add To Cart" && l && g && !s && /* @__PURE__ */ t.jsx(
+        h.type === "Add To Cart" && r && f && !s && /* @__PURE__ */ t.jsx(
           _n,
           {
-            variants: l.variants,
-            activeVariant: g,
-            activeChargeType: _,
-            setActiveChargeType: j,
-            productId: l.id,
-            setIsOpen: u.setIsOpen
+            variants: r.variants,
+            activeVariant: f,
+            activeChargeType: j,
+            setActiveChargeType: v,
+            productId: r.id,
+            setIsOpen: h.setIsOpen
           }
         ),
-        u.type === "Buy Now" && l && !s && /* @__PURE__ */ t.jsx(
+        h.type === "Buy Now" && r && !s && /* @__PURE__ */ t.jsx(
           jn,
           {
-            product: l,
-            setIsOpen: u.setIsOpen
+            product: r,
+            setIsOpen: h.setIsOpen
           }
         )
       ]
     }
   ) });
-}, _n = (u) => {
-  const { variants: i, activeChargeType: a, productId: s, setIsOpen: e } = u, { cart: l, addProductToCart: r, addProducts: g, updateQuantityOfProduct: _ } = ot(), { notifications: j, setNotifications: T } = Ct(), { pageContext: x } = yt(), { setIsOpen: p } = ct(), v = () => {
-    p(!1), setTimeout(() => {
+}, _n = (h) => {
+  const { variants: i, activeChargeType: a, productId: s, setIsOpen: e } = h, { cart: r, addProductToCart: c, addProducts: f, updateQuantityOfProduct: j } = ot(), { notifications: v, setNotifications: T } = Ct(), { pageContext: _ } = yt(), { setIsOpen: m } = ct(), d = () => {
+    m(!1), setTimeout(() => {
       e(!1);
     }, 300);
   };
-  async function c(n) {
-    const o = i.find((M) => M.id === n), C = l.parts.find(
-      (M) => M.productId === u.productId && M.productVariantId === n
+  async function l(n) {
+    const o = i.find((M) => M.id === n), C = r.parts.find(
+      (M) => M.productId === h.productId && M.productVariantId === n
     );
     if ((o == null ? void 0 : o.quantity.available) && (o == null ? void 0 : o.quantity.restrictions) && ((C == null ? void 0 : C.quantity) || 0) + 1 > (o == null ? void 0 : o.quantity.restrictions.max) || (o == null ? void 0 : o.quantity.available) === 0 || (o == null ? void 0 : o.quantity.available) && ((C == null ? void 0 : C.quantity) || 0) + 1 > (o == null ? void 0 : o.quantity.available)) {
       T([
-        ...j,
-        { id: Q(), message: "Product is out of stock", status: "error" }
+        ...v,
+        { id: J(), message: "Product is out of stock", status: "error" }
       ]);
       return;
     }
     if (C)
-      _({
+      j({
         productId: s,
         productVariantId: n,
         quantity: C.quantity + 1,
         chargeType: a
       });
     else {
-      x != null && x.products && g(x.products);
+      _ != null && _.products && f(_.products);
       try {
-        r({
+        c({
           productId: s,
           productVariantId: n,
           quantity: 1,
           chargeType: a
         }), T([
-          ...j,
+          ...v,
           {
-            id: Q(),
+            id: J(),
             message: "Product added to cart",
             status: "success"
           }
         ]);
       } catch (M) {
         T([
-          ...j,
+          ...v,
           {
-            id: Q(),
+            id: J(),
             message: `Product failed to add to cart: ${M}`,
             status: "error"
           }
@@ -2492,7 +2492,7 @@ const ns = (u) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: v
+          onClick: d
         }
       )
     ] }),
@@ -2504,14 +2504,14 @@ const ns = (u) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(tt.variant),
+          className: F(tt.variant),
           onClick: () => {
-            c(n.id), e(!1);
+            l(n.id), e(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: tt.variantInfo, children: [
               /* @__PURE__ */ t.jsx("span", { className: tt.title, children: n.name }),
-              /* @__PURE__ */ t.jsx("span", { children: Z({
+              /* @__PURE__ */ t.jsx("span", { children: Q({
                 amount: a === "ONE_TIME" ? n.price.amount : n.subscriptionSettings ? n.subscriptionSettings.price.amount : 0,
                 currency: a === "ONE_TIME" ? n.price.currency : ((o = n.subscriptionSettings) == null ? void 0 : o.price.currency) || "USD"
               }) })
@@ -2527,8 +2527,8 @@ const ns = (u) => {
       );
     }) })
   ] });
-}, jn = (u) => {
-  const { product: i, setIsOpen: a } = u, { setIsOpen: s } = ct(), e = () => {
+}, jn = (h) => {
+  const { product: i, setIsOpen: a } = h, { setIsOpen: s } = ct(), e = () => {
     s(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -2537,7 +2537,7 @@ const ns = (u) => {
     /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        at(i.name)
+        it(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
         b,
@@ -2563,7 +2563,7 @@ const ns = (u) => {
       }
     ) })
   ] });
-}, vn = "_contentModal_1bixq_1", yn = "_modalTop_1bixq_13", bn = "_loading_1bixq_19", In = "_modalCards_1bixq_27", Nn = "_modalImage_1bixq_32", Cn = "_card_1bixq_37", Sn = "_cardInfo_1bixq_49", kn = "_cardButtons_1bixq_56", wn = "_title_1bixq_62", Pn = "_blockImage_1bixq_69", Tn = "_short_1bixq_78", G = {
+}, vn = "_contentModal_1q42e_1", yn = "_modalTop_1q42e_13", bn = "_loading_1q42e_19", In = "_modalCards_1q42e_27", Nn = "_modalImage_1q42e_32", Cn = "_card_1q42e_37", Sn = "_cardInfo_1q42e_49", Pn = "_cardButtons_1q42e_56", kn = "_title_1q42e_62", wn = "_blockImage_1q42e_69", Tn = "_short_1q42e_78", Mn = "_price_1q42e_82", Bn = "_oldPrice_1q42e_89", $n = "_newPrice_1q42e_97", L = {
   contentModal: vn,
   modalTop: yn,
   loading: bn,
@@ -2571,50 +2571,50 @@ const ns = (u) => {
   modalImage: Nn,
   card: Cn,
   cardInfo: Sn,
-  cardButtons: kn,
-  title: wn,
-  blockImage: Pn,
-  short: Tn
-}, Gn = (u) => {
+  cardButtons: Pn,
+  title: kn,
+  blockImage: wn,
+  short: Tn,
+  price: Mn,
+  oldPrice: Bn,
+  newPrice: $n
+}, Qn = (h) => {
   const {
     setIsOpen: i,
     pageContext: a,
     groupData: s,
     setProductId: e,
-    setIsProductModalOpen: l,
-    setShowDropdown: r
-  } = u, [g, _] = f.useState(null), [j, T] = f.useState(!0), { setIsOpen: x } = ct();
-  f.useEffect(() => {
-    var n;
+    setIsProductModalOpen: r,
+    setShowDropdown: c
+  } = h, [f, j] = x.useState(null), [v, T] = x.useState(!0), { setIsOpen: _ } = ct();
+  x.useEffect(() => {
+    var l;
     T(!0);
-    const c = (n = a.listings) == null ? void 0 : n.filter(
-      (o) => s.listingIdList.includes(o.id)
+    const d = (l = a.listings) == null ? void 0 : l.filter(
+      (n) => s.listingIdList.includes(n.id)
     );
-    c && _([...c]), T(!1);
-  }, [a]), f.useEffect(() => {
-    x(!0);
+    d && j([...d]), T(!1);
+  }, [a]), x.useEffect(() => {
+    _(!0);
   }, []);
-  const p = () => {
-    x(!1), setTimeout(() => {
+  const m = () => {
+    _(!1), setTimeout(() => {
       i(!1);
     }, 300);
   };
-  function v(c) {
-    return c.productData.compareAtPrice ? c.productData.compareAtPrice.amount : 0;
-  }
   return /* @__PURE__ */ t.jsx(ut, { close: () => i(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: G.contentModal,
-      onClick: (c) => c.stopPropagation(),
+      className: L.contentModal,
+      onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: G.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: L.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: G.title,
+              className: L.title,
               id: "h4",
-              children: at(s.name)
+              children: it(s.name)
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -2622,70 +2622,80 @@ const ns = (u) => {
             {
               name: "X",
               hoverable: !0,
-              onClick: p,
+              onClick: m,
               fill: "var(--text-primary)"
             }
           )
         ] }),
-        !j && g && /* @__PURE__ */ t.jsx("div", { className: G.modalCards, children: g.map((c) => /* @__PURE__ */ t.jsxs(
+        !v && f && /* @__PURE__ */ t.jsx("div", { className: L.modalCards, children: f.map((d) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: G.card,
+            className: L.card,
             children: [
-              /* @__PURE__ */ t.jsx("div", { children: c.productData.images[0] ? /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx("div", { children: d.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
                 {
-                  src: `https://imagedelivery.net/${c.productData.images[0].cfId}/w=500`,
+                  src: `https://imagedelivery.net/${d.productData.images[0].cfId}/w=500`,
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: G.modalImage
+                  className: L.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: H(G.blockImage, G.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: G.cardInfo, children: [
-                /* @__PURE__ */ t.jsxs(
-                  "span",
+              ) : /* @__PURE__ */ t.jsx("div", { className: F(L.blockImage, L.modalImage), children: /* @__PURE__ */ t.jsx(b, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: L.cardInfo, children: [
+                /* @__PURE__ */ t.jsx(
+                  "div",
                   {
-                    className: G.name,
+                    className: L.name,
                     id: "h5",
-                    children: [
-                      at(c.productData.name),
-                      " $",
-                      c.productData.minPrice.amount,
-                      " ",
-                      "- $",
-                      v(c)
-                    ]
+                    children: d.productData.compareAtPrice && (d.productData.compareAtPrice.amount || 0) - (d.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                      it(d.productData.name),
+                      /* @__PURE__ */ t.jsxs("span", { className: L.price, children: [
+                        /* @__PURE__ */ t.jsx("span", { className: L.newPrice, children: Q({
+                          amount: d.productData.minPrice.amount,
+                          currency: d.productData.minPrice.currency
+                        }) }),
+                        /* @__PURE__ */ t.jsx("span", { className: L.oldPrice, children: Q({
+                          amount: d.productData.compareAtPrice.amount,
+                          currency: d.productData.compareAtPrice.currency
+                        }) })
+                      ] })
+                    ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                      it(d.productData.name),
+                      /* @__PURE__ */ t.jsx("span", { className: L.newPrice, children: Q({
+                        amount: d.productData.minPrice.amount,
+                        currency: d.productData.minPrice.currency
+                      }) })
+                    ] })
                   }
                 ),
-                c.productData.shortDescription && /* @__PURE__ */ t.jsx(
+                d.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: G.short,
+                    className: L.short,
                     id: "md",
-                    children: at(c.productData.shortDescription)
+                    children: it(d.productData.shortDescription)
                   }
-                ),
-                /* @__PURE__ */ t.jsx("span", {})
+                )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: G.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: L.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
-                  z,
+                  E,
                   {
                     type: "Secondary",
                     onClick: () => {
-                      e(c.id), i(!1), l(!0);
+                      e(d.id), i(!1), r(!0);
                     },
                     children: "Buy"
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Tt, { path: `/product/${c.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
-                  z,
+                /* @__PURE__ */ t.jsx(Tt, { path: `/product/${d.productData.uniquePath}`, children: /* @__PURE__ */ t.jsx(
+                  E,
                   {
                     type: "Primary",
                     style: { whiteSpace: "nowrap" },
                     onClick: () => {
-                      r(!1), p();
+                      c(!1), m();
                     },
                     children: "View Details"
                   }
@@ -2693,56 +2703,56 @@ const ns = (u) => {
               ] })
             ]
           },
-          c.id
+          d.id
         )) }),
-        j && /* @__PURE__ */ t.jsx("div", { className: G.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
+        v && /* @__PURE__ */ t.jsx("div", { className: L.loading, children: /* @__PURE__ */ t.jsx(Bt, {}) })
       ]
     }
   ) });
 };
 export {
-  Hn as Accordion,
+  Yn as Accordion,
   Us as BurgerMenuButton,
-  z as Button,
+  E as Button,
   qe as ButtonTypeSettings,
-  zn as ButtonsSettings,
-  qn as CategorySettings,
+  Ln as ButtonsSettings,
+  En as CategorySettings,
   $t as ChargeTypes,
   At as ChooseImage,
-  Qn as ChooseImageModal,
+  Zn as ChooseImageModal,
   Rs as EmptyCart,
-  En as FormSettings,
-  Gn as GroupCardModal,
-  Rn as HeaderButtons,
+  Rn as FormSettings,
+  Qn as GroupCardModal,
+  Hn as HeaderButtons,
   b as Icon,
   Nt as InputSettings,
   Rt as InputUI,
-  Jn as ItemsSettings,
-  On as LayoutSettings,
+  ti as ItemsSettings,
+  Dn as LayoutSettings,
   Tt as Link,
-  Dn as ListingSelector,
+  Un as ListingSelector,
   Bt as Loader,
-  Vn as MetaInfoPost,
+  Wn as MetaInfoPost,
   ut as Modal,
-  Ln as PagesMobileMenu,
+  Fn as PagesMobileMenu,
   Ls as PagesMobileModal,
-  An as PagesSettings,
-  Fn as ProductCardButtons,
-  Yn as ProductCardModal,
+  zn as PagesSettings,
+  Gn as ProductCardButtons,
+  Xn as ProductCardModal,
   ns as ProductOptions,
-  Kn as RadioUI,
-  kt as RangeSelector,
-  it as Select,
-  Zn as SelectInfiniteList,
-  ti as SelectUI,
-  Un as ShareLink,
-  zs as ShoppingButton,
-  Ds as ShoppingModalCart,
+  ei as RadioUI,
+  Pt as RangeSelector,
+  at as Select,
+  si as SelectInfiniteList,
+  ni as SelectUI,
+  Vn as ShareLink,
+  Es as ShoppingButton,
+  zs as ShoppingModalCart,
   lt as Switch,
-  ei as TextSettings,
-  si as TextareaSettings,
-  ni as TextareaUI,
-  ii as TypesText,
+  ii as TextSettings,
+  ai as TextareaSettings,
+  oi as TextareaUI,
+  ci as TypesText,
   Ot as UserInfo,
-  ai as Wrapper
+  ri as Wrapper
 };