@billgangcom/theme-lib 1.44.4 → 1.45.0

package/dist/ui.es.js

@@ -1,6 +1,6 @@
-import { j as t, I as b, c as Y, a as tt, S as st, T as Et, b as et, C as bt, u as yt, d as kt, D as $t, e as It, v as Nt, B as ot, f as mt, P as wt, g as Ct, h as St, i as Vt, s as Yt, k as Ut, l as Bt, m as Ot, M as Mt, n as Dt, o as Lt, p as Gt } from "./index-_swnDkZg.js";
-import { q as uc, L as _c } from "./index-_swnDkZg.js";
-import f from "react";
+import { j as t, I as b, c as Y, a as tt, S as st, T as Et, b as et, C as bt, u as yt, d as kt, D as $t, e as It, v as wt, B as ot, f as _t, P as Nt, g as Ct, h as St, i as Vt, s as Yt, k as Ut, l as Bt, m as Ot, M as Mt, n as Dt, o as Lt, p as Gt } from "./index-COq92Nlh.js";
+import { q as uc, L as mc } from "./index-COq92Nlh.js";
+import g from "react";
 import "@phosphor-icons/react";
 const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1ibay_15", Qt = "_subtitle_1ibay_22", Kt = "_alignmentContent_1ibay_29", Zt = "_alignments_1ibay_37", te = "_alignment_1ibay_8", ee = "_circle_1ibay_60", se = "_paddings_1ibay_67", ne = "_padding_1ibay_67", ie = "_active_1ibay_91", oe = "_input_1ibay_98", K = {
   wrapper: Xt,
@@ -27,8 +27,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   "bottomRight"
 ], ce = ["left", "top", "right", "bottom"], Wa = (d) => {
   const { alignment: a, padding: e, setPadding: s, setAlignment: i } = d;
-  function c(g) {
-    switch (g) {
+  function c(f) {
+    switch (f) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
         return "TextAlignCenter";
     }
   }
-  function l(g) {
-    switch (g) {
+  function l(f) {
+    switch (f) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,28 +57,28 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
         return "AlignBottom";
     }
   }
-  const [o, n] = f.useState(null), [_, v] = f.useState(null);
+  const [o, n] = g.useState(null), [m, v] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: K.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: K.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: K.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: K.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: K.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: K.alignments, children: ae.map((g) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: K.alignments, children: ae.map((f) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(g);
+              i(f);
             },
             className: K.alignment,
             onMouseEnter: () => {
-              n(g);
+              n(f);
             },
             onMouseLeave: () => {
               n(null);
             },
             children: [
-              g !== a && o !== g && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
-              g !== a && o === g && /* @__PURE__ */ t.jsx(
+              f !== a && o !== f && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
+              f !== a && o === f && /* @__PURE__ */ t.jsx(
                 b,
                 {
                   name: c(o),
@@ -87,7 +87,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                   height: 22
                 }
               ),
-              g === a && /* @__PURE__ */ t.jsx(
+              f === a && /* @__PURE__ */ t.jsx(
                 b,
                 {
                   name: c(a),
@@ -98,16 +98,16 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               )
             ]
           },
-          g
+          f
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ce.map((g) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ce.map((f) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: Y(K.padding, {
-              [K.active]: _ === g
+              [K.active]: m === f
             }),
             onFocus: () => {
-              v(g);
+              v(f);
             },
             onBlur: () => {
               v(null);
@@ -116,7 +116,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: l(g),
+                  name: l(f),
                   width: 20,
                   height: 20
                 }
@@ -125,10 +125,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 tt,
                 {
                   type: "number",
-                  value: String(e[g]),
+                  value: String(e[f]),
                   onChange: (r) => s({
                     ...e,
-                    [g]: Number(r)
+                    [f]: Number(r)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,23 +136,23 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               )
             ]
           },
-          g
+          f
         )) })
       ] })
     ] })
   ] });
