@billgangcom/theme-lib 1.72.6 → 1.73.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, c as z, d as Nt, e as pt, g as mt, P as gt, S as lt, h as kt, D as ft, i as xt, v as _t, B as dt, k as ot, a as wt, l as Tt, O as ht, m as J, n as yt, C as jt, o as V, p as At, q as Dt, r as bt, t as Et, w as vt, x as W, L as Rt, y as Ct, z as St, A as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as zt, J as rt, K as Mt, N as Ft, Q as Bt, T as Ht, U as $t, V as Vt } from "./index-CVvVQkzN.js";
-import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as pi } from "./index-CVvVQkzN.js";
+import { j as t, I as j, 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 ot, a as wt, l as Tt, O as ht, m as J, n as yt, C as jt, o as V, p as At, q as Dt, r as bt, t as Et, w as vt, x as W, L as Rt, y as Ct, z as St, A as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-CQeHFwIE.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as pi } from "./index-CQeHFwIE.js";
 import g from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
@@ -28,7 +28,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
     alignment: a,
     padding: o,
     setPadding: s,
-    setAlignment: c,
+    setAlignment: r,
     isAlignment: e = !0,
     isPadding: u = !0
   } = h;
@@ -62,7 +62,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [_, T] = g.useState(null), [I, r] = g.useState(null);
+  const [_, T] = g.useState(null), [I, c] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
@@ -72,7 +72,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
           "div",
           {
             onClick: () => {
-              c(l);
+              r(l);
             },
             className: G.alignment,
             onMouseEnter: () => {
@@ -111,14 +111,14 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: ne.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: z(G.padding, {
+            className: H(G.padding, {
               [G.active]: I === l
             }),
             onFocus: () => {
-              r(l);
+              c(l);
             },
             onBlur: () => {
-              r(null);
+              c(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -167,7 +167,7 @@ function ge({ id: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: c,
+    setNodeRef: r,
     transform: e,
     transition: u,
     isDragging: d
@@ -180,7 +180,7 @@ function ge({ id: h, children: a }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
+      ref: r,
       style: f,
       className: `${X.product} ${d ? X.dragging : ""}`,
       ...o,
@@ -194,7 +194,7 @@ const Un = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
     tags: u,
     title: d,
@@ -202,7 +202,7 @@ const Un = (h) => {
     draggable: _ = !1,
     withImage: T = !1,
     addable: I = !0,
-    itemsOptions: r,
+    itemsOptions: c,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: y,
     limit: x,
@@ -222,7 +222,7 @@ const Un = (h) => {
       const O = s.findIndex((C) => C === N.id), M = s.findIndex((C) => C === S.id);
       if (O !== -1 && M !== -1) {
         const C = [...s], [v] = C.splice(O, 1);
-        C.splice(M, 0, v), c(C);
+        C.splice(M, 0, v), r(C);
       }
     }
   };
@@ -246,8 +246,8 @@ const Un = (h) => {
         }
       );
   }
-  const F = (n, N = !1) => {
-    const S = r.find((M) => M.id === n);
+  const z = (n, N = !1) => {
+    const S = c.find((M) => M.id === n);
     if (!S) return;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -263,14 +263,14 @@ const Un = (h) => {
         ot,
         {
           onChange: (M) => {
-            const C = [...s], v = r.find((m) => m.name === M);
+            const C = [...s], v = c.find((m) => m.name === M);
             if (!v) return;
-            const A = v.id, H = C.map((m) => m === n ? A : m);
-            c([...H]);
+            const A = v.id, F = C.map((m) => m === n ? A : m);
+            r([...F]);
           },
           value: S.name,
-          options: r.filter((M) => !s.find((C) => C === M.id)).map((M) => M.name),
-          leftAddonOptions: r.map((M) => ({
+          options: c.filter((M) => !s.find((C) => C === M.id)).map((M) => M.name),
+          leftAddonOptions: c.map((M) => ({
             value: M.name,
             addon: K(M.images)
           }))
@@ -284,7 +284,7 @@ const Un = (h) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => c(s.filter((M) => M !== n))
+          onClick: () => r(s.filter((M) => M !== n))
         }
       ) }) })
     ] });
@@ -328,11 +328,11 @@ const Un = (h) => {
             {
               items: s,
               strategy: _t,
-              children: s.map((n) => F(n, i))
+              children: s.map((n) => z(n, i))
             }
           )
         }
-      ) : s.map((n) => F(n, i)),
+      ) : s.map((n) => z(n, i)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -346,22 +346,22 @@ const Un = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: z(X.button, {
-                [X.disabled]: !!(x && x <= s.length || s.length === r.length)
+              className: H(X.button, {
+                [X.disabled]: !!(x && x <= s.length || s.length === c.length)
               }),
               size: "s",
-              disabled: !!(x && x <= s.length || s.length === r.length),
+              disabled: !!(x && x <= s.length || s.length === c.length),
               onClick: () => {
                 const n = [...s];
                 let N = null;
-                if (r) {
-                  for (let S = 0; S < r.length; S++)
-                    if (!s.find((O) => O === r[S].id)) {
-                      N = r[S];
+                if (c) {
+                  for (let S = 0; S < c.length; S++)
+                    if (!s.find((O) => O === c[S].id)) {
+                      N = c[S];
                       break;
                     }
                 }
-                n.push((N == null ? void 0 : N.id) || r[0].id), c(n);
+                n.push((N == null ? void 0 : N.id) || c[0].id), r(n);
               },
               style: {
                 width: "fit-content"
@@ -439,7 +439,7 @@ function Pe({ product: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
-    setNodeRef: c,
+    setNodeRef: r,
     transform: e,
     transition: u,
     isDragging: d
@@ -452,7 +452,7 @@ function Pe({ product: h, children: a }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
+      ref: r,
       style: f,
       className: `${Y.product} ${d ? Y.dragging : ""}`,
       ...o,
@@ -461,12 +461,12 @@ function Pe({ product: h, children: a }) {
     }
   );
 }
-const zn = (h) => {
+const Hn = (h) => {
   const {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     title: e,
     subtitle: u,
     editable: d = !0,
@@ -474,7 +474,7 @@ const zn = (h) => {
     deletable: _ = !0,
     addable: T = !0,
     itemsType: I,
-    itemsOptions: r,
+    itemsOptions: c,
     addableOptions: l = {},
     limit: y
   } = h, [x, p] = g.useState(null), [i, b] = g.useState(null), w = g.useRef(null), q = pt(
@@ -487,7 +487,7 @@ const zn = (h) => {
   g.useEffect(() => {
     if (x) {
       const n = [...s].map((N) => N.id === x.id ? x : N);
-      c(n);
+      r(n);
     }
   }, [x]), g.useEffect(() => {
     w.current && i && (w.current.getBoundingClientRect().height, i.top);
@@ -505,10 +505,10 @@ const zn = (h) => {
       const O = s.findIndex((C) => C.id === N.id), M = s.findIndex((C) => C.id === S.id);
       if (O !== -1 && M !== -1) {
         const C = [...s], [v] = C.splice(O, 1);
-        C.splice(M, 0, v), c(C);
+        C.splice(M, 0, v), r(C);
       }
     }
-  }, F = (n, N) => {
+  }, z = (n, N) => {
     const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
@@ -519,11 +519,11 @@ const zn = (h) => {
           height: 20
         }
       ) }),
-      I === "select" && r && /* @__PURE__ */ t.jsx(
+      I === "select" && c && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (O) => {
-            const M = [...s], C = r.find((A) => A.name === O);
+            const M = [...s], C = c.find((A) => A.name === O);
             if (!C) return;
             const v = M.map((A) => A.id === n.id ? {
               ...C,
@@ -536,10 +536,10 @@ const zn = (h) => {
               name: {
                 "en-US": O
               }
-            }), c([...v]);
+            }), r([...v]);
           },
           value: n.name,
-          options: r.filter((O) => !s.find((M) => M.name === O.name)).map((O) => O.name)
+          options: c.filter((O) => !s.find((M) => M.name === O.name)).map((O) => O.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
@@ -561,7 +561,7 @@ const zn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((O) => O.id !== n.id))
+            onClick: () => r(s.filter((O) => O.id !== n.id))
           }
         ) })
       ] })
@@ -606,11 +606,11 @@ const zn = (h) => {
             {
               items: s.map((n) => n.id),
               strategy: _t,
-              children: s.map((n, N) => F(n, N))
+              children: s.map((n, N) => z(n, N))
             }
           )
         }
-      ) : s.map((n, N) => F(n, N)),
+      ) : s.map((n, N) => z(n, N)),
       T && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -623,26 +623,26 @@ const zn = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: z(Y.button, {
-                [Y.disabled]: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length))
+              className: H(Y.button, {
+                [Y.disabled]: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length))
               }),
               size: "s",
-              disabled: !!(y && y <= s.length || s.length === (r == null ? void 0 : r.length)),
+              disabled: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length)),
               onClick: () => {
                 const n = [...s];
                 let N = null;
-                if (r) {
-                  for (let S = 0; S < r.length; S++)
-                    if (!s.find((O) => O.id === r[S].id)) {
-                      N = r[S];
+                if (c) {
+                  for (let S = 0; S < c.length; S++)
+                    if (!s.find((O) => O.id === c[S].id)) {
+                      N = c[S];
                       break;
                     }
                 }
-                I === "select" && r && n.push({
-                  name: N ? N.name : r[0].name,
-                  id: (N == null ? void 0 : N.id) || r[0].id,
+                I === "select" && c && n.push({
+                  name: N ? N.name : c[0].name,
+                  id: (N == null ? void 0 : N.id) || c[0].id,
                   ...l
-                }), c(n);
+                }), r(n);
               },
               style: {
                 width: "fit-content"
@@ -666,7 +666,7 @@ const zn = (h) => {
   ] });
 };
 function ke(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
+  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: a.id
   }), _ = {
     transform: jt.Transform.toString(u),
@@ -679,17 +679,17 @@ function ke(h) {
       style: _,
       className: `${V.product} ${f ? V.dragging : ""}`,
       ...s,
-      ...c,
+      ...r,
       children: o
     }
   );
 }