-}, le = "_title_1jkiw_1", re = "_subtitle_1jkiw_5", de = "_header_1jkiw_12", ue = "_text_1jkiw_13", _e = "_top_1jkiw_20", me = "_itemsBlock_1jkiw_29", ht = {
+}, le = "_title_1jkiw_1", re = "_subtitle_1jkiw_5", de = "_header_1jkiw_12", ue = "_text_1jkiw_13", me = "_top_1jkiw_20", _e = "_itemsBlock_1jkiw_29", pt = {
   title: le,
   subtitle: re,
   header: de,
   text: ue,
-  top: _e,
-  itemsBlock: me
-}, pe = "_typeTexts_167ez_1", he = "_block_167ez_8", fe = "_active_167ez_25", Pt = {
-  typeTexts: pe,
-  block: he,
-  active: fe
-}, ge = ["bold", "italic", "underline", "strike-through", "code"], Ht = (d) => {
+  top: me,
+  itemsBlock: _e
+}, he = "_typeTexts_167ez_1", pe = "_block_167ez_8", ge = "_active_167ez_25", Pt = {
+  typeTexts: he,
+  block: pe,
+  active: ge
+}, fe = ["bold", "italic", "underline", "strike-through", "code"], Ht = (d) => {
   const { typesText: a, setTypesText: e } = d;
   function s(i) {
     switch (i) {
@@ -168,7 +168,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: Pt.typeTexts, children: ge.map((i) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: Pt.typeTexts, children: fe.map((i) => /* @__PURE__ */ t.jsx(
     "div",
     {
       className: Y(Pt.block, {
@@ -194,7 +194,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
     },
     String(i)
   )) });
-}, ft = {
+}, gt = {
   h1: "Heading 1",
   h2: "Heading 2",
   h3: "Heading 3",
@@ -212,26 +212,26 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
     setTypesText: l,
     title: o,
     subtitle: n = "Items",
-    typeFont: _,
+    typeFont: m,
     setTypeFont: v
   } = d;
-  return /* @__PURE__ */ t.jsxs("div", { className: ht.text, children: [
-    (o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
-      o && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: o }),
+  return /* @__PURE__ */ t.jsxs("div", { className: pt.text, children: [
+    (o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: pt.top, children: [
+      o && /* @__PURE__ */ t.jsx("h3", { className: pt.title, children: o }),
       e !== void 0 && s && /* @__PURE__ */ t.jsx(
         st,
         {
           current: e,
-          onChange: (g) => s(g)
+          onChange: (f) => s(f)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: ht.itemsBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: ht.subtitle, children: n }),
+    /* @__PURE__ */ t.jsxs("div", { className: pt.itemsBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: pt.subtitle, children: n }),
       /* @__PURE__ */ t.jsx(
         Et,
         {
-          onChange: (g) => c(g),
+          onChange: (f) => c(f),
           value: i,
           maxLength: 150
         }
@@ -247,20 +247,20 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
         et,
         {
           label: "Type Text",
-          options: Object.values(ft).filter(
-            (g) => g !== ft[_]
+          options: Object.values(gt).filter(
+            (f) => f !== gt[m]
           ),
-          onChange: (g) => v(
-            Object.keys(ft).find(
-              (r) => ft[r] === g
+          onChange: (f) => v(
+            Object.keys(gt).find(
+              (r) => gt[r] === f
             )
           ),
-          value: ft[_]
+          value: gt[m]
         }
       )
     ] })
   ] });
-}, xe = "_title_pef24_1", be = "_subtitle_pef24_5", ve = "_header_pef24_12", je = "_text_pef24_13", ye = "_productsBlock_pef24_14", ke = "_top_pef24_26", $e = "_itemsBlock_pef24_35", Ie = "_typeTexts_pef24_41", Ne = "_block_pef24_48", we = "_active_pef24_61", Ce = "_products_pef24_14", Se = "_product_pef24_14", Be = "_button_pef24_80", Te = "_disabled_pef24_91", Pe = "_image_pef24_95", Ae = "_info_pef24_102", Oe = "_name_pef24_114", Me = "_buttons_pef24_118", qe = "_modal_pef24_125", Ee = "_link_pef24_145", Ue = "_modalOptions_pef24_151", De = "_addButton_pef24_164", Le = "_deleteButton_pef24_179", He = "_closeIcon_pef24_191", z = {
+}, xe = "_title_120bw_1", be = "_subtitle_120bw_5", ve = "_header_120bw_12", je = "_text_120bw_13", ye = "_productsBlock_120bw_14", ke = "_top_120bw_26", $e = "_itemsBlock_120bw_35", Ie = "_typeTexts_120bw_41", we = "_block_120bw_48", Ne = "_active_120bw_61", Ce = "_products_120bw_14", Se = "_product_120bw_14", Be = "_button_120bw_80", Te = "_disabled_120bw_91", Pe = "_image_120bw_95", Ae = "_info_120bw_102", Oe = "_name_120bw_114", Me = "_buttons_120bw_118", qe = "_modal_120bw_125", Ee = "_link_120bw_146", Ue = "_modalOptions_120bw_152", De = "_addButton_120bw_165", Le = "_deleteButton_120bw_180", He = "_closeIcon_120bw_192", z = {
   title: xe,
   subtitle: be,
   header: ve,
@@ -269,8 +269,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   top: ke,
   itemsBlock: $e,
   typeTexts: Ie,
-  block: Ne,
-  active: we,
+  block: we,
+  active: Ne,
   products: Ce,
   product: Se,
   button: Be,
@@ -285,11 +285,11 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   addButton: De,
   deleteButton: Le,
   closeIcon: He
-}, Re = f.forwardRef(
+}, Re = g.forwardRef(
   (d, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = d;
-    function o(n, _) {
-      return n.length > _ ? `${n.slice(0, _)}...` : n;
+    function o(n, m) {
+      return n.length > m ? `${n.slice(0, m)}...` : n;
     }
     return /* @__PURE__ */ t.jsxs(
       "div",
@@ -325,10 +325,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 {
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
-                  onChange: (_) => {
+                  onChange: (m) => {
                     const v = {
                       ...e,
-                      [n.field]: _
+                      [n.field]: m
                     };
                     s(v);
                   }
@@ -340,28 +340,28 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 Rt,
                 {
                   typesText: e[n.field.type],
-                  setTypesText: (_) => {
+                  setTypesText: (m) => {
                     const v = {
                       ...e,
-                      [n.field.type]: _
+                      [n.field.type]: m
                     };
                     s(v);
                   },
                   text: e[n.field.text]["en-US"] || "",
-                  setText: (_) => {
+                  setText: (m) => {
                     const v = {
                       ...e,
                       [n.field.text]: {
-                        "en-US": _
+                        "en-US": m
                       }
                     };
                     s(v);
                   },
                   typeFont: e[n.field.typeFont],
-                  setTypeFont: (_) => {
+                  setTypeFont: (m) => {
                     const v = {
                       ...e,
-                      [n.field.typeFont]: _
+                      [n.field.typeFont]: m
                     };
                     s(v);
                   },
@@ -372,10 +372,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               return /* @__PURE__ */ t.jsx(
                 tt,
                 {
-                  onChange: (_) => {
+                  onChange: (m) => {
                     const v = {
                       ...e,
-                      [n.field]: _
+                      [n.field]: m
                     };
                     s(v);
                   },
@@ -389,10 +389,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 /* @__PURE__ */ t.jsx(
                   tt,
                   {
-                    onChange: (_) => {
+                    onChange: (m) => {
                       const v = {
                         ...e,
-                        [n.field.text]: _
+                        [n.field.text]: m
                       };
                       s(v);
                     },
@@ -406,10 +406,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                   {
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
-                    onChange: (_) => {
+                    onChange: (m) => {
                       const v = {
                         ...e,
-                        [n.field.switch]: _
+                        [n.field.switch]: m
                       };
                       s(v);
                     }
@@ -421,10 +421,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 Ge,
                 {
                   items: e[n.field] || [],
-                  setItems: (_) => {
+                  setItems: (m) => {
                     const v = {
                       ...e,
-                      [n.field]: _
+                      [n.field]: m
                     };
                     s(v);
                   },
@@ -443,10 +443,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 et,
                 {
                   options: n.itemsOptions,
-                  onChange: (_) => {
+                  onChange: (m) => {
                     const v = {
                       ...e,
-                      [n.field]: _
+                      [n.field]: m
                     };
                     s(v);
                   },
@@ -455,11 +455,11 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                   leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] }),
                   switcher: n.switcher ? {
                     value: !!e[n.switcher],
-                    onChange: (_) => {
+                    onChange: (m) => {
                       if (n.switcher === "isActive") {
                         const v = {
                           ...e,
-                          [n.switcher]: _
+                          [n.switcher]: m
                         };
                         s(v);
                       }
@@ -529,65 +529,65 @@ const Ge = (d) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: _ = !1,
+    draggable: m = !1,
     withImage: v = !1,
-    deletable: g = !0,
+    deletable: f = !0,
     addable: r = !0,
     itemsType: k,
-    itemsPlaceholder: p = "",
-    itemsOptions: m,
+    itemsPlaceholder: h = "",
+    itemsOptions: _,
     hasRangeSelector: $ = !1,
     rangeSelectorOptions: H,
-    modalOptions: q,
+    modalOptions: M,
     addableOptions: u = {},
     limit: S,
-    autoInterval: E
-  } = d, [F, B] = f.useState(null), [j, P] = f.useState({
+    autoInterval: q
+  } = d, [F, B] = g.useState(null), [j, P] = g.useState({
     top: 0,
     left: 0
-  }), [x, I] = f.useState(null), w = f.useRef(null), [L, A] = f.useState(!1), D = yt(
-    kt(wt, {
+  }), [x, I] = g.useState(null), N = g.useRef(null), [L, A] = g.useState(!1), D = yt(
+    kt(Nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const h = () => {
+  g.useEffect(() => {
+    const p = () => {
       B(null), A(!1);
     };
-    return document.body.addEventListener("click", h), B(null), A(!1), () => {
-      B(null), A(!1), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", p), B(null), A(!1), () => {
+      B(null), A(!1), document.body.removeEventListener("click", p);
     };
-  }, []), f.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (F) {
-      const h = [...s].map((N) => N.id === F.id ? F : N);
-      i(h);
+      const p = [...s].map((w) => w.id === F.id ? F : w);
+      i(p);
     }
-  }, [F]), f.useEffect(() => {
-    if (w.current && x) {
-      const h = w.current.getBoundingClientRect().height, N = window.innerHeight;
+  }, [F]), g.useEffect(() => {
+    if (N.current && x) {
+      const p = N.current.getBoundingClientRect().height, w = window.innerHeight;
       let O = x.top;
-      O + h > N + window.scrollY - 200 && (O = N + window.scrollY - h - 200), O < 0 && (O = 10), P({
+      O + p > w + window.scrollY - 200 && (O = w + window.scrollY - p - 200), O < 0 && (O = 10), P({
         top: O,
         left: x.left
       });
     }
-  }, [w.current, x]);
-  const nt = (h, N) => {
-    h.stopPropagation();
-    const O = h.target.getBoundingClientRect();
+  }, [N.current, x]);
+  const nt = (p, w) => {
+    p.stopPropagation();
+    const O = p.target.getBoundingClientRect();
     I({
       top: O.top + window.scrollY - 70,
       left: O.left - (r ? 30 : 65)
-    }), B(N), A(!0);
+    }), B(w), A(!0);
   };
-  function dt(h) {
+  function dt(p) {
     if (v)
-      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
@@ -602,19 +602,19 @@ const Ge = (d) => {
         }
       );
   }
-  const y = (h) => {
-    const { active: N, over: O } = h;
-    if (O && N.id !== O.id) {
-      const R = s.findIndex((M) => M.id === N.id), X = s.findIndex((M) => M.id === O.id);
+  const y = (p) => {
+    const { active: w, over: O } = p;
+    if (O && w.id !== O.id) {
+      const R = s.findIndex((E) => E.id === w.id), X = s.findIndex((E) => E.id === O.id);
       if (R !== -1 && X !== -1) {
-        const M = [...s], [ut] = M.splice(R, 1);
-        M.splice(X, 0, ut), i(M);
+        const E = [...s], [ut] = E.splice(R, 1);
+        E.splice(X, 0, ut), i(E);
       }
     }
-  }, U = (h, N) => {
+  }, U = (p, w) => {
     var R, X;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -623,57 +623,57 @@ const Ge = (d) => {
           height: 20
         }
       ) }),
-      k === "select" && m && /* @__PURE__ */ t.jsx(
+      k === "select" && _ && /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (M) => {
-            const ut = [...s], pt = m.find((vt) => vt.name["en-US"] === M);
-            if (!pt) return;
-            const _t = ut.map((vt) => vt.id === h.id ? {
-              ...pt,
+          onChange: (E) => {
+            const ut = [...s], ht = _.find((vt) => vt.name["en-US"] === E);
+            if (!ht) return;
+            const mt = ut.map((vt) => vt.id === p.id ? {
+              ...ht,
               name: {
-                "en-US": M
+                "en-US": E
               }
             } : vt);
             B({
-              ...h,
+              ...p,
               name: {
-                "en-US": M
+                "en-US": E
               }
-            }), i([..._t]);
+            }), i([...mt]);
           },
-          value: h.name["en-US"],
-          options: m.filter((M) => !s.find((ut) => ut.name["en-US"] === M.name["en-US"])).map((M) => M.name["en-US"]),
-          leftAddon: dt(h.images)
+          value: p.name["en-US"],
+          options: _.filter((E) => !s.find((ut) => ut.name["en-US"] === E.name["en-US"])).map((E) => E.name["en-US"]),
+          leftAddon: dt(p.images)
         }
       ),
       k === "input" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: (M) => {
-            const pt = [...s].map((_t) => _t.id === h.id ? {
-              ...h,
+          onChange: (E) => {
+            const ht = [...s].map((mt) => mt.id === p.id ? {
+              ...p,
               name: {
-                "en-US": M
+                "en-US": E
               }
-            } : _t);
-            i([...pt]);
+            } : mt);
+            i([...ht]);
           },
-          value: h.name["en-US"],
-          placeholder: p
+          value: p.name["en-US"],
+          placeholder: h
         }
       ),
       k === "image" && /* @__PURE__ */ t.jsx(
         bt,
         {
-          onChange: (M) => {
-            const pt = [...s].map((_t) => _t.id === h.id ? {
-              ...h,
-              images: M
-            } : _t);
-            i([...pt]);
+          onChange: (E) => {
+            const ht = [...s].map((mt) => mt.id === p.id ? {
+              ...p,
+              images: E
+            } : mt);
+            i([...ht]);
           },
-          activeImage: (R = s.find((M) => M.id === h.id)) != null && R.images ? (X = s.find((M) => M.id === h.id)) == null ? void 0 : X.images[0] : void 0
+          activeImage: (R = s.find((E) => E.id === p.id)) != null && R.images ? (X = s.find((E) => E.id === p.id)) == null ? void 0 : X.images[0] : void 0
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
@@ -684,12 +684,12 @@ const Ge = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (M) => {
-              console.log(M, h), nt(M, h);
+            onClick: (E) => {
+              nt(E, p);
             }
           }
         ) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -697,26 +697,26 @@ const Ge = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((M) => M.id !== h.id))
+            onClick: () => i(s.filter((E) => E.id !== p.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return m ? /* @__PURE__ */ t.jsx(
       Ye,
       {
-        product: h,
-        index: N,
+        product: p,
+        index: w,
         children: O
       },
-      h.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: z.product,
         children: O
       },
-      h.id
+      p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
@@ -726,25 +726,25 @@ const Ge = (d) => {
         st,
         {
           current: a,
-          onChange: (h) => e == null ? void 0 : e(h)
+          onChange: (p) => e == null ? void 0 : e(p)
         }
       )
     ] }),
-    F && n && q && L && /* @__PURE__ */ t.jsx(
+    F && n && M && L && /* @__PURE__ */ t.jsx(
       Re,
       {
-        ref: w,
+        ref: N,
         activeItem: F,
         setActiveItem: B,
         popupPosition: j,
-        modalOptions: q,
+        modalOptions: M,
         setIsOpenModal: A
       }
     ),
     $ && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
     /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: o }),
-      _ ? /* @__PURE__ */ t.jsx(
+      m ? /* @__PURE__ */ t.jsx(
         $t,
         {
           sensors: D,
@@ -752,13 +752,13 @@ const Ge = (d) => {
           children: /* @__PURE__ */ t.jsx(
             It,
             {
-              items: s.map((h) => h.id),
-              strategy: Nt,
-              children: s.map((h, N) => U(h, N))
+              items: s.map((p) => p.id),
+              strategy: wt,
+              children: s.map((p, w) => U(p, w))
             }
           )
         }
-      ) : s.map((h, N) => U(h, N)),
+      ) : s.map((p, w) => U(p, w)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -772,37 +772,37 @@ const Ge = (d) => {
             {
               withoutHover: !0,
               className: Y(z.button, {
-                [z.disabled]: !!(S && S <= s.length || s.length === (m == null ? void 0 : m.length))
+                [z.disabled]: !!(S && S <= s.length || s.length === (_ == null ? void 0 : _.length))
               }),
               size: "s",
-              disabled: !!(S && S <= s.length || s.length === (m == null ? void 0 : m.length)),
+              disabled: !!(S && S <= s.length || s.length === (_ == null ? void 0 : _.length)),
               onClick: () => {
-                const h = [...s];
-                let N = null;
-                if (m) {
-                  for (let O = 0; O < m.length; O++)
-                    if (!s.find((R) => R.id === m[O].id)) {
-                      N = m[O];
+                const p = [...s];
+                let w = null;
+                if (_) {
+                  for (let O = 0; O < _.length; O++)
+                    if (!s.find((R) => R.id === _[O].id)) {
+                      w = _[O];
                       break;
                     }
                 }
-                k === "select" && m ? h.push({
-                  name: N ? N.name : m[0].name,
-                  id: (N == null ? void 0 : N.id) || m[0].id,
+                k === "select" && _ ? p.push({
+                  name: w ? w.name : _[0].name,
+                  id: (w == null ? void 0 : w.id) || _[0].id,
                   ...u
-                }) : k === "input" ? h.push({
+                }) : k === "input" ? p.push({
                   name: {
                     "en-US": ""
                   },
-                  id: mt(),
+                  id: _t(),
                   ...u
-                }) : h.push({
+                }) : p.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: mt(),
+                  id: _t(),
                   ...u
-                }), i(h);
+                }), i(p);
               },
               style: {
                 width: "fit-content"
@@ -824,13 +824,13 @@ const Ge = (d) => {
       )
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c }),
-    E !== void 0 && /* @__PURE__ */ t.jsx(
+    q !== void 0 && /* @__PURE__ */ t.jsx(
       tt,
       {
-        label: E.title || "Auto scroll interval",
+        label: q.title || "Auto scroll interval",
         type: "number",
-        value: String(E.autoInterval),
-        onChange: (h) => E.setAutoInterval(Number(h)),
+        value: String(q.autoInterval),
+        onChange: (p) => q.setAutoInterval(Number(p)),
         min: 0.1,
         max: 100,
         style: {
@@ -840,7 +840,7 @@ const Ge = (d) => {
       }
     )
   ] });
-}, Xe = "_title_82zux_1", We = "_subtitle_82zux_5", Je = "_header_82zux_12", Qe = "_text_82zux_13", Ke = "_productsBlock_82zux_14", Ze = "_top_82zux_26", ts = "_itemsBlock_82zux_35", es = "_typeTexts_82zux_41", ss = "_block_82zux_48", ns = "_active_82zux_61", is = "_products_82zux_14", os = "_product_82zux_14", as = "_button_82zux_80", cs = "_disabled_82zux_91", ls = "_image_82zux_95", rs = "_info_82zux_102", ds = "_name_82zux_114", us = "_buttons_82zux_118", _s = "_modal_82zux_125", ms = "_link_82zux_145", ps = "_modalOptions_82zux_151", hs = "_addButton_82zux_157", fs = "_deleteButton_82zux_179", Z = {
+}, Xe = "_title_82zux_1", We = "_subtitle_82zux_5", Je = "_header_82zux_12", Qe = "_text_82zux_13", Ke = "_productsBlock_82zux_14", Ze = "_top_82zux_26", ts = "_itemsBlock_82zux_35", es = "_typeTexts_82zux_41", ss = "_block_82zux_48", ns = "_active_82zux_61", is = "_products_82zux_14", os = "_product_82zux_14", as = "_button_82zux_80", cs = "_disabled_82zux_91", ls = "_image_82zux_95", rs = "_info_82zux_102", ds = "_name_82zux_114", us = "_buttons_82zux_118", ms = "_modal_82zux_125", _s = "_link_82zux_145", hs = "_modalOptions_82zux_151", ps = "_addButton_82zux_157", gs = "_deleteButton_82zux_179", Z = {
   title: Xe,
   subtitle: We,
   header: Je,
@@ -859,11 +859,11 @@ const Ge = (d) => {
   info: rs,
   name: ds,
   buttons: us,
-  modal: _s,
-  link: ms,
-  modalOptions: ps,
-  addButton: hs,
-  deleteButton: fs
+  modal: ms,
+  link: _s,
+  modalOptions: hs,
+  addButton: ps,
+  deleteButton: gs
 }, Ja = (d) => {
   const {
     isActiveItems: a,
@@ -874,17 +874,17 @@ const Ge = (d) => {
     title: l,
     subtitle: o,
     draggable: n = !1,
-    withImage: _ = !1,
+    withImage: m = !1,
     addable: v = !0,
-    itemsOptions: g,
+    itemsOptions: f,
     hasRangeSelector: r = !1,
     rangeSelectorOptions: k,
-    limit: p,
-    autoScrollInterval: m,
+    limit: h,
+    autoScrollInterval: _,
     deletable: $
   } = d;
   function H(u) {
-    if (_)
+    if (m)
       return u ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -903,9 +903,9 @@ const Ge = (d) => {
         }
       );
   }
-  const q = (u, S = !1) => {
-    const E = g.find((B) => B.id === u);
-    if (!E) return;
+  const M = (u, S = !1) => {
+    const q = f.find((B) => B.id === u);
+    if (!q) return;
     const F = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
@@ -920,14 +920,14 @@ const Ge = (d) => {
         et,
         {
           onChange: (B) => {
-            const j = [...s], P = g.find((w) => w.name === B);
+            const j = [...s], P = f.find((N) => N.name === B);
             if (!P) return;
-            const x = P.id, I = j.map((w) => w === u ? x : w);
+            const x = P.id, I = j.map((N) => N === u ? x : N);
             i([...I]);
           },
-          value: E.name,
-          options: g.filter((B) => !s.find((j) => j === B.id)).map((B) => B.name),
-          leftAddon: H(E.images)
+          value: q.name,
+          options: f.filter((B) => !s.find((j) => j === B.id)).map((B) => B.name),
+          leftAddon: H(q.images)
         }
       ),
       S && /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -965,7 +965,7 @@ const Ge = (d) => {
     r && k && /* @__PURE__ */ t.jsx(qt, { ...k }),
     /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: o }),
-      s.map((u) => q(u, $)),
+      s.map((u) => M(u, $)),
       v && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -980,21 +980,21 @@ const Ge = (d) => {
             {
               withoutHover: !0,
               className: Y(Z.button, {
-                [Z.disabled]: !!(p && p <= s.length || s.length === g.length)
+                [Z.disabled]: !!(h && h <= s.length || s.length === f.length)
               }),
               size: "s",
-              disabled: !!(p && p <= s.length || s.length === g.length),
+              disabled: !!(h && h <= s.length || s.length === f.length),
               onClick: () => {
                 const u = [...s];
                 let S = null;
-                if (g) {
-                  for (let E = 0; E < g.length; E++)
-                    if (!s.find((F) => F === g[E].id)) {
-                      S = g[E];
+                if (f) {
+                  for (let q = 0; q < f.length; q++)
+                    if (!s.find((F) => F === f[q].id)) {
+                      S = f[q];
                       break;
                     }
                 }
-                u.push((S == null ? void 0 : S.id) || g[0].id), i(u);
+                u.push((S == null ? void 0 : S.id) || f[0].id), i(u);
               },
               style: {
                 width: "fit-content"
@@ -1016,13 +1016,13 @@ const Ge = (d) => {
       )
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c }),
-    m !== void 0 && /* @__PURE__ */ t.jsx(
+    _ !== void 0 && /* @__PURE__ */ t.jsx(
       tt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(m.scrollInterval),
-        onChange: (u) => m.setScrollInterval(Number(u)),
+        value: String(_.scrollInterval),
+        onChange: (u) => _.setScrollInterval(Number(u)),
         min: 0.1,
         max: 100,
         style: {
@@ -1032,8 +1032,8 @@ const Ge = (d) => {
       }
     )
   ] });
-}, gs = "_title_roi3a_1", xs = "_subtitle_roi3a_5", bs = "_header_roi3a_12", vs = "_text_roi3a_13", js = "_productsBlock_roi3a_14", ys = "_top_roi3a_26", ks = "_itemsBlock_roi3a_35", $s = "_typeTexts_roi3a_41", Is = "_block_roi3a_48", Ns = "_active_roi3a_61", ws = "_products_roi3a_14", Cs = "_product_roi3a_14", Ss = "_button_roi3a_80", Bs = "_disabled_roi3a_91", Ts = "_image_roi3a_95", Ps = "_info_roi3a_102", As = "_name_roi3a_114", Os = "_buttons_roi3a_118", Ms = "_modal_roi3a_125", qs = "_link_roi3a_145", Es = "_modalOptions_roi3a_151", Us = "_addButton_roi3a_164", Ds = "_deleteButton_roi3a_179", Ls = "_closeIcon_roi3a_191", J = {
-  title: gs,
+}, fs = "_title_roi3a_1", xs = "_subtitle_roi3a_5", bs = "_header_roi3a_12", vs = "_text_roi3a_13", js = "_productsBlock_roi3a_14", ys = "_top_roi3a_26", ks = "_itemsBlock_roi3a_35", $s = "_typeTexts_roi3a_41", Is = "_block_roi3a_48", ws = "_active_roi3a_61", Ns = "_products_roi3a_14", Cs = "_product_roi3a_14", Ss = "_button_roi3a_80", Bs = "_disabled_roi3a_91", Ts = "_image_roi3a_95", Ps = "_info_roi3a_102", As = "_name_roi3a_114", Os = "_buttons_roi3a_118", Ms = "_modal_roi3a_125", qs = "_link_roi3a_145", Es = "_modalOptions_roi3a_151", Us = "_addButton_roi3a_164", Ds = "_deleteButton_roi3a_179", Ls = "_closeIcon_roi3a_191", J = {
+  title: fs,
   subtitle: xs,
   header: bs,
   text: vs,
@@ -1042,8 +1042,8 @@ const Ge = (d) => {
   itemsBlock: ks,
   typeTexts: $s,
   block: Is,
-  active: Ns,
-  products: ws,
+  active: ws,
+  products: Ns,
   product: Cs,
   button: Ss,
   disabled: Bs,
@@ -1094,41 +1094,41 @@ const Qa = (d) => {
     subtitle: l,
     editable: o = !0,
     draggable: n = !1,
-    deletable: _ = !0,
+    deletable: m = !0,
     addable: v = !0,
-    itemsType: g,
+    itemsType: f,
     itemsOptions: r,
     addableOptions: k = {},
-    limit: p
-  } = d, [m, $] = f.useState(null), [H, q] = f.useState(null), u = f.useRef(null), S = yt(
-    kt(wt, {
+    limit: h
+  } = d, [_, $] = g.useState(null), [H, M] = g.useState(null), u = g.useRef(null), S = yt(
+    kt(Nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    if (m) {
-      const j = [...s].map((P) => P.id === m.id ? m : P);
+  g.useEffect(() => {
+    if (_) {
+      const j = [...s].map((P) => P.id === _.id ? _ : P);
       i(j);
     }
-  }, [m]), f.useEffect(() => {
+  }, [_]), g.useEffect(() => {
     u.current && H && (u.current.getBoundingClientRect().height, H.top);
   }, [u.current, H]);
-  const E = (j, P) => {
+  const q = (j, P) => {
     j.stopPropagation();
     const x = j.target.getBoundingClientRect();
-    q({
+    M({
       top: x.top + window.scrollY,
       left: x.left - 30
     }), $(P);
   }, F = (j) => {
     const { active: P, over: x } = j;
     if (x && P.id !== x.id) {
-      const I = s.findIndex((L) => L.id === P.id), w = s.findIndex((L) => L.id === x.id);
-      if (I !== -1 && w !== -1) {
+      const I = s.findIndex((L) => L.id === P.id), N = s.findIndex((L) => L.id === x.id);
+      if (I !== -1 && N !== -1) {
         const L = [...s], [A] = L.splice(I, 1);
-        L.splice(w, 0, A), i(L);
+        L.splice(N, 0, A), i(L);
       }
     }
   }, B = (j, P) => {
@@ -1142,13 +1142,13 @@ const Qa = (d) => {
           height: 20
         }
       ) }),
-      g === "select" && r && /* @__PURE__ */ t.jsx(
+      f === "select" && r && /* @__PURE__ */ t.jsx(
         et,
         {
           onChange: (I) => {
-            const w = [...s], L = r.find((D) => D.name === I);
+            const N = [...s], L = r.find((D) => D.name === I);
             if (!L) return;
-            const A = w.map((D) => D.id === j.id ? {
+            const A = N.map((D) => D.id === j.id ? {
               ...L,
               name: {
                 "en-US": I
@@ -1162,7 +1162,7 @@ const Qa = (d) => {
             }), i([...A]);
           },
           value: j.name,
-          options: r.filter((I) => !s.find((w) => w.name === I.name)).map((I) => I.name)
+          options: r.filter((I) => !s.find((N) => N.name === I.name)).map((I) => I.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: J.buttons, children: [
@@ -1173,10 +1173,10 @@ const Qa = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (I) => E(I, j)
+            onClick: (I) => q(I, j)
           }
         ) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
+        m && /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1228,7 +1228,7 @@ const Qa = (d) => {
             It,
             {
               items: s.map((j) => j.id),
-              strategy: Nt,
+              strategy: wt,
               children: s.map((j, P) => B(j, P))
             }
           )
@@ -1247,10 +1247,10 @@ const Qa = (d) => {
             {
               withoutHover: !0,
               className: Y(J.button, {
-                [J.disabled]: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length))
+                [J.disabled]: !!(h && h <= s.length || s.length === (r == null ? void 0 : r.length))
               }),
               size: "s",
-              disabled: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length)),
+              disabled: !!(h && h <= s.length || s.length === (r == null ? void 0 : r.length)),
               onClick: () => {
                 const j = [...s];
                 let P = null;
@@ -1261,7 +1261,7 @@ const Qa = (d) => {
                       break;
                     }
                 }
-                g === "select" && r && j.push({
+                f === "select" && r && j.push({
                   name: P ? P.name : r[0].name,
                   id: (P == null ? void 0 : P.id) || r[0].id,
                   ...k
@@ -1287,7 +1287,7 @@ const Qa = (d) => {
       )
     ] })
   ] });
-}, Rs = "_title_1vfw9_1", zs = "_subtitle_1vfw9_5", Fs = "_header_1vfw9_12", Vs = "_text_1vfw9_13", Ys = "_productsBlock_1vfw9_14", Gs = "_top_1vfw9_26", Xs = "_itemsBlock_1vfw9_35", Ws = "_typeTexts_1vfw9_41", Js = "_block_1vfw9_48", Qs = "_active_1vfw9_61", Ks = "_products_1vfw9_14", Zs = "_product_1vfw9_14", tn = "_button_1vfw9_80", en = "_disabled_1vfw9_91", sn = "_image_1vfw9_95", nn = "_info_1vfw9_102", on = "_name_1vfw9_114", an = "_buttons_1vfw9_118", cn = "_modal_1vfw9_125", ln = "_link_1vfw9_145", rn = "_modalOptions_1vfw9_151", dn = "_addButton_1vfw9_164", un = "_deleteButton_1vfw9_179", _n = "_closeIcon_1vfw9_191", V = {
+}, Rs = "_title_dbm6h_1", zs = "_subtitle_dbm6h_5", Fs = "_header_dbm6h_12", Vs = "_text_dbm6h_13", Ys = "_productsBlock_dbm6h_14", Gs = "_top_dbm6h_26", Xs = "_itemsBlock_dbm6h_35", Ws = "_typeTexts_dbm6h_41", Js = "_block_dbm6h_48", Qs = "_active_dbm6h_61", Ks = "_products_dbm6h_14", Zs = "_product_dbm6h_14", tn = "_button_dbm6h_80", en = "_disabled_dbm6h_91", sn = "_image_dbm6h_95", nn = "_info_dbm6h_102", on = "_name_dbm6h_114", an = "_buttons_dbm6h_118", cn = "_modal_dbm6h_125", ln = "_link_dbm6h_146", rn = "_modalOptions_dbm6h_152", dn = "_addButton_dbm6h_165", un = "_deleteButton_dbm6h_180", mn = "_closeIcon_dbm6h_192", V = {
   title: Rs,
   subtitle: zs,
   header: Fs,
@@ -1311,8 +1311,8 @@ const Qa = (d) => {
   modalOptions: rn,
   addButton: dn,
   deleteButton: un,
-  closeIcon: _n
-}, mn = f.forwardRef(
+  closeIcon: mn
+}, _n = g.forwardRef(
   (d, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = d;
     return /* @__PURE__ */ t.jsxs(
@@ -1351,11 +1351,11 @@ const Qa = (d) => {
                   label: "Put up an attractive image",
                   activeImage: e[o.field],
                   onChange: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field]: n
                     };
-                    s(_);
+                    s(m);
                   }
                 },
                 String(o.field)
@@ -1366,29 +1366,29 @@ const Qa = (d) => {
                 {
                   typesText: e[o.field.type],
                   setTypesText: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field.type]: n
                     };
-                    s(_);
+                    s(m);
                   },
                   text: e[o.field.text]["en-US"] || "",
                   setText: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field.text]: {
                         "en-US": n
                       }
                     };
-                    s(_);
+                    s(m);
                   },
                   typeFont: e[o.field.type],
                   setTypeFont: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field.type]: n
                     };
-                    s(_);
+                    s(m);
                   },
                   subtitle: o.label
                 }
@@ -1398,11 +1398,11 @@ const Qa = (d) => {
                 tt,
                 {
                   onChange: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field]: n
                     };
-                    s(_);
+                    s(m);
                   },
                   value: e[o.field] || "",
                   label: o.label,
@@ -1415,11 +1415,11 @@ const Qa = (d) => {
                   tt,
                   {
                     onChange: (n) => {
-                      const _ = {
+                      const m = {
                         ...e,
                         [o.field.text]: n
                       };
-                      s(_);
+                      s(m);
                     },
                     value: e[o.field.text] || "",
                     label: o.inputLabel,
@@ -1432,11 +1432,11 @@ const Qa = (d) => {
                     current: !!e[o.field.switch] || !1,
                     label: o.switchLabel,
                     onChange: (n) => {
-                      const _ = {
+                      const m = {
                         ...e,
                         [o.field.switch]: n
                       };
-                      s(_);
+                      s(m);
                     }
                   }
                 )
@@ -1447,11 +1447,11 @@ const Qa = (d) => {
                 {
                   options: o.itemsOptions,
                   onChange: (n) => {
-                    const _ = {
+                    const m = {
                       ...e,
                       [o.field]: n
                     };
-                    s(_);
+                    s(m);
                   },
                   label: o.label,
                   value: e[o.field] || "String",
@@ -1464,10 +1464,10 @@ const Qa = (d) => {
     );
   }
 );
-function pn(d) {
+function hn(d) {
   const { product: a, children: e } = d, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
     id: a.id
-  }), _ = {
+  }), m = {
     transform: St.Transform.toString(l),
     transition: o
   };
@@ -1475,7 +1475,7 @@ function pn(d) {
     "div",
     {
       ref: c,
-      style: _,
+      style: m,
       className: `${V.product} ${n ? V.dragging : ""}`,
       ...s,
       ...i,
@@ -1493,56 +1493,56 @@ const Ka = (d) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: _ = !1,
+    draggable: m = !1,
     withImage: v = !1,
-    deletable: g = !0,
+    deletable: f = !0,
     addable: r = !0,
     itemsType: k,
-    itemsPlaceholder: p = "",
-    itemsOptions: m,
+    itemsPlaceholder: h = "",
+    itemsOptions: _,
     hasRangeSelector: $ = !1,
     rangeSelectorOptions: H,
-    modalOptions: q,
+    modalOptions: M,
     addableOptions: u = {}
-  } = d, [S, E] = f.useState(null), [F, B] = f.useState({
+  } = d, [S, q] = g.useState(null), [F, B] = g.useState({
     top: 0,
     left: 0
-  }), [j, P] = f.useState(null), x = f.useRef(null), [I, w] = f.useState(!1), L = yt(
-    kt(wt, {
+  }), [j, P] = g.useState(null), x = g.useRef(null), [I, N] = g.useState(!1), L = yt(
+    kt(Nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  g.useEffect(() => {
     const y = () => {
-      E(null), w(!1);
+      q(null), N(!1);
     };
-    return document.body.addEventListener("click", y), E(null), w(!1), () => {
-      E(null), w(!1), document.body.removeEventListener("click", y);
+    return document.body.addEventListener("click", y), q(null), N(!1), () => {
+      q(null), N(!1), document.body.removeEventListener("click", y);
     };
-  }, []), f.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (S) {
       const y = [...s].map((U) => U.id === S.id ? S : U);
       i(y);
     }
-  }, [S]), f.useEffect(() => {
+  }, [S]), g.useEffect(() => {
     if (x.current && j) {
       const y = x.current.getBoundingClientRect().height, U = window.innerHeight;
-      let h = j.top;
-      h + y > U + window.scrollY - 200 && (h = U + window.scrollY - y - 200), h < 0 && (h = 10), B({
-        top: h,
+      let p = j.top;
+      p + y > U + window.scrollY - 200 && (p = U + window.scrollY - y - 200), p < 0 && (p = 10), B({
+        top: p,
         left: j.left
       });
     }
   }, [x.current, j]);
   const A = (y, U) => {
     y.stopPropagation();
-    const h = y.target.getBoundingClientRect();
+    const p = y.target.getBoundingClientRect();
     P({
-      top: h.top + window.scrollY,
-      left: h.left - 30
-    }), E(U), w(!0);
+      top: p.top + window.scrollY,
+      left: p.left - 30
+    }), q(U), N(!0);
   };
   function D(y) {
     if (v)
@@ -1565,18 +1565,18 @@ const Ka = (d) => {
       );
   }
   const nt = (y) => {
-    const { active: U, over: h } = y;
-    if (h && U.id !== h.id) {
-      const N = s.findIndex((R) => R.id === U.id), O = s.findIndex((R) => R.id === h.id);
-      if (N !== -1 && O !== -1) {
-        const R = [...s], [X] = R.splice(N, 1);
+    const { active: U, over: p } = y;
+    if (p && U.id !== p.id) {
+      const w = s.findIndex((R) => R.id === U.id), O = s.findIndex((R) => R.id === p.id);
+      if (w !== -1 && O !== -1) {
+        const R = [...s], [X] = R.splice(w, 1);
         R.splice(O, 0, X), i(R);
       }
     }
   }, dt = (y) => {
-    var h;
+    var p;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -1585,26 +1585,26 @@ const Ka = (d) => {
           height: 20
         }
       ) }),
-      k === "select" && m && /* @__PURE__ */ t.jsx(
+      k === "select" && _ && /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (N) => {
+          onChange: (w) => {
             const R = [...s].map((X) => X.id === y.id ? {
               ...y,
               name: {
-                "en-US": N
+                "en-US": w
               }
             } : X);
-            E({
+            q({
               ...y,
               name: {
-                "en-US": N
+                "en-US": w
               }
             }), i([...R]);
           },
           value: y.name["en-US"],
-          options: m.filter(
-            (N) => !s.find((O) => O.name["en-US"] === N)
+          options: _.filter(
+            (w) => !s.find((O) => O.name["en-US"] === w)
           ),
           leftAddon: D(y.images)
         }
@@ -1612,30 +1612,30 @@ const Ka = (d) => {
       k === "input" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: (N) => {
+          onChange: (w) => {
             const R = [...s].map((X) => X.id === y.id ? {
               ...y,
               name: {
-                "en-US": N
+                "en-US": w
               }
             } : X);
             i([...R]);
           },
           value: y.name["en-US"],
-          placeholder: p
+          placeholder: h
         }
       ),
       k === "image" && /* @__PURE__ */ t.jsx(
         bt,
         {
-          onChange: (N) => {
+          onChange: (w) => {
             const R = [...s].map((X) => X.id === y.id ? {
               ...y,
-              images: N
+              images: w
             } : X);
             i([...R]);
           },
-          activeImage: (h = s.find((N) => N.id === y.id)) == null ? void 0 : h.images[0]
+          activeImage: (p = s.find((w) => w.id === y.id)) == null ? void 0 : p.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -1646,10 +1646,10 @@ const Ka = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (N) => A(N, y)
+            onClick: (w) => A(w, y)
           }
         ) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1657,13 +1657,13 @@ const Ka = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((N) => N.id !== y.id))
+            onClick: () => i(s.filter((w) => w.id !== y.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      pn,
+    return m ? /* @__PURE__ */ t.jsx(
+      hn,
       {
         product: y,
         children: U
@@ -1689,21 +1689,21 @@ const Ka = (d) => {
         }
       )
     ] }),
-    S && n && q && I && /* @__PURE__ */ t.jsx(
-      mn,
+    S && n && M && I && /* @__PURE__ */ t.jsx(
+      _n,
       {
         ref: x,
         activeItem: S,
-        setActiveItem: E,
+        setActiveItem: q,
         popupPosition: F,
-        modalOptions: q,
-        setIsOpenModal: w
+        modalOptions: M,
+        setIsOpenModal: N
       }
     ),
     $ && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
-      _ ? /* @__PURE__ */ t.jsx(
+      m ? /* @__PURE__ */ t.jsx(
         $t,
         {
           sensors: L,
@@ -1712,7 +1712,7 @@ const Ka = (d) => {
             It,
             {
               items: s.map((y) => y.id),
-              strategy: Nt,
+              strategy: wt,
               children: s.map((y) => dt(y))
             }
           )
@@ -1735,18 +1735,18 @@ const Ka = (d) => {
               onClick: () => {
                 const y = [...s];
                 let U = null;
-                if (m) {
-                  for (let h = 0; h < m.length; h++)
-                    if (!s.find((N) => N.name["en-US"] === m[h])) {
-                      U = m[h];
+                if (_) {
+                  for (let p = 0; p < _.length; p++)
+                    if (!s.find((w) => w.name["en-US"] === _[p])) {
+                      U = _[p];
                       break;
                     }
                 }
-                k === "select" && m ? y.push({
+                k === "select" && _ ? y.push({
                   name: {
-                    "en-US": U || m[0]
+                    "en-US": U || _[0]
                   },
-                  id: mt(),
+                  id: _t(),
                   ...u,
                   maxSymbols: 100
                   // пример значения
@@ -1754,14 +1754,14 @@ const Ka = (d) => {
                   name: {
                     "en-US": ""
                   },
-                  id: mt(),
+                  id: _t(),
                   ...u,
                   maxSymbols: 100
                 }) : y.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: mt(),
+                  id: _t(),
                   ...u,
                   maxSymbols: 100
                 }), i(y);
@@ -1787,10 +1787,10 @@ const Ka = (d) => {
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c })
   ] });
-}, hn = "_title_bn7sv_1", fn = "_subtitle_bn7sv_5", gn = "_header_bn7sv_12", xn = "_text_bn7sv_13", bn = "_productsBlock_bn7sv_14", vn = "_buttonsBlock_bn7sv_15", jn = "_top_bn7sv_26", yn = "_itemsBlock_bn7sv_35", kn = "_typeTexts_bn7sv_41", $n = "_block_bn7sv_48", In = "_active_bn7sv_60", Nn = "_products_bn7sv_14", wn = "_product_bn7sv_14", Cn = "_button_bn7sv_15", Sn = "_image_bn7sv_90", Bn = "_info_bn7sv_97", Tn = "_name_bn7sv_109", Pn = "_buttons_bn7sv_15", An = "_modal_bn7sv_120", On = "_other_bn7sv_139", Mn = "_options_bn7sv_145", qn = "_closeIcon_bn7sv_153", rt = {
-  title: hn,
-  subtitle: fn,
-  header: gn,
+}, pn = "_title_4we8s_1", gn = "_subtitle_4we8s_5", fn = "_header_4we8s_12", xn = "_text_4we8s_13", bn = "_productsBlock_4we8s_14", vn = "_buttonsBlock_4we8s_15", jn = "_top_4we8s_26", yn = "_itemsBlock_4we8s_35", kn = "_typeTexts_4we8s_41", $n = "_block_4we8s_48", In = "_active_4we8s_60", wn = "_products_4we8s_14", Nn = "_product_4we8s_14", Cn = "_button_4we8s_15", Sn = "_image_4we8s_90", Bn = "_info_4we8s_97", Tn = "_name_4we8s_109", Pn = "_buttons_4we8s_15", An = "_modal_4we8s_120", On = "_other_4we8s_140", Mn = "_options_4we8s_146", qn = "_closeIcon_4we8s_154", rt = {
+  title: pn,
+  subtitle: gn,
+  header: fn,
   text: xn,
   productsBlock: bn,
   buttonsBlock: vn,
@@ -1799,8 +1799,8 @@ const Ka = (d) => {
   typeTexts: kn,
   block: $n,
   active: In,
-  products: Nn,
-  product: wn,
+  products: wn,
+  product: Nn,
   button: Cn,
   image: Sn,
   info: Bn,
@@ -1810,13 +1810,13 @@ const Ka = (d) => {
   other: On,
   options: Mn,
   closeIcon: qn
-}, En = f.forwardRef((d, a) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i, editableLink: c = !0 } = d, [l, o] = f.useState(e.typesText), [n, _] = f.useState(e.destination), [v, g] = f.useState(e.page), [r, k] = f.useState(e.link || ""), [p, m] = f.useState(e.text || { "en-US": "" }), [$, H] = f.useState(e.openInNewTab), { pages: q } = Vt();
-  return f.useEffect(() => {
+}, En = g.forwardRef((d, a) => {
+  const { activeButton: e, setActiveButton: s, popupPosition: i, editableLink: c = !0 } = d, [l, o] = g.useState(e.typesText), [n, m] = g.useState(e.destination), [v, f] = g.useState(e.page), [r, k] = g.useState(e.link || ""), [h, _] = g.useState(e.text || { "en-US": "" }), [$, H] = g.useState(e.openInNewTab), { pages: M } = Vt();
+  return g.useEffect(() => {
     s({
       ...e,
       ...{
-        text: p,
+        text: h,
         link: r,
         destination: n,
         typesText: l,
@@ -1824,7 +1824,7 @@ const Ka = (d) => {
         openInNewTab: $
       }
     });
-  }, [l, n, r, p, v, $]), console.log(p), /* @__PURE__ */ t.jsxs(
+  }, [l, n, r, h, v, $]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: rt.modal,
@@ -1855,7 +1855,7 @@ const Ka = (d) => {
             et,
             {
               label: "Destination",
-              onChange: (u) => _(u),
+              onChange: (u) => m(u),
               options: ["Go to Page", "Open Link"].filter((u) => u !== n),
               value: n
             }
@@ -1864,8 +1864,8 @@ const Ka = (d) => {
             et,
             {
               label: "Go to",
-              onChange: (u) => g(u),
-              options: q ? Object.values(q).filter((u) => u.name !== v).map((u) => u.name) : [],
+              onChange: (u) => f(u),
+              options: M ? Object.values(M).filter((u) => u.name !== v).map((u) => u.name) : [],
               value: v
             }
           ) : /* @__PURE__ */ t.jsx(
@@ -1888,8 +1888,8 @@ const Ka = (d) => {
           /* @__PURE__ */ t.jsx(
             Et,
             {
-              onChange: (u) => m({ "en-US": u }),
-              value: p["en-US"],
+              onChange: (u) => _({ "en-US": u }),
+              value: h["en-US"],
               label: "Text",
               maxLength: 150
             }
@@ -1929,43 +1929,43 @@ const Ka = (d) => {
   addButton: ii,
   deleteButton: oi
 }, ai = (d) => {
-  const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: c = !0 } = d, [l, o] = f.useState(null), [n, _] = f.useState({
+  const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: c = !0 } = d, [l, o] = g.useState(null), [n, m] = g.useState({
     top: 0,
     left: 0
-  }), [v, g] = f.useState(null), r = f.useRef(null);
-  f.useEffect(() => {
-    const p = () => {
+  }), [v, f] = g.useState(null), r = g.useRef(null);
+  g.useEffect(() => {
+    const h = () => {
       o(null);
     };
-    return document.body.addEventListener("click", p), o(null), () => {
-      o(null), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", h), o(null), () => {
+      o(null), document.body.removeEventListener("click", h);
     };
-  }, []), f.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (l) {
-      const p = [...a].map((m) => m.id === l.id ? l : m);
-      e(p);
+      const h = [...a].map((_) => _.id === l.id ? l : _);
+      e(h);
     }
-  }, [l]), f.useEffect(() => {
+  }, [l]), g.useEffect(() => {
     if (r.current && v) {
-      const p = r.current.getBoundingClientRect().height, m = window.innerHeight;
+      const h = r.current.getBoundingClientRect().height, _ = window.innerHeight;
       let $ = v.top;
-      $ + p > m + window.scrollY - 200 && ($ = m + window.scrollY - p - 200), $ < 0 && ($ = 10), _({
+      $ + h > _ + window.scrollY - 200 && ($ = _ + window.scrollY - h - 200), $ < 0 && ($ = 10), m({
         top: $,
         left: v.left
       });
     }
   }, [r.current, v]);
-  const k = (p, m) => {
-    p.stopPropagation();
-    const $ = p.target.getBoundingClientRect();
-    g({
+  const k = (h, _) => {
+    h.stopPropagation();
+    const $ = h.target.getBoundingClientRect();
+    f({
       top: $.top + window.scrollY - 70,
       left: $.left - (i ? 30 : 65)
-    }), o(m);
+    }), o(_);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: at.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: at.subtitle, children: "Button Type" }),
-    a.map((p) => /* @__PURE__ */ t.jsxs(
+    a.map((h) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: at.product,
@@ -1973,14 +1973,14 @@ const Ka = (d) => {
           /* @__PURE__ */ t.jsx(
             et,
             {
-              onChange: (m) => {
-                const H = [...a].map((q) => q.id === p.id ? {
-                  ...p,
-                  type: m
-                } : q);
+              onChange: (_) => {
+                const H = [...a].map((M) => M.id === h.id ? {
+                  ...h,
+                  type: _
+                } : M);
                 e(H);
               },
-              value: p.type,
+              value: h.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
@@ -1992,8 +1992,8 @@ const Ka = (d) => {
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (m) => {
-                  k(m, p);
+                onClick: (_) => {
+                  k(_, h);
                 }
               }
             ) }),
@@ -2003,8 +2003,8 @@ const Ka = (d) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const m = a.filter(($) => $.id !== p.id);
-                  e(m);
+                  const _ = a.filter(($) => $.id !== h.id);
+                  e(_);
                 },
                 width: 20,
                 height: 20,
@@ -2014,7 +2014,7 @@ const Ka = (d) => {
           ] })
         ]
       },
-      p.id
+      h.id
     )),
     l && /* @__PURE__ */ t.jsx(
       En,
@@ -2041,10 +2041,10 @@ const Ka = (d) => {
             className: at.button,
             size: "s",
             onClick: () => {
-              const p = [...a];
-              c ? p.push({
+              const h = [...a];
+              c ? h.push({
                 type: "Primary",
-                id: mt(),
+                id: _t(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -2052,9 +2052,9 @@ const Ka = (d) => {
                 destination: "Go to Page",
                 page: "",
                 openInNewTab: !1
-              }) : p.push({
+              }) : h.push({
                 type: "Primary",
-                id: mt(),
+                id: _t(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -2062,7 +2062,7 @@ const Ka = (d) => {
                 destination: "Go to Page",
                 page: "",
                 openInNewTab: !1
-              }), e(p);
+              }), e(h);
             },
             style: {
               width: "fit-content"
@@ -2105,29 +2105,29 @@ const Ka = (d) => {
       }
     )
   ] }) });
-}, ci = "_wrapper_m18qi_1", li = "_subtitle_m18qi_7", ri = "_content_m18qi_14", di = "_range_m18qi_22", ui = "_track_m18qi_27", _i = "_progress_m18qi_36", mi = "_dots_m18qi_46", pi = "_dot_m18qi_46", hi = "_active_m18qi_65", fi = "_input_m18qi_77", gi = "_countBlock_m18qi_91", xi = "_count_m18qi_91", bi = "_controls_m18qi_107", vi = "_button_m18qi_113", W = {
+}, ci = "_wrapper_m18qi_1", li = "_subtitle_m18qi_7", ri = "_content_m18qi_14", di = "_range_m18qi_22", ui = "_track_m18qi_27", mi = "_progress_m18qi_36", _i = "_dots_m18qi_46", hi = "_dot_m18qi_46", pi = "_active_m18qi_65", gi = "_input_m18qi_77", fi = "_countBlock_m18qi_91", xi = "_count_m18qi_91", bi = "_controls_m18qi_107", vi = "_button_m18qi_113", W = {
   wrapper: ci,
   subtitle: li,
   content: ri,
   range: di,
   track: ui,
-  progress: _i,
-  dots: mi,
-  dot: pi,
-  active: hi,
-  input: fi,
-  countBlock: gi,
+  progress: mi,
+  dots: _i,
+  dot: hi,
+  active: pi,
+  input: gi,
+  countBlock: fi,
   count: xi,
   controls: bi,
   button: vi
 }, qt = (d) => {
-  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = d, [o, n] = f.useState(!1), _ = Array.from({ length: (s - e) / i + 1 }), v = (c - e) / (s - e) * 100, g = () => {
+  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = d, [o, n] = g.useState(!1), m = Array.from({ length: (s - e) / i + 1 }), v = (c - e) / (s - e) * 100, f = () => {
     c < s && l(c + i);
   }, r = () => {
     c > e && l(c - i);
-  }, k = (p) => {
-    const m = e + p * i;
-    l(m);
+  }, k = (h) => {
+    const _ = e + h * i;
+    l(_);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: W.wrapper, children: [
     a && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: a }),
@@ -2141,20 +2141,20 @@ const Ka = (d) => {
             style: { width: `${v}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: W.dots, children: _.map((p, m) => {
-          const $ = m <= (c - e) / i;
+        /* @__PURE__ */ t.jsx("div", { className: W.dots, children: m.map((h, _) => {
+          const $ = _ <= (c - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => k(m),
+              onClick: () => k(_),
               className: Y(W.dot, {
                 [W.active]: $,
                 [W.inactive]: !$,
                 [W.dragging]: o
               }),
-              "aria-label": `Set value to ${e + m * i}`
+              "aria-label": `Set value to ${e + _ * i}`
             },
-            m
+            _
           );
         }) }),
         /* @__PURE__ */ t.jsx(
@@ -2165,7 +2165,7 @@ const Ka = (d) => {
             max: s,
             step: i,
             value: c,
-            onChange: (p) => l(Number(p.target.value)),
+            onChange: (h) => l(Number(h.target.value)),
             onMouseDown: () => n(!0),
             onMouseUp: () => n(!1),
             onTouchStart: () => n(!0),
@@ -2182,9 +2182,9 @@ const Ka = (d) => {
             min: e,
             max: s,
             paddingless: !0,
-            onChange: (p) => {
-              const m = Number(p);
-              m > s ? l(s) : m < e ? l(e) : l(m);
+            onChange: (h) => {
+              const _ = Number(h);
+              _ > s ? l(s) : _ < e ? l(e) : l(_);
             },
             value: String(c)
           }
@@ -2193,7 +2193,7 @@ const Ka = (d) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: g,
+              onClick: f,
               disabled: c >= s,
               className: W.button,
               "aria-label": "Increment count",
@@ -2228,14 +2228,14 @@ const Ka = (d) => {
       ] })
     ] })
   ] });
-}, ji = "_title_ix5ax_1", yi = "_subtitle_ix5ax_5", ki = "_header_ix5ax_12", $i = "_text_ix5ax_13", Ii = "_productsBlock_ix5ax_14", Ni = "_top_ix5ax_26", wi = "_itemsBlock_ix5ax_35", Ci = "_typeTexts_ix5ax_41", Si = "_block_ix5ax_48", Bi = "_active_ix5ax_61", Ti = "_products_ix5ax_14", Pi = "_product_ix5ax_14", Ai = "_button_ix5ax_80", Oi = "_image_ix5ax_91", Mi = "_info_ix5ax_98", qi = "_name_ix5ax_110", Ei = "_buttons_ix5ax_114", Ui = "_modal_ix5ax_121", Di = "_link_ix5ax_141", Li = "_modalOptions_ix5ax_147", Hi = "_addButton_ix5ax_160", Ri = "_deleteButton_ix5ax_175", zi = "_closeIcon_ix5ax_187", G = {
+}, ji = "_title_17k8m_1", yi = "_subtitle_17k8m_5", ki = "_header_17k8m_12", $i = "_text_17k8m_13", Ii = "_productsBlock_17k8m_14", wi = "_top_17k8m_26", Ni = "_itemsBlock_17k8m_35", Ci = "_typeTexts_17k8m_41", Si = "_block_17k8m_48", Bi = "_active_17k8m_61", Ti = "_products_17k8m_14", Pi = "_product_17k8m_14", Ai = "_button_17k8m_80", Oi = "_image_17k8m_91", Mi = "_info_17k8m_98", qi = "_name_17k8m_110", Ei = "_buttons_17k8m_114", Ui = "_modal_17k8m_121", Di = "_link_17k8m_142", Li = "_modalOptions_17k8m_148", Hi = "_addButton_17k8m_161", Ri = "_deleteButton_17k8m_176", zi = "_closeIcon_17k8m_188", G = {
   title: ji,
   subtitle: yi,
   header: ki,
   text: $i,
   productsBlock: Ii,
-  top: Ni,
-  itemsBlock: wi,
+  top: wi,
+  itemsBlock: Ni,
   typeTexts: Ci,
   block: Si,
   active: Bi,
@@ -2301,7 +2301,7 @@ const Ka = (d) => {
 function Vi(d) {
   const { product: a, children: e } = d, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
     id: String(a.listingId)
-  }), _ = {
+  }), m = {
     transform: St.Transform.toString(l),
     transition: o
   };
@@ -2309,7 +2309,7 @@ function Vi(d) {
     "div",
     {
       ref: c,
-      style: _,
+      style: m,
       className: `${G.product} ${n ? G.dragging : ""}`,
       ...s,
       ...i,
@@ -2327,44 +2327,44 @@ const tc = (d) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: _ = !1,
+    draggable: m = !1,
     withImage: v = !1,
-    deletable: g = !0,
+    deletable: f = !0,
     addable: r = !0,
     itemsType: k,
-    itemsOptions: p
-  } = d, [m, $] = f.useState(
+    itemsOptions: h
+  } = d, [_, $] = g.useState(
     null
-  ), [H, q] = f.useState({
+  ), [H, M] = g.useState({
     top: 0,
     left: 0
-  }), [u, S] = f.useState(!1), E = yt(
-    kt(wt, {
+  }), [u, S] = g.useState(!1), q = yt(
+    kt(Nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  g.useEffect(() => {
     const x = () => {
       $(null), S(!1);
     };
     return document.body.addEventListener("click", x), $(null), S(!1), () => {
       $(null), S(!1), document.body.removeEventListener("click", x);
     };
-  }, []), f.useEffect(() => {
-    if (m) {
-      const x = [...s].map((I) => I.listingId === m.listingId ? m : I);
+  }, []), g.useEffect(() => {
+    if (_) {
+      const x = [...s].map((I) => I.listingId === _.listingId ? _ : I);
       i(x);
     }
-  }, [m]);
+  }, [_]);
   const F = (x, I) => {
     x.stopPropagation();
-    const w = x.target.getBoundingClientRect(), L = 100, A = window.innerHeight;
-    let D = w.top + window.scrollY;
-    D + L > A && (D = A - L - 20), S(!0), q({
+    const N = x.target.getBoundingClientRect(), L = 100, A = window.innerHeight;
+    let D = N.top + window.scrollY;
+    D + L > A && (D = A - L - 20), S(!0), M({
       top: D - 80,
-      left: w.left - 30
+      left: N.left - 30
     }), $(I);
   };
   function B(x) {
@@ -2388,19 +2388,19 @@ const tc = (d) => {
       );
   }
   const j = (x) => {
-    const { active: I, over: w } = x;
-    if (w && I.id !== w.id) {
-      const L = s.findIndex((D) => String(D.listingId) === I.id), A = s.findIndex((D) => String(D.listingId) === w.id);
+    const { active: I, over: N } = x;
+    if (N && I.id !== N.id) {
+      const L = s.findIndex((D) => String(D.listingId) === I.id), A = s.findIndex((D) => String(D.listingId) === N.id);
       if (L !== -1 && A !== -1) {
         const D = [...s], [nt] = D.splice(L, 1);
         D.splice(A, 0, nt), i(D);
       }
     }
   }, P = (x, I) => {
-    const w = p.find((A) => x.listingId === A.id);
-    if (!w) return null;
+    const N = h.find((A) => x.listingId === A.id);
+    if (!N) return null;
     const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -2413,7 +2413,7 @@ const tc = (d) => {
         et,
         {
           onChange: (A) => {
-            const D = [...s], nt = p.find((U) => U.productData.name === A);
+            const D = [...s], nt = h.find((U) => U.productData.name === A);
             if (!nt) return;
             const dt = {
               listingId: nt.id,
@@ -2421,12 +2421,12 @@ const tc = (d) => {
             }, y = D.map((U) => U.listingId === x.listingId ? dt : U);
             $(dt), i([...y]);
           },
-          value: w.productData.name,
+          value: N.productData.name,
           options: [
-            ...p.filter((A) => !s.find((D) => D.listingId === A.id)).map((A) => A.productData.name)
+            ...h.filter((A) => !s.find((D) => D.listingId === A.id)).map((A) => A.productData.name)
           ],
           leftAddon: B(
-            x.image || w.productData.images.length > 0 && w.productData.images[0].cfId || ""
+            x.image || N.productData.images.length > 0 && N.productData.images[0].cfId || ""
           )
         },
         I
@@ -2442,7 +2442,7 @@ const tc = (d) => {
             onClick: (A) => F(A, x)
           }
         ) }),
-        g && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -2455,7 +2455,7 @@ const tc = (d) => {
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return m ? /* @__PURE__ */ t.jsx(
       Vi,
       {
         product: x,
@@ -2482,28 +2482,28 @@ const tc = (d) => {
         }
       )
     ] }),
-    u && m && /* @__PURE__ */ t.jsx(
+    u && _ && /* @__PURE__ */ t.jsx(
       Fi,
       {
-        activeItem: m,
+        activeItem: _,
         setActiveItem: $,
         setIsOpenModal: S,
         popupPosition: H,
-        itemsOptions: p
+        itemsOptions: h
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
-      _ ? /* @__PURE__ */ t.jsx(
+      m ? /* @__PURE__ */ t.jsx(
         $t,
         {
-          sensors: E,
+          sensors: q,
           onDragEnd: j,
           children: /* @__PURE__ */ t.jsx(
             It,
             {
               items: s.map((x) => String(x.listingId)),
-              strategy: Nt,
+              strategy: wt,
               children: s.map((x, I) => P(x, I))
             }
           )
@@ -2525,17 +2525,17 @@ const tc = (d) => {
               size: "s",
               onClick: () => {
                 const x = [...s];
-                for (let I = 0; I < p.length; I++)
-                  if (!s.find((w) => w.listingId === p[I].id)) {
+                for (let I = 0; I < h.length; I++)
+                  if (!s.find((N) => N.listingId === h[I].id)) {
                     x.push({
-                      listingId: p[I].id,
-                      image: p[I].productData.images.length > 0 ? p[I].productData.images[0].cfId : ""
+                      listingId: h[I].id,
+                      image: h[I].productData.images.length > 0 ? h[I].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 i(x);
               },
-              disabled: s.length === p.length,
+              disabled: s.length === h.length,
               style: {
                 width: "fit-content"
               },
@@ -2557,7 +2557,7 @@ const tc = (d) => {
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c })
   ] });
-}, Yi = "_options_6cemk_1", Gi = "_price_6cemk_12", Xi = "_oldPrice_6cemk_19", Wi = "_newPrice_6cemk_27", Ji = "_animate_6cemk_34", Qi = "_appearAndBounce_6cemk_1", Ki = "_meta_6cemk_52", Zi = "_info_6cemk_58", to = "_infoRight_6cemk_66", eo = "_buttons_6cemk_73", so = "_variants_6cemk_80", no = "_variant_6cemk_80", io = "_stock_6cemk_98", oo = "_variantInfo_6cemk_105", ao = "_quantity_6cemk_111", co = "_count_6cemk_118", lo = "_focused_6cemk_135", ro = "_button_6cemk_73", uo = "_activeVariant_6cemk_161", _o = "_chargeTypes_6cemk_165", mo = "_charge_6cemk_165", po = "_chargeActive_6cemk_190", ho = "_title_6cemk_198", T = {
+}, Yi = "_options_6cemk_1", Gi = "_price_6cemk_12", Xi = "_oldPrice_6cemk_19", Wi = "_newPrice_6cemk_27", Ji = "_animate_6cemk_34", Qi = "_appearAndBounce_6cemk_1", Ki = "_meta_6cemk_52", Zi = "_info_6cemk_58", to = "_infoRight_6cemk_66", eo = "_buttons_6cemk_73", so = "_variants_6cemk_80", no = "_variant_6cemk_80", io = "_stock_6cemk_98", oo = "_variantInfo_6cemk_105", ao = "_quantity_6cemk_111", co = "_count_6cemk_118", lo = "_focused_6cemk_135", ro = "_button_6cemk_73", uo = "_activeVariant_6cemk_161", mo = "_chargeTypes_6cemk_165", _o = "_charge_6cemk_165", ho = "_chargeActive_6cemk_190", po = "_title_6cemk_198", T = {
   options: Yi,
   price: Gi,
   oldPrice: Xi,
@@ -2577,13 +2577,13 @@ const tc = (d) => {
   focused: lo,
   button: ro,
   activeVariant: uo,
-  chargeTypes: _o,
-  charge: mo,
-  chargeActive: po,
-  title: ho
-}, fo = "_wrapper_c1dht_1", go = "_label_c1dht_9", xo = "_input_c1dht_18", bo = "_paddingless_c1dht_31", vo = "_content_c1dht_35", jo = "_contentBorder_c1dht_47", yo = "_borderless_c1dht_52", ko = "_rightIcon_c1dht_57", it = {
-  wrapper: fo,
-  label: go,
+  chargeTypes: mo,
+  charge: _o,
+  chargeActive: ho,
+  title: po
+}, go = "_wrapper_c1dht_1", fo = "_label_c1dht_9", xo = "_input_c1dht_18", bo = "_paddingless_c1dht_31", vo = "_content_c1dht_35", jo = "_contentBorder_c1dht_47", yo = "_borderless_c1dht_52", ko = "_rightIcon_c1dht_57", it = {
+  wrapper: go,
+  label: fo,
   input: xo,
   paddingless: bo,
   content: vo,
@@ -2600,20 +2600,20 @@ const tc = (d) => {
     min: l,
     max: o,
     placeholder: n,
-    disabled: _ = !1,
+    disabled: m = !1,
     required: v = !1,
-    regex: g,
+    regex: f,
     paddingless: r = !1,
     borderless: k = !1,
-    editable: p = !1,
-    isSearch: m = !1,
+    editable: h = !1,
+    isSearch: _ = !1,
     centered: $ = !1
-  } = d, { themeSettings: H } = Ut(), { inputs: q } = H, [u, S] = f.useState(!1);
-  function E(B) {
+  } = d, { themeSettings: H } = Ut(), { inputs: M } = H, [u, S] = g.useState(!1);
+  function q(B) {
     return Number(B) < 0 ? String(l) : B;
   }
   function F(B) {
-    return !v || !g ? !0 : new RegExp(g).test(B);
+    return !v || !f ? !0 : new RegExp(f).test(B);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
@@ -2628,12 +2628,10 @@ const tc = (d) => {
       "div",
       {
         className: Y(it.content, {
-          [it.contentBorder]: q.border.active
+          [it.contentBorder]: M.border.active
         }),
         style: {
-          ...e,
-          background: q.field.active ? q.field.color : "transparent",
-          padding: m ? `7px ${Number(q.general.size) + 20}px 7px 11px` : "7px 11px"
+          ...e
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2644,7 +2642,7 @@ const tc = (d) => {
               onChange: (B) => {
                 if (c === "text") a(B.target.value);
                 else {
-                  const j = E(B.target.value);
+                  const j = q(B.target.value);
                   a(j);
                 }
               },
@@ -2658,23 +2656,25 @@ const tc = (d) => {
               }),
               min: c === "number" ? l : void 0,
               max: c === "number" ? o : void 0,
-              disabled: _,
+              disabled: m,
               onFocus: () => S(!0),
               style: {
-                textAlign: $ ? "center" : "left"
+                textAlign: $ ? "center" : "left",
+                background: M.field.active ? M.field.color : "transparent",
+                padding: _ ? `7px ${Number(M.general.size) + 20}px 7px 11px` : "7px 11px"
               }
             }
           ),
-          m && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
+          _ && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
             b,
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
-              width: q.general.size,
-              height: q.general.size
+              width: M.general.size,
+              height: M.general.size
             }
           ) }),
-          p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             b,
             {
               name: "Sliders",
@@ -2687,10 +2687,10 @@ const tc = (d) => {
       }
     )
   ] });
-}, Io = "_button_85085_1", No = "_primary_85085_20", wo = "_primaryHovered_85085_30", Co = "_secondary_85085_34", So = "_secondaryHovered_85085_44", Bo = "_tertiary_85085_48", To = "_tertiaryHovered_85085_58", Po = "_content_85085_62", ct = {
+}, Io = "_button_85085_1", wo = "_primary_85085_20", No = "_primaryHovered_85085_30", Co = "_secondary_85085_34", So = "_secondaryHovered_85085_44", Bo = "_tertiary_85085_48", To = "_tertiaryHovered_85085_58", Po = "_content_85085_62", ct = {
   button: Io,
-  primary: No,
-  primaryHovered: wo,
+  primary: wo,
+  primaryHovered: No,
   secondary: Co,
   secondaryHovered: So,
   tertiary: Bo,
@@ -2731,22 +2731,22 @@ const tc = (d) => {
 };
 var zt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(zt || {});
 const ec = (d) => {
-  var H, q;
-  const { variants: a } = d, [e, s] = f.useState(a[0]), [i, c] = f.useState(e.chargeTypes[0]), l = Bt(), [o, n] = f.useState(1), { reset: _, addProductToCart: v, getProducts: g } = Ot(), [r, k] = f.useState(!1);
-  f.useEffect(() => {
+  var H, M;
+  const { variants: a } = d, [e, s] = g.useState(a[0]), [i, c] = g.useState(e.chargeTypes[0]), l = Bt(), [o, n] = g.useState(1), { reset: m, addProductToCart: v, getProducts: f } = Ot(), [r, k] = g.useState(!1);
+  g.useEffect(() => {
     k(!0);
     const u = setTimeout(() => k(!1), 600);
     return () => clearTimeout(u);
   }, [o]);
-  async function p() {
-    await g(), await v({
+  async function h() {
+    await f(), await v({
       productId: d.id,
       productVariantId: e.id,
       quantity: o
     });
   }
-  function m() {
-    _(), p(), l("/checkout");
+  function _() {
+    m(), h(), l("/checkout");
   }
   function $(u) {
     if (u >= 864e5) {
@@ -2763,9 +2763,9 @@ const ec = (d) => {
       return `${j} ${j === 1 ? "second" : "seconds"}`;
     }
   }
-  return f.useEffect(() => {
+  return g.useEffect(() => {
     (e.quantity.available === 0 || !e.quantity.available) && n(0);
-  }, [e.quantity.available]), console.log(e.quantity), /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
     e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: T.chargeTypes, children: e.chargeTypes.map((u) => /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -2823,7 +2823,7 @@ const ec = (d) => {
           value: String(o),
           onChange: (u) => n(Number(u)),
           max: ((H = e.quantity.restrictions) == null ? void 0 : H.max) || e.quantity.available || 1 / 0,
-          min: ((q = e.quantity.restrictions) == null ? void 0 : q.min) || 0,
+          min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
@@ -2891,7 +2891,7 @@ const ec = (d) => {
         Q,
         {
           type: "Primary",
-          onClick: () => m(),
+          onClick: () => _(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
@@ -2900,14 +2900,14 @@ const ec = (d) => {
         Q,
         {
           type: "Secondary",
-          onClick: () => p(),
+          onClick: () => h(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, Ao = "_button_1tdo3_1", Oo = "_login_1tdo3_14", Mo = "_signUp_1tdo3_18", qo = "_buttons_1tdo3_23", Eo = "_modal_1tdo3_32", Uo = "_closing_1tdo3_64", Do = "_info_1tdo3_113", Lo = "_top_1tdo3_120", Ho = "_title_1tdo3_131", Ro = "_clear_1tdo3_138", zo = "_activeClear_1tdo3_145", Fo = "_count_1tdo3_149", Vo = "_cart_1tdo3_164", Yo = "_empty_1tdo3_172", Go = "_product_1tdo3_198", Xo = "_products_1tdo3_207", Wo = "_image_1tdo3_215", Jo = "_productInfo_1tdo3_221", Qo = "_content_1tdo3_228", Ko = "_name_1tdo3_234", Zo = "_price_1tdo3_240", ta = "_productButtons_1tdo3_246", ea = "_productButton_1tdo3_246", sa = "_productCount_1tdo3_266", na = "_bottom_1tdo3_282", ia = "_subtotal_1tdo3_290", oa = "_block_1tdo3_298", aa = "_shoppingCount_1tdo3_305", ca = "_total_1tdo3_325", la = "_link_1tdo3_331", ra = "_userInfo_1tdo3_338", da = "_pagesMobileModal_1tdo3_349", ua = "_pagesMobileModalContent_1tdo3_363", _a = "_pagesMobileModalHeader_1tdo3_369", ma = "_pagesMobileModalFooter_1tdo3_379", C = {
+}, Ao = "_button_1tdo3_1", Oo = "_login_1tdo3_14", Mo = "_signUp_1tdo3_18", qo = "_buttons_1tdo3_23", Eo = "_modal_1tdo3_32", Uo = "_closing_1tdo3_64", Do = "_info_1tdo3_113", Lo = "_top_1tdo3_120", Ho = "_title_1tdo3_131", Ro = "_clear_1tdo3_138", zo = "_activeClear_1tdo3_145", Fo = "_count_1tdo3_149", Vo = "_cart_1tdo3_164", Yo = "_empty_1tdo3_172", Go = "_product_1tdo3_198", Xo = "_products_1tdo3_207", Wo = "_image_1tdo3_215", Jo = "_productInfo_1tdo3_221", Qo = "_content_1tdo3_228", Ko = "_name_1tdo3_234", Zo = "_price_1tdo3_240", ta = "_productButtons_1tdo3_246", ea = "_productButton_1tdo3_246", sa = "_productCount_1tdo3_266", na = "_bottom_1tdo3_282", ia = "_subtotal_1tdo3_290", oa = "_block_1tdo3_298", aa = "_shoppingCount_1tdo3_305", ca = "_total_1tdo3_325", la = "_link_1tdo3_331", ra = "_userInfo_1tdo3_338", da = "_pagesMobileModal_1tdo3_349", ua = "_pagesMobileModalContent_1tdo3_363", ma = "_pagesMobileModalHeader_1tdo3_369", _a = "_pagesMobileModalFooter_1tdo3_379", C = {
   button: Ao,
   login: Oo,
   signUp: Mo,
@@ -2945,19 +2945,19 @@ const ec = (d) => {
   userInfo: ra,
   pagesMobileModal: da,
   pagesMobileModalContent: ua,
-  pagesMobileModalHeader: _a,
-  pagesMobileModalFooter: ma
+  pagesMobileModalHeader: ma,
+  pagesMobileModalFooter: _a
 };
 class xt extends Error {
 }
 xt.prototype.name = "InvalidTokenError";
-function pa(d) {
+function ha(d) {
   return decodeURIComponent(atob(d).replace(/(.)/g, (a, e) => {
     let s = e.charCodeAt(0).toString(16).toUpperCase();
     return s.length < 2 && (s = "0" + s), "%" + s;
   }));
 }
-function ha(d) {
+function pa(d) {
   let a = d.replace(/-/g, "+").replace(/_/g, "/");
   switch (a.length % 4) {
     case 0:
@@ -2972,12 +2972,12 @@ function ha(d) {
       throw new Error("base64 string is not of the correct length");
   }
   try {
-    return pa(a);
+    return ha(a);
   } catch {
     return atob(a);
   }
 }
-function fa(d, a) {
+function ga(d, a) {
   if (typeof d != "string")
     throw new xt("Invalid token specified: must be a string");
   a || (a = {});
@@ -2986,7 +2986,7 @@ function fa(d, a) {
     throw new xt(`Invalid token specified: missing part #${e + 1}`);
   let i;
   try {
-    i = ha(s);
+    i = pa(s);
   } catch (c) {
     throw new xt(`Invalid token specified: invalid base64 for part #${e + 1} (${c.message})`);
   }
@@ -2999,38 +2999,38 @@ function fa(d, a) {
 const sc = (d) => {
   const { shopping: a, signUp: e, isShowUserInfo: s = !0 } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: C.buttons, children: [
-    a && /* @__PURE__ */ t.jsx(ga, {}),
+    a && /* @__PURE__ */ t.jsx(fa, {}),
     s && /* @__PURE__ */ t.jsx(Ft, { signUp: e })
   ] });
-}, ga = () => {
-  const [d, a] = f.useState(!1), [e, s] = f.useState([]), { cart: i, getProducts: c } = Ot();
+}, fa = () => {
+  const [d, a] = g.useState(!1), [e, s] = g.useState([]), { cart: i, getProducts: c } = Ot();
   function l(r) {
     for (let k = 0; k < i.parts.length; k++)
-      for (let p = 0; p < r.variants.length; p++)
+      for (let h = 0; h < r.variants.length; h++)
         if (i.parts[k].productVariantId === r.variants[k].id)
           return i.parts[k].productVariantId;
   }
   function o(r) {
     for (let k = 0; k < i.parts.length; k++)
-      for (let p = 0; p < r.variants.length; p++)
+      for (let h = 0; h < r.variants.length; h++)
         if (i.parts[k].productVariantId === r.variants[k].id)
           return i.parts[k].quantity;
   }
-  f.useEffect(() => {
+  g.useEffect(() => {
     (async () => {
-      const k = i.parts.map(($) => String($.productId)), m = (await c([...k])).map(($) => ({
+      const k = i.parts.map(($) => String($.productId)), _ = (await c([...k])).map(($) => ({
         ...$,
         activeVariantId: l($),
         quantity: o($)
       }));
-      s(m);
+      s(_);
     })();
   }, [i.parts.length]);
   function n(r) {
     var k;
-    return !r || !(r != null && r.variants) ? !1 : (k = r.variants.find((p) => p.id === r.activeVariantId)) == null ? void 0 : k.subscriptionSettings;
+    return !r || !(r != null && r.variants) ? !1 : (k = r.variants.find((h) => h.id === r.activeVariantId)) == null ? void 0 : k.subscriptionSettings;
   }
-  const _ = i.parts.length > 0 && e.length > 0 && !n(e[0]), [v, g] = f.useState(!1);
+  const m = i.parts.length > 0 && e.length > 0 && !n(e[0]), [v, f] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       Q,
@@ -3040,7 +3040,7 @@ const sc = (d) => {
           padding: 10
         },
         onClick: (r) => {
-          r.stopPropagation(), window.location.pathname !== "/admin/builder" && (a(!0), g(!0));
+          r.stopPropagation(), window.location.pathname !== "/admin/builder" && (a(!0), f(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -3050,7 +3050,7 @@ const sc = (d) => {
               fill: "var(--icon-primary)"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: C.shoppingCount, children: i.parts.length })
+          m && /* @__PURE__ */ t.jsx("div", { className: C.shoppingCount, children: i.parts.length })
         ]
       }
     ),
@@ -3058,7 +3058,7 @@ const sc = (d) => {
       Mt,
       {
         close: () => {
-          g(!1), setTimeout(() => {
+          f(!1), setTimeout(() => {
             a(!1);
           }, 300);
         },
@@ -3067,7 +3067,7 @@ const sc = (d) => {
           xa,
           {
             activeProducts: e,
-            isCartNotEmpty: _,
+            isCartNotEmpty: m,
             isOpen: v
           }
         )
@@ -3076,7 +3076,7 @@ const sc = (d) => {
   ] });
 }, xa = (d) => {
   const { activeProducts: a, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: c, getTotalAndDiscount: l, updateQuantityOfProduct: o } = Ot(), n = Bt();
-  function _(r) {
+  function m(r) {
     n(r);
   }
   function v(r) {
@@ -3086,7 +3086,7 @@ const sc = (d) => {
       quantity: r.quantity + 1
     });
   }
-  function g(r) {
+  function f(r) {
     o({
       productId: r.id,
       productVariantId: r.activeVariantId,
@@ -3148,7 +3148,7 @@ const sc = (d) => {
                     "div",
                     {
                       onClick: () => {
-                        r.quantity !== 1 && g(r);
+                        r.quantity !== 1 && f(r);
                       },
                       className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
@@ -3203,7 +3203,7 @@ const sc = (d) => {
                 l().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Q, { onClick: () => _("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(Q, { onClick: () => m("/checkout"), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(ba, {})
       ]
@@ -3260,10 +3260,10 @@ const sc = (d) => {
         }
       )
     ] });
-  const [c, l] = f.useState("test-email@gmail.com");
-  return f.useEffect(() => {
+  const [c, l] = g.useState("test-email@gmail.com");
+  return g.useEffect(() => {
     (async () => {
-      const n = fa(e);
+      const n = ga(e);
       l(n.email);
     })();
   }, [e]), /* @__PURE__ */ t.jsx(
@@ -3318,7 +3318,7 @@ const sc = (d) => {
   logo: a,
   signUp: e
 }) => {
-  const [s, i] = f.useState(!1);
+  const [s, i] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(ja, { setIsOpenModal: i }),
     s && /* @__PURE__ */ t.jsx(Mt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
@@ -3352,13 +3352,13 @@ const sc = (d) => {
       )
     }
   );
-}, ya = "_share_xddz7_1", ka = "_modal_xddz7_8", $a = "_header_xddz7_20", Ia = "_socials_xddz7_30", Na = "_social_xddz7_30", wa = "_copy_xddz7_40", Ca = "_title_xddz7_47", Sa = "_copyWrapper_xddz7_53", Ba = "_copyText_xddz7_62", Ta = "_copyTextMobile_xddz7_75", Pa = "_copyTextMiniMobile_xddz7_94", lt = {
+}, ya = "_share_xddz7_1", ka = "_modal_xddz7_8", $a = "_header_xddz7_20", Ia = "_socials_xddz7_30", wa = "_social_xddz7_30", Na = "_copy_xddz7_40", Ca = "_title_xddz7_47", Sa = "_copyWrapper_xddz7_53", Ba = "_copyText_xddz7_62", Ta = "_copyTextMobile_xddz7_75", Pa = "_copyTextMiniMobile_xddz7_94", lt = {
   share: ya,
   modal: ka,
   header: $a,
   socials: Ia,
-  social: Na,
-  copy: wa,
+  social: wa,
+  copy: Na,
   title: Ca,
   copyWrapper: Sa,
   copyText: Ba,
@@ -3403,8 +3403,8 @@ const sc = (d) => {
       d(!1), s(!0);
     }, 300);
   }
-  function o(n, _) {
-    return n.length > _ ? n.slice(0, _) + "..." : n;
+  function o(n, m) {
+    return n.length > m ? n.slice(0, m) + "..." : n;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -3452,27 +3452,27 @@ const sc = (d) => {
       ]
     }
   );
-}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18", Ea = "_open_1s1lq_21", Ua = "_content_1s1lq_25", gt = {
+}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18", Ea = "_open_1s1lq_21", Ua = "_content_1s1lq_25", ft = {
   accordion: Oa,
   header: Ma,
   icon: qa,
   open: Ea,
   content: Ua
 }, oc = ({ title: d, content: a, defaultOpen: e = !1 }) => {
-  const [s, i] = f.useState(e), [c, l] = f.useState(0), o = f.useRef(null), n = () => {
+  const [s, i] = g.useState(e), [c, l] = g.useState(0), o = g.useRef(null), n = () => {
     i(!s);
   };
-  return f.useEffect(() => {
+  return g.useEffect(() => {
     o.current && l(s ? o.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: gt.accordion, children: [
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: ft.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: gt.header,
+        className: ft.header,
         onClick: n,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: d }),
-          /* @__PURE__ */ t.jsx("div", { className: Y(gt.icon, { [gt.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: Y(ft.icon, { [ft.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -3480,7 +3480,7 @@ const sc = (d) => {
       "div",
       {
         ref: o,
-        className: gt.content,
+        className: ft.content,
         style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: a })
       }
@@ -3512,9 +3512,6 @@ const sc = (d) => {
       style: {
         width: "100%"
       },
-      onClick: () => {
-        console.log("add to cart");
-      },
       children: "Add to Cart"
     }
   ),
@@ -3525,7 +3522,7 @@ const sc = (d) => {
   textarea: Fa,
   length: Va
 }, lc = (d) => {
-  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = d, [l, o] = f.useState(s.length);
+  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = d, [l, o] = g.useState(s.length);
   return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
@@ -3574,7 +3571,7 @@ export {
   Wa as LayoutSettings,
   ac as Link,
   tc as ListingSelector,
-  _c as Loader,
+  mc as Loader,
   Mt as Modal,
   nc as PagesMobileMenu,
   va as PagesMobileModal,
@@ -3584,7 +3581,7 @@ export {
   qt as RangeSelector,
   et as Select,
   ic as ShareLink,
-  ga as ShoppingButton,
+  fa as ShoppingButton,
   xa as ShoppingModalCart,
   st as Switch,
   Rt as TextSettings,