-const Fn = (h) => {
+const zn = (h) => {
   const {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
     title: u,
     subtitle: d,
@@ -697,7 +697,7 @@ const Fn = (h) => {
     draggable: _ = !1,
     deletable: T = !0,
     addable: I = !0,
-    itemsType: r,
+    itemsType: c,
     itemsPlaceholder: l = "",
     itemsOptions: y,
     hasRangeSelector: x = !1,
@@ -705,7 +705,7 @@ const Fn = (h) => {
     modalOptions: i,
     addableOptions: b = {},
     limit: w
-  } = h, [q, E] = g.useState(null), [K, F] = g.useState({
+  } = h, [q, E] = g.useState(null), [K, z] = g.useState({
     top: 0,
     left: 0
   }), [n, N] = g.useState(null), S = g.useRef(null), [O, M] = g.useState(!1), C = pt(
@@ -725,13 +725,13 @@ const Fn = (h) => {
   }, []), g.useEffect(() => {
     if (q) {
       const m = [...s].map(($) => $.id === q.id ? q : $);
-      c(m);
+      r(m);
     }
   }, [q]), g.useEffect(() => {
     if (S.current && n) {
       const m = S.current.getBoundingClientRect().height, $ = window.innerHeight;
       let P = n.top;
-      P + m > $ + window.scrollY - 200 && (P = $ + window.scrollY - m - 200), P < 0 && (P = 10), F({
+      P + m > $ + window.scrollY - 200 && (P = $ + window.scrollY - m - 200), P < 0 && (P = 10), z({
         top: P,
         left: n.left
       });
@@ -750,10 +750,10 @@ const Fn = (h) => {
       const D = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === P.id);
       if (D !== -1 && et !== -1) {
         const L = [...s], [tt] = L.splice(D, 1);
-        L.splice(et, 0, tt), c(L);
+        L.splice(et, 0, tt), r(L);
       }
     }
-  }, H = (m) => {
+  }, F = (m) => {
     var P;
     const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -765,7 +765,7 @@ const Fn = (h) => {
           height: 20
         }
       ) }),
-      r === "select" && y && /* @__PURE__ */ t.jsx(
+      c === "select" && y && /* @__PURE__ */ t.jsx(
         ot,
         {
           onChange: (D) => {
@@ -780,7 +780,7 @@ const Fn = (h) => {
               name: {
                 "en-US": D
               }
-            }), c([...L]);
+            }), r([...L]);
           },
           value: m.name["en-US"],
           options: y.filter(
@@ -788,7 +788,7 @@ const Fn = (h) => {
           )
         }
       ),
-      r === "input" && /* @__PURE__ */ t.jsx(
+      c === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
           onChange: (D) => {
@@ -798,13 +798,13 @@ const Fn = (h) => {
                 "en-US": D
               }
             } : tt);
-            c([...L]);
+            r([...L]);
           },
           value: m.name["en-US"],
           placeholder: l
         }
       ),
-      r === "image" && /* @__PURE__ */ t.jsx(
+      c === "image" && /* @__PURE__ */ t.jsx(
         Dt,
         {
           onChange: (D) => {
@@ -812,7 +812,7 @@ const Fn = (h) => {
               ...m,
               images: D
             } : tt);
-            c([...L]);
+            r([...L]);
           },
           activeImage: (P = s.find((D) => D.id === m.id)) == null ? void 0 : P.images[0]
         }
@@ -836,7 +836,7 @@ const Fn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((D) => D.id !== m.id))
+            onClick: () => r(s.filter((D) => D.id !== m.id))
           }
         ) })
       ] })
@@ -892,11 +892,11 @@ const Fn = (h) => {
             {
               items: s.map((m) => m.id),
               strategy: _t,
-              children: s.map((m) => H(m))
+              children: s.map((m) => F(m))
             }
           )
         }
-      ) : s.map((m) => H(m)),
+      ) : s.map((m) => F(m)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -909,7 +909,7 @@ const Fn = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: z(V.button, {
+              className: H(V.button, {
                 [V.disabled]: !!(w && w <= s.length)
               }),
               size: "s",
@@ -924,7 +924,7 @@ const Fn = (h) => {
                       break;
                     }
                 }
-                r === "select" && y ? m.push({
+                c === "select" && y ? m.push({
                   name: {
                     "en-US": $ || y[0]
                   },
@@ -932,7 +932,7 @@ const Fn = (h) => {
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : r === "input" ? m.push({
+                }) : c === "input" ? m.push({
                   name: {
                     "en-US": ""
                   },
@@ -946,7 +946,7 @@ const Fn = (h) => {
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }), c(m);
+                }), r(m);
               },
               style: {
                 width: "fit-content"
@@ -984,10 +984,10 @@ const Fn = (h) => {
   addButton: Oe,
   deleteButton: qe
 }, Ae = (h) => {
-  const { buttons: a, setButtons: o, deletable: s = !0, addable: c = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, T] = g.useState({
+  const { buttons: a, setButtons: o, deletable: s = !0, addable: r = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, T] = g.useState({
     top: 0,
     left: 0
-  }), [I, r] = g.useState(null), l = g.useRef(null);
+  }), [I, c] = g.useState(null), l = g.useRef(null);
   g.useEffect(() => {
     if (d) {
       const p = [...a].map((i) => i.id === d.id ? d : i);
@@ -1006,9 +1006,9 @@ const Fn = (h) => {
   const y = (p, i) => {
     p.stopPropagation();
     const b = p.target.getBoundingClientRect();
-    r({
+    c({
       top: b.top + window.scrollY - 70,
-      left: b.left - (c ? 30 : 65)
+      left: b.left - (r ? 30 : 65)
     }), f(i);
   }, x = (p, i) => {
     const b = [...a], w = {
@@ -1093,7 +1093,7 @@ const Fn = (h) => {
         editableLink: e
       }
     ),
-    c && /* @__PURE__ */ t.jsx(
+    r && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1150,12 +1150,12 @@ const Fn = (h) => {
       }
     )
   ] });
-}, Hn = (h) => {
+}, Fn = (h) => {
   const {
     isActiveButtons: a,
     setIsActiveButtons: o,
     buttons: s,
-    setButtons: c,
+    setButtons: r,
     editableLink: e = !0,
     addable: u = !0,
     deletable: d = !0
@@ -1175,7 +1175,7 @@ const Fn = (h) => {
       Ae,
       {
         buttons: s,
-        setButtons: c,
+        setButtons: r,
         editableLink: e,
         addable: u,
         deletable: d
@@ -1184,7 +1184,7 @@ const Fn = (h) => {
   ] }) });
 };
 function De(h) {
-  const { product: a, children: o } = h, { attributes: s, listeners: c, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
+  const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: String(a.listingId)
   }), _ = {
     transform: jt.Transform.toString(u),
@@ -1197,7 +1197,7 @@ function De(h) {
       style: _,
       className: `${W.product} ${f ? W.dragging : ""}`,
       ...s,
-      ...c,
+      ...r,
       children: o
     }
   );
@@ -1207,7 +1207,7 @@ const Vn = (h) => {
     isActiveItems: a,
     setIsActiveItems: o,
     items: s,
-    setItems: c,
+    setItems: r,
     other: e,
     title: u,
     subtitle: d,
@@ -1215,7 +1215,7 @@ const Vn = (h) => {
     draggable: _ = !1,
     withImage: T = !1,
     deletable: I = !0,
-    addable: r = !0,
+    addable: c = !0,
     itemsType: l,
     itemsOptions: y,
     limit: x,
@@ -1226,7 +1226,7 @@ const Vn = (h) => {
   ), [q, E] = g.useState({
     top: 0,
     left: 0
-  }), [K, F] = g.useState(!1), n = pt(
+  }), [K, z] = g.useState(!1), n = pt(
     mt(gt, {
       activationConstraint: {
         distance: 5
@@ -1235,24 +1235,24 @@ const Vn = (h) => {
   );
   g.useEffect(() => {
     const v = () => {
-      w(null), F(!1);
+      w(null), z(!1);
     };
-    return document.body.addEventListener("click", v), w(null), F(!1), () => {
-      w(null), F(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", v), w(null), z(!1), () => {
+      w(null), z(!1), document.body.removeEventListener("click", v);
     };
   }, []), g.useEffect(() => {
     if (b) {
       const v = [...s].map((A) => A.listingId === b.listingId ? b : A);
-      c(v);
+      r(v);
     }
   }, [b]);
   const N = (v, A) => {
     v.stopPropagation();
-    const H = v.target.getBoundingClientRect(), m = 100, $ = window.innerHeight;
-    let P = H.top + window.scrollY;
-    P + m > $ && (P = $ - m - 20), F(!0), E({
+    const F = v.target.getBoundingClientRect(), m = 100, $ = window.innerHeight;
+    let P = F.top + window.scrollY;
+    P + m > $ && (P = $ - m - 20), z(!0), E({
       top: P - 80,
-      left: H.left - 30
+      left: F.left - 30
     }), w(A);
   };
   function S(v) {
@@ -1276,18 +1276,18 @@ const Vn = (h) => {
       );
   }
   const O = (v) => {
-    const { active: A, over: H } = v;
-    if (H && A.id !== H.id) {
-      const m = s.findIndex((P) => String(P.listingId) === A.id), $ = s.findIndex((P) => String(P.listingId) === H.id);
+    const { active: A, over: F } = v;
+    if (F && A.id !== F.id) {
+      const m = s.findIndex((P) => String(P.listingId) === A.id), $ = s.findIndex((P) => String(P.listingId) === F.id);
       if (m !== -1 && $ !== -1) {
         const P = [...s], [D] = P.splice(m, 1);
-        P.splice($, 0, D), c(P);
+        P.splice($, 0, D), r(P);
       }
     }
   }, M = (v) => {
     const A = y.find((m) => v.listingId === m.id);
     if (!A) return null;
-    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const F = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -1307,7 +1307,7 @@ const Vn = (h) => {
               listingId: P.id,
               image: P.productData.images.length > 0 ? P.productData.images[0].cfId : ""
             }, et = $.map((L) => L.listingId === v.listingId ? D : L);
-            w(D), c([...et]);
+            w(D), r([...et]);
           },
           value: A.productData.name,
           options: [
@@ -1341,7 +1341,7 @@ const Vn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(s.filter((m) => m !== v))
+            onClick: () => r(s.filter((m) => m !== v))
           }
         ) })
       ] })
@@ -1350,14 +1350,14 @@ const Vn = (h) => {
       De,
       {
         product: v,
-        children: H
+        children: F
       },
       v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: H
+        children: F
       },
       v.listingId
     );
@@ -1379,7 +1379,7 @@ const Vn = (h) => {
         ref: C,
         activeItem: b,
         setActiveItem: w,
-        setIsOpenModal: F,
+        setIsOpenModal: z,
         popupPosition: q,
         itemsOptions: y
       }
@@ -1401,7 +1401,7 @@ const Vn = (h) => {
           )
         }
       ) : s.map((v) => M(v)),
-      r && /* @__PURE__ */ t.jsx(
+      c && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1418,14 +1418,14 @@ const Vn = (h) => {
               onClick: () => {
                 const v = [...s];
                 for (let A = 0; A < y.length; A++)
-                  if (!s.find((H) => H.listingId === y[A].id)) {
+                  if (!s.find((F) => F.listingId === y[A].id)) {
                     v.push({
                       listingId: y[A].id,
                       image: y[A].productData.images.length > 0 ? y[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                c(v);
+                r(v);
               },
               disabled: s.length === (x || y.length),
               style: {
@@ -1464,14 +1464,14 @@ const Vn = (h) => {
       }
     )
   ] });
-}, Ee = "_options_s4lx3_1", Re = "_price_s4lx3_18", Le = "_oldPrice_s4lx3_25", Ue = "_newPrice_s4lx3_34", ze = "_animate_s4lx3_42", Fe = "_meta_s4lx3_60", He = "_info_s4lx3_66", Ve = "_infoRight_s4lx3_75", Ye = "_buttons_s4lx3_82", Ge = "_variants_s4lx3_89", We = "_variant_s4lx3_89", Xe = "_stock_s4lx3_107", Qe = "_variantInfo_s4lx3_115", Je = "_quantity_s4lx3_122", Ke = "_button_s4lx3_82", Ze = "_activeVariant_s4lx3_168", ts = "_chargeTypes_s4lx3_172", es = "_charge_s4lx3_172", ss = "_chargeActive_s4lx3_197", ns = "_title_s4lx3_205", B = {
+}, Ee = "_options_s4lx3_1", Re = "_price_s4lx3_18", Le = "_oldPrice_s4lx3_25", Ue = "_newPrice_s4lx3_34", He = "_animate_s4lx3_42", ze = "_meta_s4lx3_60", Fe = "_info_s4lx3_66", Ve = "_infoRight_s4lx3_75", Ye = "_buttons_s4lx3_82", Ge = "_variants_s4lx3_89", We = "_variant_s4lx3_89", Xe = "_stock_s4lx3_107", Qe = "_variantInfo_s4lx3_115", Je = "_quantity_s4lx3_122", Ke = "_button_s4lx3_82", Ze = "_activeVariant_s4lx3_168", ts = "_chargeTypes_s4lx3_172", es = "_charge_s4lx3_172", ss = "_chargeActive_s4lx3_197", ns = "_title_s4lx3_205", B = {
   options: Ee,
   price: Re,
   oldPrice: Le,
   newPrice: Ue,
-  animate: ze,
-  meta: Fe,
-  info: He,
+  animate: He,
+  meta: ze,
+  info: Fe,
   infoRight: Ve,
   buttons: Ye,
   variants: Ge,
@@ -1488,22 +1488,22 @@ const Vn = (h) => {
 };
 var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
 const is = (h) => {
-  var K, F;
-  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: c } = a, [e, u] = g.useState(c[0]), [d, f] = g.useState(
+  var K, z;
+  const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: r } = a, [e, u] = g.useState(r[0]), [d, f] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [r, l] = g.useState(1), { cart: y, reset: x, addProductToCart: p } = ct(), [i, b] = g.useState(!1);
+  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: p } = ct(), [i, b] = g.useState(!1);
   g.useEffect(() => {
     b(!0);
     const n = setTimeout(() => b(!1), 600);
     return () => clearTimeout(n);
-  }, [r]);
+  }, [c]);
   async function w() {
     try {
       p({
         productId: a.id,
         productVariantId: e.id,
         chargeType: d,
-        quantity: r
+        quantity: c
       }), T([
         ..._,
         {
@@ -1552,7 +1552,7 @@ const is = (h) => {
     e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: z(B.charge, {
+        className: H(B.charge, {
           [B.chargeActive]: d === n
         }),
         onClick: () => f(n),
@@ -1560,7 +1560,7 @@ const is = (h) => {
       },
       n
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: c.filter((n) => {
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: r.filter((n) => {
       var N;
       return (N = n.chargeTypes) == null ? void 0 : N.includes(d);
     }).map((n) => {
@@ -1568,7 +1568,7 @@ const is = (h) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: z(B.variant, {
+          className: H(B.variant, {
             [B.activeVariant]: e.id === n.id
           }),
           onClick: () => {
@@ -1581,7 +1581,9 @@ const is = (h) => {
                 {
                   className: B.title,
                   id: "h4",
-                  children: at(n.name)
+                  dangerouslySetInnerHTML: {
+                    __html: at(n.name)
+                  }
                 }
               ),
               /* @__PURE__ */ t.jsxs("span", { id: "md", children: [
@@ -1621,10 +1623,10 @@ const is = (h) => {
             {
               type: "Secondary",
               onClick: () => {
-                r > 1 ? l((n) => n - 1) : l(1);
+                c > 1 ? l((n) => n - 1) : l(1);
               },
               className: B.button,
-              disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
+              disabled: e.quantity.available && e.quantity.restrictions && c <= e.quantity.restrictions.min || e.quantity.available === 0,
               children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
             }
           ),
@@ -1632,14 +1634,14 @@ const is = (h) => {
             Ut,
             {
               type: "number",
-              value: String(r),
+              value: String(c),
               onChange: (n) => {
                 e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
               },
               max: ((K = e.quantity.restrictions) == null ? void 0 : K.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-              min: ((F = e.quantity.restrictions) == null ? void 0 : F.min) || 0,
+              min: ((z = e.quantity.restrictions) == null ? void 0 : z.min) || 0,
               centered: !0,
-              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
+              disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && c >= e.quantity.restrictions.max
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1650,7 +1652,7 @@ const is = (h) => {
                 l((n) => n + 1);
               },
               className: B.button,
-              disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && r >= e.quantity.available),
+              disabled: !!(e.quantity.available && e.quantity.restrictions && c >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && c >= e.quantity.available),
               children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
             }
           )
@@ -1681,8 +1683,8 @@ const is = (h) => {
             className: B.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t.jsx("span", { className: z(B.newPrice, { [B.animate]: i }), children: Q({
-                amount: e.price.amount * r,
+              /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: i }), children: Q({
+                amount: e.price.amount * c,
                 currency: e.price.currency
               }) }),
               /* @__PURE__ */ t.jsx(
@@ -1691,7 +1693,7 @@ const is = (h) => {
                   className: B.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.compareAtPrice.amount * r,
+                    amount: e.compareAtPrice.amount * c,
                     currency: e.compareAtPrice.currency
                   })
                 }
@@ -1701,10 +1703,10 @@ const is = (h) => {
         ) : /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: z(B.newPrice, { [B.animate]: i }),
+            className: H(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.price.amount * r,
+              amount: e.price.amount * c,
               currency: e.price.currency
             })
           }
@@ -1717,10 +1719,10 @@ const is = (h) => {
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: z(B.newPrice, { [B.animate]: i }),
+                  className: H(B.newPrice, { [B.animate]: i }),
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.price.amount * r,
+                    amount: e.subscriptionSettings.price.amount * c,
                     currency: e.subscriptionSettings.price.currency
                   })
                 }
@@ -1731,7 +1733,7 @@ const is = (h) => {
                   className: B.oldPrice,
                   id: "md",
                   children: Q({
-                    amount: e.subscriptionSettings.compareAtPrice.amount * r,
+                    amount: e.subscriptionSettings.compareAtPrice.amount * c,
                     currency: e.subscriptionSettings.compareAtPrice.currency
                   })
                 }
@@ -1741,10 +1743,10 @@ const is = (h) => {
         ) : e.subscriptionSettings && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: z(B.newPrice, { [B.animate]: i }),
+            className: H(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
-              amount: e.subscriptionSettings.price.amount * r,
+              amount: e.subscriptionSettings.price.amount * c,
               currency: e.subscriptionSettings.price.currency
             })
           }
@@ -1757,7 +1759,7 @@ const is = (h) => {
         {
           type: "Primary",
           onClick: () => q(),
-          disabled: e.quantity && e.quantity.available === 0,
+          disabled: e.quantity && e.quantity.available === 0 || c === 0,
           children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
@@ -1766,7 +1768,7 @@ const is = (h) => {
         {
           type: "Secondary",
           onClick: () => w(),
-          disabled: e.quantity && e.quantity.available === 0,
+          disabled: e.quantity && e.quantity.available === 0 || c === 0,
           children: y.parts.some(
             (n) => n.productId === a.id && n.productVariantId === e.id
           ) ? "Add More" : "Add to Cart"
@@ -1817,10 +1819,10 @@ const is = (h) => {
     s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
   ] }) });
 }, Rs = () => {
-  const [h, a] = g.useState(!1), [o, s] = g.useState([]), [c, e] = g.useState(!1), { cart: u, products: d } = ct();
+  const [h, a] = g.useState(!1), [o, s] = g.useState([]), [r, e] = g.useState(!1), { cart: u, products: d } = ct();
   g.useEffect(() => {
     (async () => {
-      const r = u.parts.map((x) => String(x.productId)), l = d.filter((x) => r.includes(String(x.id))) || [], y = u.parts.map((x) => {
+      const c = u.parts.map((x) => String(x.productId)), l = d.filter((x) => c.includes(String(x.id))) || [], y = u.parts.map((x) => {
         const p = l.find((i) => i.id === x.productId);
         return p ? {
           ...p,
@@ -1874,7 +1876,7 @@ const is = (h) => {
           {
             activeProducts: o,
             isCartNotEmpty: _,
-            isOpen: c,
+            isOpen: r,
             close: T
           }
         )
@@ -1883,11 +1885,11 @@ const is = (h) => {
   ] });
 }, Ls = (h) => {
   var x, p;
-  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: c } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), T = St();
+  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: r } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), T = St();
   function I(i, b) {
     T(i, { replace: b });
   }
-  function r(i) {
+  function c(i) {
     i.quantity && f({
       productId: i.id,
       productVariantId: i.activeVariantId,
@@ -1914,7 +1916,7 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: z(k.modal, {
+      className: H(k.modal, {
         [k.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
@@ -1942,7 +1944,7 @@ const is = (h) => {
             o && /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: z(k.clear, {
+                className: H(k.clear, {
                   [k.activeClear]: o
                 }),
                 disabled: !o,
@@ -1955,7 +1957,7 @@ const is = (h) => {
               j,
               {
                 name: "X",
-                onClick: c,
+                onClick: r,
                 hoverable: !0,
                 width: 24,
                 height: 24,
@@ -1990,9 +1992,19 @@ const is = (h) => {
                       }
                     ) }),
                     /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
-                      /* @__PURE__ */ t.jsx("div", { className: k.name, children: at(
-                        ((b = i.variants.find((q) => q.id === i.activeVariantId)) == null ? void 0 : b.name) || i.name
-                      ) }),
+                      /* @__PURE__ */ t.jsx(
+                        "div",
+                        {
+                          className: k.name,
+                          dangerouslySetInnerHTML: {
+                            __html: at(
+                              ((b = i.variants.find(
+                                (q) => q.id === i.activeVariantId
+                              )) == null ? void 0 : b.name) || i.name
+                            )
+                          }
+                        }
+                      ),
                       /* @__PURE__ */ t.jsx("div", { className: k.price, children: Q({
                         amount: i.variants.find(
                           (q) => q.id === i.activeVariantId
@@ -2050,7 +2062,7 @@ const is = (h) => {
                       R,
                       {
                         type: "Secondary",
-                        onClick: () => r(i),
+                        onClick: () => c(i),
                         className: k.productButton,
                         disabled: i.quantity === i.variants.find((q) => q.id === i.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
@@ -2129,11 +2141,11 @@ const is = (h) => {
     )
   ] })
 ] }), qt = ({ signUp: h, close: a }) => {
-  const { token: o } = zt(), s = St(), [c, e] = g.useState("test-email@gmail.com");
+  const { token: o } = Ht(), s = St(), [r, e] = g.useState("test-email@gmail.com");
   g.useEffect(() => {
     o && (async () => {
       if (!o) return;
-      const f = Ft(o);
+      const f = zt(o);
       e(f.email);
     })();
   }, [o]);
@@ -2148,7 +2160,7 @@ const is = (h) => {
       onClick: () => {
         u("/customer-dash"), a == null || a();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
     }
   ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -2179,15 +2191,15 @@ const is = (h) => {
       }
     )
   ] });
-}, zs = ({
+}, Hs = ({
   logo: h,
   setIsOpen: a,
   signUp: o,
   pages: s
 }) => {
-  const { setIsOpen: c } = rt(), e = () => {
-    c(!1), setTimeout(() => {
-      a(!1), c(!0);
+  const { setIsOpen: r } = rt(), e = () => {
+    r(!1), setTimeout(() => {
+      a(!1), r(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
@@ -2233,19 +2245,19 @@ const is = (h) => {
     }
   );
 }, Gn = ({ logo: h, signUp: a, pages: o }) => {
-  const [s, c] = g.useState(!1);
+  const [s, r] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Fs, { setIsOpenModal: c }),
+    /* @__PURE__ */ t.jsx(zs, { setIsOpenModal: r }),
     s && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: () => c(!1),
+        close: () => r(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t.jsx(
-          zs,
+          Hs,
           {
             logo: h,
-            setIsOpen: c,
+            setIsOpen: r,
             signUp: a,
             pages: o
           }
@@ -2253,7 +2265,7 @@ const is = (h) => {
       }
     )
   ] });
-}, Fs = (h) => {
+}, zs = (h) => {
   const { setIsOpenModal: a } = h;
   return /* @__PURE__ */ t.jsx(
     R,
@@ -2268,8 +2280,8 @@ const is = (h) => {
       children: /* @__PURE__ */ t.jsx(j, { name: "List" })
     }
   );
-}, Hs = "_share_onabp_1", Vs = "_modal_onabp_8", Ys = "_header_onabp_20", Gs = "_title_onabp_46", Ws = "_copyWrapper_onabp_53", Xs = "_copyText_onabp_62", Qs = "_copyTextMobile_onabp_75", Js = "_copyTextMiniMobile_onabp_94", nt = {
-  share: Hs,
+}, Fs = "_share_onabp_1", Vs = "_modal_onabp_8", Ys = "_header_onabp_20", Gs = "_title_onabp_46", Ws = "_copyWrapper_onabp_53", Xs = "_copyText_onabp_62", Qs = "_copyTextMobile_onabp_75", Js = "_copyTextMiniMobile_onabp_94", nt = {
+  share: Fs,
   modal: Vs,
   header: Ys,
   title: Gs,
@@ -2287,8 +2299,8 @@ const is = (h) => {
       R,
       {
         className: nt.share,
-        onClick: (c) => {
-          c.stopPropagation(), s();
+        onClick: (r) => {
+          r.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
@@ -2304,7 +2316,7 @@ const is = (h) => {
     a && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: h }) })
   ] });
 }, Ks = ({ title: h = "Copy Product Link" }) => {
-  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = Ct(), { setIsOpen: c } = rt(), e = window.location.href;
+  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = Ct(), { setIsOpen: r } = rt(), e = window.location.href;
   function u() {
     navigator.clipboard.writeText(e), s([
       ...o,
@@ -2316,8 +2328,8 @@ const is = (h) => {
     ]);
   }
   function d() {
-    c(!1), setTimeout(() => {
-      a(!1), c(!0);
+    r(!1), setTimeout(() => {
+      a(!1), r(!0);
     }, 300);
   }
   function f(_, T) {
@@ -2408,8 +2420,8 @@ const is = (h) => {
   contentOpen: an,
   contentText: on
 }, Xn = ({ title: h, content: a, defaultOpen: o = !1 }) => {
-  const [s, c] = g.useState(o), [e, u] = g.useState(0), d = g.useRef(null), f = () => {
-    c(!s);
+  const [s, r] = g.useState(o), [e, u] = g.useState(0), d = g.useRef(null), f = () => {
+    r(!s);
   };
   return g.useEffect(() => {
     d.current && u(s ? d.current.scrollHeight : 0);
@@ -2421,11 +2433,11 @@ const is = (h) => {
         onClick: f,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
-          /* @__PURE__ */ t.jsx("div", { className: z(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: H(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: z(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: H(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
       "p",
       {
         id: "md",
@@ -2441,24 +2453,24 @@ const is = (h) => {
   cartDisabled: rn
 }, Qn = (h) => {
   var T, I;
-  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: c = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (T = u == null ? void 0 : u.listings) == null ? void 0 : T.find((r) => r.id === s);
+  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: r = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (T = u == null ? void 0 : u.listings) == null ? void 0 : T.find((c) => c.id === s);
   if (!d)
     return null;
   const f = (I = u == null ? void 0 : u.products) == null ? void 0 : I.find(
-    (r) => r.uniquePath === d.productData.uniquePath
+    (c) => c.uniquePath === d.productData.uniquePath
   );
   if (!f)
     return null;
-  const _ = e.parts.find((r) => r.productId === f.id);
+  const _ = e.parts.find((c) => c.productId === f.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: z(Pt.buttonsBlock, {
-        [Pt.cartDisabled]: !c
+      className: H(Pt.buttonsBlock, {
+        [Pt.cartDisabled]: !r
       }),
-      onClick: (r) => r.stopPropagation(),
+      onClick: (c) => c.stopPropagation(),
       children: [
-        c && /* @__PURE__ */ t.jsx(
+        r && /* @__PURE__ */ t.jsx(
           R,
           {
             type: "Secondary",
@@ -2492,10 +2504,10 @@ const is = (h) => {
   logo: dn,
   info: un
 }, Jn = ({ date: h }) => {
-  const { general: a } = Ht();
+  const { general: a } = Ft();
   if (!a) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function o(s) {
-    const c = new Date(s), e = {
+    const r = new Date(s), e = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2503,7 +2515,7 @@ const is = (h) => {
       minute: "2-digit",
       hour12: !1
     };
-    return c.toLocaleDateString("en-US", e);
+    return r.toLocaleDateString("en-US", e);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: It.wrapper, children: [
     /* @__PURE__ */ t.jsx("div", { className: It.logo, children: a.info.logo ? /* @__PURE__ */ t.jsx(
@@ -2537,19 +2549,19 @@ const is = (h) => {
   productOptions: yn,
   loading: jn
 }, Kn = (h) => {
-  var r;
-  const { pageContext: a } = bt(), o = (r = a == null ? void 0 : a.listings) == null ? void 0 : r.find((l) => l.id === h.productId), [s, c] = g.useState(!0), [e, u] = g.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [f, _] = g.useState(
+  var c;
+  const { pageContext: a } = bt(), o = (c = a == null ? void 0 : a.listings) == null ? void 0 : c.find((l) => l.id === h.productId), [s, r] = g.useState(!0), [e, u] = g.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [f, _] = g.useState(
     "ONE_TIME"
   ), { addProducts: T } = ct(), { setIsOpen: I } = rt();
   return g.useEffect(() => {
     (async () => {
-      c(!0);
+      r(!0);
       const y = await Vt(
         encodeURIComponent(
           `/product/${o.productData.uniquePath}`
         )
       );
-      T(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), c(!1);
+      T(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), r(!1);
     })();
   }, []), g.useEffect(() => {
     I(!0);
@@ -2583,9 +2595,9 @@ const is = (h) => {
     }
   ) });
 }, bn = (h) => {
-  const { variants: a, activeChargeType: o, productId: s, setIsOpen: c } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: T } = Ct(), { pageContext: I } = bt(), { setIsOpen: r } = rt(), l = () => {
-    r(!1), setTimeout(() => {
-      c(!1);
+  const { variants: a, activeChargeType: o, productId: s, setIsOpen: r } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: T } = Ct(), { pageContext: I } = bt(), { setIsOpen: c } = rt(), l = () => {
+    c(!1), setTimeout(() => {
+      r(!1);
     }, 300);
   };
   async function y(x) {
@@ -2657,9 +2669,9 @@ const is = (h) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: z(Z.variant),
+          className: H(Z.variant),
           onClick: () => {
-            y(x.id), c(!1);
+            y(x.id), r(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: Z.variantInfo, children: [
@@ -2695,22 +2707,21 @@ const is = (h) => {
     }) })
   ] });
 }, vn = (h) => {
-  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: c } = rt(), e = () => {
-    c(!1), setTimeout(() => {
+  const { product: a, setIsOpen: o, isCartEnabled: s } = h, { setIsOpen: r } = rt(), e = () => {
+    r(!1), setTimeout(() => {
       o(!1);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: Z.header, children: [
-      /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ t.jsx(
         "div",
         {
           id: "h3",
           className: Z.title,
-          children: [
-            "Buy ",
-            at(a.name)
-          ]
+          dangerouslySetInnerHTML: {
+            __html: `Buy ${at(a.name)}`
+          }
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -2758,7 +2769,7 @@ const is = (h) => {
     setIsOpen: a,
     pageContext: o,
     groupData: s,
-    setProductId: c,
+    setProductId: r,
     setIsProductModalOpen: e,
     setShowDropdown: u
   } = h, [d, f] = g.useState(null), [_, T] = g.useState(!0), { setIsOpen: I } = rt();
@@ -2772,7 +2783,7 @@ const is = (h) => {
   }, [o]), g.useEffect(() => {
     I(!0);
   }, []);
-  const r = () => {
+  const c = () => {
     I(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -2789,7 +2800,9 @@ const is = (h) => {
             {
               className: U.title,
               id: "h4",
-              children: at(s.name)
+              dangerouslySetInnerHTML: {
+                __html: at(s.name)
+              }
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -2797,7 +2810,7 @@ const is = (h) => {
             {
               name: "X",
               hoverable: !0,
-              onClick: r,
+              onClick: c,
               fill: "var(--text-primary)"
             }
           )
@@ -2816,7 +2829,7 @@ const is = (h) => {
                   height: 64,
                   className: U.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: z(U.blockImage, U.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
+              ) : /* @__PURE__ */ t.jsx("div", { className: H(U.blockImage, U.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
               /* @__PURE__ */ t.jsxs("div", { className: U.cardInfo, children: [
                 /* @__PURE__ */ t.jsx(
                   "div",
@@ -2824,7 +2837,7 @@ const is = (h) => {
                     className: U.name,
                     id: "h5",
                     children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                      at(l.productData.name),
+                      at(l.productData.name, !1),
                       /* @__PURE__ */ t.jsxs(
                         "span",
                         {
@@ -2857,7 +2870,7 @@ const is = (h) => {
                         }
                       )
                     ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                      at(l.productData.name),
+                      at(l.productData.name, !1),
                       /* @__PURE__ */ t.jsx(
                         "span",
                         {
@@ -2877,7 +2890,9 @@ const is = (h) => {
                   {
                     className: U.short,
                     id: "md",
-                    children: at(l.productData.shortDescription)
+                    dangerouslySetInnerHTML: {
+                      __html: at(l.productData.shortDescription)
+                    }
                   }
                 )
               ] }),
@@ -2887,7 +2902,7 @@ const is = (h) => {
                   {
                     type: "Secondary",
                     onClick: () => {
-                      c(l.id), a(!1), e(!0);
+                      r(l.id), a(!1), e(!0);
                     },
                     children: "Buy"
                   }
@@ -2898,7 +2913,7 @@ const is = (h) => {
                     type: "Primary",
                     style: { whiteSpace: "nowrap" },
                     onClick: () => {
-                      u(!1), r();
+                      u(!1), c();
                     },
                     children: "View Details"
                   }
@@ -2916,16 +2931,16 @@ const is = (h) => {
 export {
   Xn as Accordion,
   si as AlignText,
-  Fs as BurgerMenuButton,
+  zs as BurgerMenuButton,
   R as Button,
   Ae as ButtonTypeSettings,
-  Hn as ButtonsSettings,
+  Fn as ButtonsSettings,
   Un as CategorySettings,
   Ot as ChargeTypes,
   Dt as ChooseImage,
   ni as ChooseImageModal,
   Us as EmptyCart,
-  Fn as FormSettings,
+  zn as FormSettings,
   Zn as GroupCardModal,
   Yn as HeaderButtons,
   j as Icon,
@@ -2939,8 +2954,8 @@ export {
   Jn as MetaInfoPost,
   ut as Modal,
   Gn as PagesMobileMenu,
-  zs as PagesMobileModal,
-  zn as PagesSettings,
+  Hs as PagesMobileModal,
+  Hn as PagesSettings,
   Qn as ProductCardButtons,
   Kn as ProductCardModal,
   is as ProductOptions,