@billgangcom/theme-lib 1.44.3 → 1.44.4

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-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 ht, P as wt, g as Ct, h as St, i as Vt, s as Yt, k as Dt, l as Bt, m as Ot, M as Mt, n as Ut, o as Ht, p as Gt } from "./index-FNbiNtjB.js";
-import { q as uc, L as _c } from "./index-FNbiNtjB.js";
+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 "@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 = {
@@ -25,10 +25,10 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   "bottomLeft",
   "bottom",
   "bottomRight"
-], ce = ["left", "top", "right", "bottom"], Wa = (u) => {
-  const { alignment: a, padding: e, setPadding: s, setAlignment: i } = u;
-  function c(p) {
-    switch (p) {
+], ce = ["left", "top", "right", "bottom"], Wa = (d) => {
+  const { alignment: a, padding: e, setPadding: s, setAlignment: i } = d;
+  function c(g) {
+    switch (g) {
       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(p) {
-    switch (p) {
+  function l(g) {
+    switch (g) {
       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), [d, j] = f.useState(null);
+  const [o, n] = f.useState(null), [_, v] = f.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((p) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: K.alignments, children: ae.map((g) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(p);
+              i(g);
             },
             className: K.alignment,
             onMouseEnter: () => {
-              n(p);
+              n(g);
             },
             onMouseLeave: () => {
               n(null);
             },
             children: [
-              p !== a && o !== p && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
-              p !== a && o === p && /* @__PURE__ */ t.jsx(
+              g !== a && o !== g && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
+              g !== a && o === g && /* @__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
                 }
               ),
-              p === a && /* @__PURE__ */ t.jsx(
+              g === a && /* @__PURE__ */ t.jsx(
                 b,
                 {
                   name: c(a),
@@ -98,25 +98,25 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               )
             ]
           },
-          p
+          g
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ce.map((p) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ce.map((g) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: Y(K.padding, {
-              [K.active]: d === p
+              [K.active]: _ === g
             }),
             onFocus: () => {
-              j(p);
+              v(g);
             },
             onBlur: () => {
-              j(null);
+              v(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: l(p),
+                  name: l(g),
                   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[p]),
+                  value: String(e[g]),
                   onChange: (r) => s({
                     ...e,
-                    [p]: Number(r)
+                    [g]: Number(r)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,24 +136,24 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               )
             ]
           },
-          p
+          g
         )) })
       ] })
     ] })
   ] });
-}, le = "_title_1jkiw_1", re = "_subtitle_1jkiw_5", de = "_header_1jkiw_12", ue = "_text_1jkiw_13", _e = "_top_1jkiw_20", me = "_itemsBlock_1jkiw_29", pt = {
+}, 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 = {
   title: le,
   subtitle: re,
   header: de,
   text: ue,
   top: _e,
   itemsBlock: me
-}, he = "_typeTexts_167ez_1", pe = "_block_167ez_8", fe = "_active_167ez_25", Pt = {
-  typeTexts: he,
-  block: pe,
+}, 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"], Rt = (u) => {
-  const { typesText: a, setTypesText: e } = u;
+}, ge = ["bold", "italic", "underline", "strike-through", "code"], Ht = (d) => {
+  const { typesText: a, setTypesText: e } = d;
   function s(i) {
     switch (i) {
       case "bold":
@@ -202,7 +202,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   h5: "Heading 5",
   h6: "Heading 6",
   p: "Paragraph"
-}, Lt = (u) => {
+}, Rt = (d) => {
   const {
     typesText: a,
     isActiveText: e,
@@ -212,32 +212,32 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
     setTypesText: l,
     title: o,
     subtitle: n = "Items",
-    typeFont: d,
-    setTypeFont: j
-  } = u;
-  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 }),
+    typeFont: _,
+    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 }),
       e !== void 0 && s && /* @__PURE__ */ t.jsx(
         st,
         {
           current: e,
-          onChange: (p) => s(p)
+          onChange: (g) => s(g)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: pt.itemsBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: pt.subtitle, children: n }),
+    /* @__PURE__ */ t.jsxs("div", { className: ht.itemsBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: ht.subtitle, children: n }),
       /* @__PURE__ */ t.jsx(
         Et,
         {
-          onChange: (p) => c(p),
+          onChange: (g) => c(g),
           value: i,
           maxLength: 150
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Rt,
+        Ht,
         {
           typesText: a,
           setTypesText: l
@@ -248,19 +248,19 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
         {
           label: "Type Text",
           options: Object.values(ft).filter(
-            (p) => p !== ft[d]
+            (g) => g !== ft[_]
           ),
-          onChange: (p) => j(
+          onChange: (g) => v(
             Object.keys(ft).find(
-              (r) => ft[r] === p
+              (r) => ft[r] === g
             )
           ),
-          value: ft[d]
+          value: ft[_]
         }
       )
     ] })
   ] });
-}, 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", De = "_modalOptions_pef24_151", Ue = "_addButton_pef24_164", He = "_deleteButton_pef24_179", Re = "_closeIcon_pef24_191", z = {
+}, 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 = {
   title: xe,
   subtitle: be,
   header: ve,
@@ -281,15 +281,15 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   buttons: Me,
   modal: qe,
   link: Ee,
-  modalOptions: De,
-  addButton: Ue,
-  deleteButton: He,
-  closeIcon: Re
-}, Le = f.forwardRef(
-  (u, a) => {
-    const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
-    function o(n, d) {
-      return n.length > d ? `${n.slice(0, d)}...` : n;
+  modalOptions: Ue,
+  addButton: De,
+  deleteButton: Le,
+  closeIcon: He
+}, Re = f.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;
     }
     return /* @__PURE__ */ t.jsxs(
       "div",
@@ -325,45 +325,45 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 {
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
-                  onChange: (d) => {
-                    const j = {
+                  onChange: (_) => {
+                    const v = {
                       ...e,
-                      [n.field]: d
+                      [n.field]: _
                     };
-                    s(j);
+                    s(v);
                   }
                 },
                 String(n.field)
               );
             if (n.type === "text")
               return /* @__PURE__ */ t.jsx(
-                Lt,
+                Rt,
                 {
                   typesText: e[n.field.type],
-                  setTypesText: (d) => {
-                    const j = {
+                  setTypesText: (_) => {
+                    const v = {
                       ...e,
-                      [n.field.type]: d
+                      [n.field.type]: _
                     };
-                    s(j);
+                    s(v);
                   },
                   text: e[n.field.text]["en-US"] || "",
-                  setText: (d) => {
-                    const j = {
+                  setText: (_) => {
+                    const v = {
                       ...e,
                       [n.field.text]: {
-                        "en-US": d
+                        "en-US": _
                       }
                     };
-                    s(j);
+                    s(v);
                   },
                   typeFont: e[n.field.typeFont],
-                  setTypeFont: (d) => {
-                    const j = {
+                  setTypeFont: (_) => {
+                    const v = {
                       ...e,
-                      [n.field.typeFont]: d
+                      [n.field.typeFont]: _
                     };
-                    s(j);
+                    s(v);
                   },
                   subtitle: n.label
                 }
@@ -372,12 +372,12 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
               return /* @__PURE__ */ t.jsx(
                 tt,
                 {
-                  onChange: (d) => {
-                    const j = {
+                  onChange: (_) => {
+                    const v = {
                       ...e,
-                      [n.field]: d
+                      [n.field]: _
                     };
-                    s(j);
+                    s(v);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -389,12 +389,12 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 /* @__PURE__ */ t.jsx(
                   tt,
                   {
-                    onChange: (d) => {
-                      const j = {
+                    onChange: (_) => {
+                      const v = {
                         ...e,
-                        [n.field.text]: d
+                        [n.field.text]: _
                       };
-                      s(j);
+                      s(v);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -406,12 +406,12 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                   {
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
-                    onChange: (d) => {
-                      const j = {
+                    onChange: (_) => {
+                      const v = {
                         ...e,
-                        [n.field.switch]: d
+                        [n.field.switch]: _
                       };
-                      s(j);
+                      s(v);
                     }
                   }
                 )
@@ -421,12 +421,12 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 Ge,
                 {
                   items: e[n.field] || [],
-                  setItems: (d) => {
-                    const j = {
+                  setItems: (_) => {
+                    const v = {
                       ...e,
-                      [n.field]: d
+                      [n.field]: _
                     };
-                    s(j);
+                    s(v);
                   },
                   itemsType: "select",
                   draggable: n.draggable || !1,
@@ -443,25 +443,25 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
                 et,
                 {
                   options: n.itemsOptions,
-                  onChange: (d) => {
-                    const j = {
+                  onChange: (_) => {
+                    const v = {
                       ...e,
-                      [n.field]: d
+                      [n.field]: _
                     };
-                    s(j);
+                    s(v);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
                   leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] }),
                   switcher: n.switcher ? {
                     value: !!e[n.switcher],
-                    onChange: (d) => {
+                    onChange: (_) => {
                       if (n.switcher === "isActive") {
-                        const j = {
+                        const v = {
                           ...e,
-                          [n.switcher]: d
+                          [n.switcher]: _
                         };
-                        s(j);
+                        s(v);
                       }
                     }
                   } : void 0
@@ -476,8 +476,8 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
   other: ze,
   subtitle: Fe,
   items: Ve
-}, Tt = (u) => {
-  const { items: a, title: e = "Other" } = u;
+}, Tt = (d) => {
+  const { items: a, title: e = "Other" } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: At.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: At.subtitle, children: e }),
     /* @__PURE__ */ t.jsx("div", { className: At.items, children: a.map((s, i) => /* @__PURE__ */ t.jsx(
@@ -493,7 +493,7 @@ const Xt = "_wrapper_1ibay_2", Wt = "_alignmentBlock_1ibay_8", Jt = "_title_1iba
     )) })
   ] });
 };
-function Ye({ product: u, children: a }) {
+function Ye({ product: d, children: a }) {
   const {
     attributes: e,
     listeners: s,
@@ -502,7 +502,7 @@ function Ye({ product: u, children: a }) {
     transition: l,
     isDragging: o
   } = Ct({
-    id: u.id
+    id: d.id
   }), n = {
     transform: St.Transform.toString(c),
     transition: l
@@ -519,7 +519,7 @@ function Ye({ product: u, children: a }) {
     }
   );
 }
-const Ge = (u) => {
+const Ge = (d) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -529,23 +529,23 @@ const Ge = (u) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: d = !1,
-    withImage: j = !1,
-    deletable: p = !0,
+    draggable: _ = !1,
+    withImage: v = !1,
+    deletable: g = !0,
     addable: r = !0,
-    itemsType: y,
-    itemsPlaceholder: h = "",
-    itemsOptions: _,
-    hasRangeSelector: w = !1,
+    itemsType: k,
+    itemsPlaceholder: p = "",
+    itemsOptions: m,
+    hasRangeSelector: $ = !1,
     rangeSelectorOptions: H,
-    modalOptions: $,
-    addableOptions: g = {},
-    limit: B,
+    modalOptions: q,
+    addableOptions: u = {},
+    limit: S,
     autoInterval: E
-  } = u, [F, T] = f.useState(null), [v, A] = f.useState({
+  } = d, [F, B] = f.useState(null), [j, P] = f.useState({
     top: 0,
     left: 0
-  }), [x, I] = f.useState(null), C = f.useRef(null), [R, O] = f.useState(!1), U = yt(
+  }), [x, I] = f.useState(null), w = f.useRef(null), [L, A] = f.useState(!1), D = yt(
     kt(wt, {
       activationConstraint: {
         distance: 5
@@ -553,41 +553,41 @@ const Ge = (u) => {
     })
   );
   f.useEffect(() => {
-    const m = () => {
-      T(null), O(!1);
+    const h = () => {
+      B(null), A(!1);
     };
-    return document.body.addEventListener("click", m), T(null), O(!1), () => {
-      T(null), O(!1), document.body.removeEventListener("click", m);
+    return document.body.addEventListener("click", h), B(null), A(!1), () => {
+      B(null), A(!1), document.body.removeEventListener("click", h);
     };
   }, []), f.useEffect(() => {
     if (F) {
-      const m = [...s].map((N) => N.id === F.id ? F : N);
-      i(m);
+      const h = [...s].map((N) => N.id === F.id ? F : N);
+      i(h);
     }
   }, [F]), f.useEffect(() => {
-    if (C.current && x) {
-      const m = C.current.getBoundingClientRect().height, N = window.innerHeight;
-      let M = x.top;
-      M + m > N + window.scrollY - 200 && (M = N + window.scrollY - m - 200), M < 0 && (M = 10), A({
-        top: M,
+    if (w.current && x) {
+      const h = w.current.getBoundingClientRect().height, N = window.innerHeight;
+      let O = x.top;
+      O + h > N + window.scrollY - 200 && (O = N + window.scrollY - h - 200), O < 0 && (O = 10), P({
+        top: O,
         left: x.left
       });
     }
-  }, [C.current, x]);
-  const nt = (m, N) => {
-    m.stopPropagation();
-    const M = m.target.getBoundingClientRect();
+  }, [w.current, x]);
+  const nt = (h, N) => {
+    h.stopPropagation();
+    const O = h.target.getBoundingClientRect();
     I({
-      top: M.top + window.scrollY - 70,
-      left: M.left - (r ? 30 : 65)
-    }), T(N), O(!0);
+      top: O.top + window.scrollY - 70,
+      left: O.left - (r ? 30 : 65)
+    }), B(N), A(!0);
   };
-  function dt(m) {
-    if (j)
-      return m ? /* @__PURE__ */ t.jsx(
+  function dt(h) {
+    if (v)
+      return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${m[0]}/w=1000`,
+          src: `https://imagedelivery.net/${h[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -602,19 +602,19 @@ const Ge = (u) => {
         }
       );
   }
-  const k = (m) => {
-    const { active: N, over: M } = m;
-    if (M && N.id !== M.id) {
-      const L = s.findIndex((q) => q.id === N.id), X = s.findIndex((q) => q.id === M.id);
-      if (L !== -1 && X !== -1) {
-        const q = [...s], [ut] = q.splice(L, 1);
-        q.splice(X, 0, ut), i(q);
+  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);
+      if (R !== -1 && X !== -1) {
+        const M = [...s], [ut] = M.splice(R, 1);
+        M.splice(X, 0, ut), i(M);
       }
     }
-  }, D = (m, N) => {
-    var L, X;
-    const M = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, U = (h, N) => {
+    var R, X;
+    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -623,57 +623,57 @@ const Ge = (u) => {
           height: 20
         }
       ) }),
-      y === "select" && _ && /* @__PURE__ */ t.jsx(
+      k === "select" && m && /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (q) => {
-            const ut = [...s], mt = _.find((vt) => vt.name["en-US"] === q);
-            if (!mt) return;
-            const _t = ut.map((vt) => vt.id === m.id ? {
-              ...mt,
+          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,
               name: {
-                "en-US": q
+                "en-US": M
               }
             } : vt);
-            T({
-              ...m,
+            B({
+              ...h,
               name: {
-                "en-US": q
+                "en-US": M
               }
             }), i([..._t]);
           },
-          value: m.name["en-US"],
-          options: _.filter((q) => !s.find((ut) => ut.name["en-US"] === q.name["en-US"])).map((q) => q.name["en-US"]),
-          leftAddon: dt(m.images)
+          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)
         }
       ),
-      y === "input" && /* @__PURE__ */ t.jsx(
+      k === "input" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: (q) => {
-            const mt = [...s].map((_t) => _t.id === m.id ? {
-              ...m,
+          onChange: (M) => {
+            const pt = [...s].map((_t) => _t.id === h.id ? {
+              ...h,
               name: {
-                "en-US": q
+                "en-US": M
               }
             } : _t);
-            i([...mt]);
+            i([...pt]);
           },
-          value: m.name["en-US"],
-          placeholder: h
+          value: h.name["en-US"],
+          placeholder: p
         }
       ),
-      y === "image" && /* @__PURE__ */ t.jsx(
+      k === "image" && /* @__PURE__ */ t.jsx(
         bt,
         {
-          onChange: (q) => {
-            const mt = [...s].map((_t) => _t.id === m.id ? {
-              ...m,
-              images: q
+          onChange: (M) => {
+            const pt = [...s].map((_t) => _t.id === h.id ? {
+              ...h,
+              images: M
             } : _t);
-            i([...mt]);
+            i([...pt]);
           },
-          activeImage: (L = s.find((q) => q.id === m.id)) != null && L.images ? (X = s.find((q) => q.id === m.id)) == null ? void 0 : X.images[0] : void 0
+          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
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
@@ -684,12 +684,12 @@ const Ge = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (q) => {
-              console.log(q, m), nt(q, m);
+            onClick: (M) => {
+              console.log(M, h), nt(M, h);
             }
           }
         ) }),
-        p && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
+        g && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -697,26 +697,26 @@ const Ge = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((q) => q.id !== m.id))
+            onClick: () => i(s.filter((M) => M.id !== h.id))
           }
         ) })
       ] })
     ] });
-    return d ? /* @__PURE__ */ t.jsx(
+    return _ ? /* @__PURE__ */ t.jsx(
       Ye,
       {
-        product: m,
+        product: h,
         index: N,
-        children: M
+        children: O
       },
-      m.id
+      h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: z.product,
-        children: M
+        children: O
       },
-      m.id
+      h.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
@@ -726,39 +726,39 @@ const Ge = (u) => {
         st,
         {
           current: a,
-          onChange: (m) => e == null ? void 0 : e(m)
+          onChange: (h) => e == null ? void 0 : e(h)
         }
       )
     ] }),
-    F && n && $ && R && /* @__PURE__ */ t.jsx(
-      Le,
+    F && n && q && L && /* @__PURE__ */ t.jsx(
+      Re,
       {
-        ref: C,
+        ref: w,
         activeItem: F,
-        setActiveItem: T,
-        popupPosition: v,
-        modalOptions: $,
-        setIsOpenModal: O
+        setActiveItem: B,
+        popupPosition: j,
+        modalOptions: q,
+        setIsOpenModal: A
       }
     ),
-    w && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
+    $ && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
     /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: o }),
-      d ? /* @__PURE__ */ t.jsx(
+      _ ? /* @__PURE__ */ t.jsx(
         $t,
         {
-          sensors: U,
-          onDragEnd: k,
+          sensors: D,
+          onDragEnd: y,
           children: /* @__PURE__ */ t.jsx(
             It,
             {
-              items: s.map((m) => m.id),
+              items: s.map((h) => h.id),
               strategy: Nt,
-              children: s.map((m, N) => D(m, N))
+              children: s.map((h, N) => U(h, N))
             }
           )
         }
-      ) : s.map((m, N) => D(m, N)),
+      ) : s.map((h, N) => U(h, N)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -772,37 +772,37 @@ const Ge = (u) => {
             {
               withoutHover: !0,
               className: Y(z.button, {
-                [z.disabled]: !!(B && B <= s.length || s.length === (_ == null ? void 0 : _.length))
+                [z.disabled]: !!(S && S <= s.length || s.length === (m == null ? void 0 : m.length))
               }),
               size: "s",
-              disabled: !!(B && B <= s.length || s.length === (_ == null ? void 0 : _.length)),
+              disabled: !!(S && S <= s.length || s.length === (m == null ? void 0 : m.length)),
               onClick: () => {
-                const m = [...s];
+                const h = [...s];
                 let N = null;
-                if (_) {
-                  for (let M = 0; M < _.length; M++)
-                    if (!s.find((L) => L.id === _[M].id)) {
-                      N = _[M];
+                if (m) {
+                  for (let O = 0; O < m.length; O++)
+                    if (!s.find((R) => R.id === m[O].id)) {
+                      N = m[O];
                       break;
                     }
                 }
-                y === "select" && _ ? m.push({
-                  name: N ? N.name : _[0].name,
-                  id: (N == null ? void 0 : N.id) || _[0].id,
-                  ...g
-                }) : y === "input" ? m.push({
+                k === "select" && m ? h.push({
+                  name: N ? N.name : m[0].name,
+                  id: (N == null ? void 0 : N.id) || m[0].id,
+                  ...u
+                }) : k === "input" ? h.push({
                   name: {
                     "en-US": ""
                   },
-                  id: ht(),
-                  ...g
-                }) : m.push({
+                  id: mt(),
+                  ...u
+                }) : h.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: ht(),
-                  ...g
-                }), i(m);
+                  id: mt(),
+                  ...u
+                }), i(h);
               },
               style: {
                 width: "fit-content"
@@ -830,7 +830,7 @@ const Ge = (u) => {
         label: E.title || "Auto scroll interval",
         type: "number",
         value: String(E.autoInterval),
-        onChange: (m) => E.setAutoInterval(Number(m)),
+        onChange: (h) => E.setAutoInterval(Number(h)),
         min: 0.1,
         max: 100,
         style: {
@@ -840,7 +840,7 @@ const Ge = (u) => {
       }
     )
   ] });
-}, 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", hs = "_modalOptions_82zux_151", ps = "_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", _s = "_modal_82zux_125", ms = "_link_82zux_145", ps = "_modalOptions_82zux_151", hs = "_addButton_82zux_157", fs = "_deleteButton_82zux_179", Z = {
   title: Xe,
   subtitle: We,
   header: Je,
@@ -861,10 +861,10 @@ const Ge = (u) => {
   buttons: us,
   modal: _s,
   link: ms,
-  modalOptions: hs,
-  addButton: ps,
+  modalOptions: ps,
+  addButton: hs,
   deleteButton: fs
-}, Ja = (u) => {
+}, Ja = (d) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -874,21 +874,21 @@ const Ge = (u) => {
     title: l,
     subtitle: o,
     draggable: n = !1,
-    withImage: d = !1,
-    addable: j = !0,
-    itemsOptions: p,
+    withImage: _ = !1,
+    addable: v = !0,
+    itemsOptions: g,
     hasRangeSelector: r = !1,
-    rangeSelectorOptions: y,
-    limit: h,
-    autoScrollInterval: _,
-    deletable: w
-  } = u;
-  function H(g) {
-    if (d)
-      return g ? /* @__PURE__ */ t.jsx(
+    rangeSelectorOptions: k,
+    limit: p,
+    autoScrollInterval: m,
+    deletable: $
+  } = d;
+  function H(u) {
+    if (_)
+      return u ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${g[0]}/w=1000`,
+          src: `https://imagedelivery.net/${u[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -903,8 +903,8 @@ const Ge = (u) => {
         }
       );
   }
-  const $ = (g, B = !1) => {
-    const E = p.find((T) => T.id === g);
+  const q = (u, S = !1) => {
+    const E = g.find((B) => B.id === u);
     if (!E) return;
     const F = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -919,18 +919,18 @@ const Ge = (u) => {
       /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (T) => {
-            const v = [...s], A = p.find((C) => C.name === T);
-            if (!A) return;
-            const x = A.id, I = v.map((C) => C === g ? x : C);
+          onChange: (B) => {
+            const j = [...s], P = g.find((w) => w.name === B);
+            if (!P) return;
+            const x = P.id, I = j.map((w) => w === u ? x : w);
             i([...I]);
           },
           value: E.name,
-          options: p.filter((T) => !s.find((v) => v === T.id)).map((T) => T.name),
+          options: g.filter((B) => !s.find((j) => j === B.id)).map((B) => B.name),
           leftAddon: H(E.images)
         }
       ),
-      B && /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
+      S && /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "Trash",
@@ -938,7 +938,7 @@ const Ge = (u) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(s.filter((T) => T !== g))
+          onClick: () => i(s.filter((B) => B !== u))
         }
       ) }) })
     ] });
@@ -948,7 +948,7 @@ const Ge = (u) => {
         className: Z.product,
         children: F
       },
-      g
+      u
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.productsBlock, children: [
@@ -958,15 +958,15 @@ const Ge = (u) => {
         st,
         {
           current: a,
-          onChange: (g) => e == null ? void 0 : e(g)
+          onChange: (u) => e == null ? void 0 : e(u)
         }
       )
     ] }),
-    r && y && /* @__PURE__ */ t.jsx(qt, { ...y }),
+    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((g) => $(g, w)),
-      j && /* @__PURE__ */ t.jsx(
+      s.map((u) => q(u, $)),
+      v && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -980,21 +980,21 @@ const Ge = (u) => {
             {
               withoutHover: !0,
               className: Y(Z.button, {
-                [Z.disabled]: !!(h && h <= s.length || s.length === p.length)
+                [Z.disabled]: !!(p && p <= s.length || s.length === g.length)
               }),
               size: "s",
-              disabled: !!(h && h <= s.length || s.length === p.length),
+              disabled: !!(p && p <= s.length || s.length === g.length),
               onClick: () => {
-                const g = [...s];
-                let B = null;
-                if (p) {
-                  for (let E = 0; E < p.length; E++)
-                    if (!s.find((F) => F === p[E].id)) {
-                      B = p[E];
+                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];
                       break;
                     }
                 }
-                g.push((B == null ? void 0 : B.id) || p[0].id), i(g);
+                u.push((S == null ? void 0 : S.id) || g[0].id), i(u);
               },
               style: {
                 width: "fit-content"
@@ -1016,13 +1016,13 @@ const Ge = (u) => {
       )
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c }),
-    _ !== void 0 && /* @__PURE__ */ t.jsx(
+    m !== void 0 && /* @__PURE__ */ t.jsx(
       tt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(_.scrollInterval),
-        onChange: (g) => _.setScrollInterval(Number(g)),
+        value: String(m.scrollInterval),
+        onChange: (u) => m.setScrollInterval(Number(u)),
         min: 0.1,
         max: 100,
         style: {
@@ -1032,7 +1032,7 @@ const Ge = (u) => {
       }
     )
   ] });
-}, 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", Ds = "_addButton_roi3a_164", Us = "_deleteButton_roi3a_179", Hs = "_closeIcon_roi3a_191", J = {
+}, 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,
   subtitle: xs,
   header: bs,
@@ -1054,11 +1054,11 @@ const Ge = (u) => {
   modal: Ms,
   link: qs,
   modalOptions: Es,
-  addButton: Ds,
-  deleteButton: Us,
-  closeIcon: Hs
+  addButton: Us,
+  deleteButton: Ds,
+  closeIcon: Ls
 };
-function Rs({ product: u, children: a }) {
+function Hs({ product: d, children: a }) {
   const {
     attributes: e,
     listeners: s,
@@ -1067,7 +1067,7 @@ function Rs({ product: u, children: a }) {
     transition: l,
     isDragging: o
   } = Ct({
-    id: u.id
+    id: d.id
   }), n = {
     transform: St.Transform.toString(c),
     transition: l
@@ -1084,7 +1084,7 @@ function Rs({ product: u, children: a }) {
     }
   );
 }
-const Qa = (u) => {
+const Qa = (d) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -1094,13 +1094,13 @@ const Qa = (u) => {
     subtitle: l,
     editable: o = !0,
     draggable: n = !1,
-    deletable: d = !0,
-    addable: j = !0,
-    itemsType: p,
+    deletable: _ = !0,
+    addable: v = !0,
+    itemsType: g,
     itemsOptions: r,
-    addableOptions: y = {},
-    limit: h
-  } = u, [_, w] = f.useState(null), [H, $] = f.useState(null), g = f.useRef(null), B = yt(
+    addableOptions: k = {},
+    limit: p
+  } = d, [m, $] = f.useState(null), [H, q] = f.useState(null), u = f.useRef(null), S = yt(
     kt(wt, {
       activationConstraint: {
         distance: 5
@@ -1108,30 +1108,30 @@ const Qa = (u) => {
     })
   );
   f.useEffect(() => {
-    if (_) {
-      const v = [...s].map((A) => A.id === _.id ? _ : A);
-      i(v);
+    if (m) {
+      const j = [...s].map((P) => P.id === m.id ? m : P);
+      i(j);
     }
-  }, [_]), f.useEffect(() => {
-    g.current && H && (g.current.getBoundingClientRect().height, H.top);
-  }, [g.current, H]);
-  const E = (v, A) => {
-    v.stopPropagation();
-    const x = v.target.getBoundingClientRect();
-    $({
+  }, [m]), f.useEffect(() => {
+    u.current && H && (u.current.getBoundingClientRect().height, H.top);
+  }, [u.current, H]);
+  const E = (j, P) => {
+    j.stopPropagation();
+    const x = j.target.getBoundingClientRect();
+    q({
       top: x.top + window.scrollY,
       left: x.left - 30
-    }), w(A);
-  }, F = (v) => {
-    const { active: A, over: x } = v;
-    if (x && A.id !== x.id) {
-      const I = s.findIndex((R) => R.id === A.id), C = s.findIndex((R) => R.id === x.id);
-      if (I !== -1 && C !== -1) {
-        const R = [...s], [O] = R.splice(I, 1);
-        R.splice(C, 0, O), i(R);
+    }), $(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 L = [...s], [A] = L.splice(I, 1);
+        L.splice(w, 0, A), i(L);
       }
     }
-  }, T = (v, A) => {
+  }, B = (j, P) => {
     const x = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
@@ -1142,27 +1142,27 @@ const Qa = (u) => {
           height: 20
         }
       ) }),
-      p === "select" && r && /* @__PURE__ */ t.jsx(
+      g === "select" && r && /* @__PURE__ */ t.jsx(
         et,
         {
           onChange: (I) => {
-            const C = [...s], R = r.find((U) => U.name === I);
-            if (!R) return;
-            const O = C.map((U) => U.id === v.id ? {
-              ...R,
+            const w = [...s], L = r.find((D) => D.name === I);
+            if (!L) return;
+            const A = w.map((D) => D.id === j.id ? {
+              ...L,
               name: {
                 "en-US": I
               }
-            } : U);
-            w({
-              ...v,
+            } : D);
+            $({
+              ...j,
               name: {
                 "en-US": I
               }
-            }), i([...O]);
+            }), i([...A]);
           },
-          value: v.name,
-          options: r.filter((I) => !s.find((C) => C.name === I.name)).map((I) => I.name)
+          value: j.name,
+          options: r.filter((I) => !s.find((w) => w.name === I.name)).map((I) => I.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: J.buttons, children: [
@@ -1173,10 +1173,10 @@ const Qa = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (I) => E(I, v)
+            onClick: (I) => E(I, j)
           }
         ) }),
-        d && /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
+        _ && /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1184,26 +1184,26 @@ const Qa = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((I) => I.id !== v.id))
+            onClick: () => i(s.filter((I) => I.id !== j.id))
           }
         ) })
       ] })
     ] });
     return n ? /* @__PURE__ */ t.jsx(
-      Rs,
+      Hs,
       {
-        product: v,
-        index: A,
+        product: j,
+        index: P,
         children: x
       },
-      v.id
+      j.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: J.product,
         children: x
       },
-      v.id
+      j.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: J.productsBlock, children: [
@@ -1213,7 +1213,7 @@ const Qa = (u) => {
         st,
         {
           current: a,
-          onChange: (v) => e == null ? void 0 : e(v)
+          onChange: (j) => e == null ? void 0 : e(j)
         }
       )
     ] }),
@@ -1222,19 +1222,19 @@ const Qa = (u) => {
       n ? /* @__PURE__ */ t.jsx(
         $t,
         {
-          sensors: B,
+          sensors: S,
           onDragEnd: F,
           children: /* @__PURE__ */ t.jsx(
             It,
             {
-              items: s.map((v) => v.id),
+              items: s.map((j) => j.id),
               strategy: Nt,
-              children: s.map((v, A) => T(v, A))
+              children: s.map((j, P) => B(j, P))
             }
           )
         }
-      ) : s.map((v, A) => T(v, A)),
-      j && /* @__PURE__ */ t.jsx(
+      ) : s.map((j, P) => B(j, P)),
+      v && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1247,25 +1247,25 @@ const Qa = (u) => {
             {
               withoutHover: !0,
               className: Y(J.button, {
-                [J.disabled]: !!(h && h <= s.length || s.length === (r == null ? void 0 : r.length))
+                [J.disabled]: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length))
               }),
               size: "s",
-              disabled: !!(h && h <= s.length || s.length === (r == null ? void 0 : r.length)),
+              disabled: !!(p && p <= s.length || s.length === (r == null ? void 0 : r.length)),
               onClick: () => {
-                const v = [...s];
-                let A = null;
+                const j = [...s];
+                let P = null;
                 if (r) {
                   for (let x = 0; x < r.length; x++)
                     if (!s.find((I) => I.id === r[x].id)) {
-                      A = r[x];
+                      P = r[x];
                       break;
                     }
                 }
-                p === "select" && r && v.push({
-                  name: A ? A.name : r[0].name,
-                  id: (A == null ? void 0 : A.id) || r[0].id,
-                  ...y
-                }), i(v);
+                g === "select" && r && j.push({
+                  name: P ? P.name : r[0].name,
+                  id: (P == null ? void 0 : P.id) || r[0].id,
+                  ...k
+                }), i(j);
               },
               style: {
                 width: "fit-content"
@@ -1287,8 +1287,8 @@ const Qa = (u) => {
       )
     ] })
   ] });
-}, Ls = "_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 = {
-  title: Ls,
+}, 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 = {
+  title: Rs,
   subtitle: zs,
   header: Fs,
   text: Vs,
@@ -1313,8 +1313,8 @@ const Qa = (u) => {
   deleteButton: un,
   closeIcon: _n
 }, mn = f.forwardRef(
-  (u, a) => {
-    const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
+  (d, a) => {
+    const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = d;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1351,44 +1351,44 @@ const Qa = (u) => {
                   label: "Put up an attractive image",
                   activeImage: e[o.field],
                   onChange: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field]: n
                     };
-                    s(d);
+                    s(_);
                   }
                 },
                 String(o.field)
               );
             if (o.type === "text")
               return /* @__PURE__ */ t.jsx(
-                Lt,
+                Rt,
                 {
                   typesText: e[o.field.type],
                   setTypesText: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field.type]: n
                     };
-                    s(d);
+                    s(_);
                   },
                   text: e[o.field.text]["en-US"] || "",
                   setText: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field.text]: {
                         "en-US": n
                       }
                     };
-                    s(d);
+                    s(_);
                   },
                   typeFont: e[o.field.type],
                   setTypeFont: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field.type]: n
                     };
-                    s(d);
+                    s(_);
                   },
                   subtitle: o.label
                 }
@@ -1398,11 +1398,11 @@ const Qa = (u) => {
                 tt,
                 {
                   onChange: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field]: n
                     };
-                    s(d);
+                    s(_);
                   },
                   value: e[o.field] || "",
                   label: o.label,
@@ -1415,11 +1415,11 @@ const Qa = (u) => {
                   tt,
                   {
                     onChange: (n) => {
-                      const d = {
+                      const _ = {
                         ...e,
                         [o.field.text]: n
                       };
-                      s(d);
+                      s(_);
                     },
                     value: e[o.field.text] || "",
                     label: o.inputLabel,
@@ -1432,11 +1432,11 @@ const Qa = (u) => {
                     current: !!e[o.field.switch] || !1,
                     label: o.switchLabel,
                     onChange: (n) => {
-                      const d = {
+                      const _ = {
                         ...e,
                         [o.field.switch]: n
                       };
-                      s(d);
+                      s(_);
                     }
                   }
                 )
@@ -1447,11 +1447,11 @@ const Qa = (u) => {
                 {
                   options: o.itemsOptions,
                   onChange: (n) => {
-                    const d = {
+                    const _ = {
                       ...e,
                       [o.field]: n
                     };
-                    s(d);
+                    s(_);
                   },
                   label: o.label,
                   value: e[o.field] || "String",
@@ -1464,10 +1464,10 @@ const Qa = (u) => {
     );
   }
 );
-function hn(u) {
-  const { product: a, children: e } = u, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
+function pn(d) {
+  const { product: a, children: e } = d, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
     id: a.id
-  }), d = {
+  }), _ = {
     transform: St.Transform.toString(l),
     transition: o
   };
@@ -1475,7 +1475,7 @@ function hn(u) {
     "div",
     {
       ref: c,
-      style: d,
+      style: _,
       className: `${V.product} ${n ? V.dragging : ""}`,
       ...s,
       ...i,
@@ -1483,7 +1483,7 @@ function hn(u) {
     }
   );
 }
-const Ka = (u) => {
+const Ka = (d) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -1493,21 +1493,21 @@ const Ka = (u) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: d = !1,
-    withImage: j = !1,
-    deletable: p = !0,
+    draggable: _ = !1,
+    withImage: v = !1,
+    deletable: g = !0,
     addable: r = !0,
-    itemsType: y,
-    itemsPlaceholder: h = "",
-    itemsOptions: _,
-    hasRangeSelector: w = !1,
+    itemsType: k,
+    itemsPlaceholder: p = "",
+    itemsOptions: m,
+    hasRangeSelector: $ = !1,
     rangeSelectorOptions: H,
-    modalOptions: $,
-    addableOptions: g = {}
-  } = u, [B, E] = f.useState(null), [F, T] = f.useState({
+    modalOptions: q,
+    addableOptions: u = {}
+  } = d, [S, E] = f.useState(null), [F, B] = f.useState({
     top: 0,
     left: 0
-  }), [v, A] = f.useState(null), x = f.useRef(null), [I, C] = f.useState(!1), R = yt(
+  }), [j, P] = f.useState(null), x = f.useRef(null), [I, w] = f.useState(!1), L = yt(
     kt(wt, {
       activationConstraint: {
         distance: 5
@@ -1515,41 +1515,41 @@ const Ka = (u) => {
     })
   );
   f.useEffect(() => {
-    const k = () => {
-      E(null), C(!1);
+    const y = () => {
+      E(null), w(!1);
     };
-    return document.body.addEventListener("click", k), E(null), C(!1), () => {
-      E(null), C(!1), document.body.removeEventListener("click", k);
+    return document.body.addEventListener("click", y), E(null), w(!1), () => {
+      E(null), w(!1), document.body.removeEventListener("click", y);
     };
   }, []), f.useEffect(() => {
-    if (B) {
-      const k = [...s].map((D) => D.id === B.id ? B : D);
-      i(k);
+    if (S) {
+      const y = [...s].map((U) => U.id === S.id ? S : U);
+      i(y);
     }
-  }, [B]), f.useEffect(() => {
-    if (x.current && v) {
-      const k = x.current.getBoundingClientRect().height, D = window.innerHeight;
-      let m = v.top;
-      m + k > D + window.scrollY - 200 && (m = D + window.scrollY - k - 200), m < 0 && (m = 10), T({
-        top: m,
-        left: v.left
+  }, [S]), f.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,
+        left: j.left
       });
     }
-  }, [x.current, v]);
-  const O = (k, D) => {
-    k.stopPropagation();
-    const m = k.target.getBoundingClientRect();
-    A({
-      top: m.top + window.scrollY,
-      left: m.left - 30
-    }), E(D), C(!0);
+  }, [x.current, j]);
+  const A = (y, U) => {
+    y.stopPropagation();
+    const h = y.target.getBoundingClientRect();
+    P({
+      top: h.top + window.scrollY,
+      left: h.left - 30
+    }), E(U), w(!0);
   };
-  function U(k) {
-    if (j)
-      return k ? /* @__PURE__ */ t.jsx(
+  function D(y) {
+    if (v)
+      return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${k[0]}/w=1000`,
+          src: `https://imagedelivery.net/${y[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1564,19 +1564,19 @@ const Ka = (u) => {
         }
       );
   }
-  const nt = (k) => {
-    const { active: D, over: m } = k;
-    if (m && D.id !== m.id) {
-      const N = s.findIndex((L) => L.id === D.id), M = s.findIndex((L) => L.id === m.id);
-      if (N !== -1 && M !== -1) {
-        const L = [...s], [X] = L.splice(N, 1);
-        L.splice(M, 0, X), i(L);
+  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);
+        R.splice(O, 0, X), i(R);
       }
     }
-  }, dt = (k) => {
-    var m;
-    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, dt = (y) => {
+    var h;
+    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -1585,57 +1585,57 @@ const Ka = (u) => {
           height: 20
         }
       ) }),
-      y === "select" && _ && /* @__PURE__ */ t.jsx(
+      k === "select" && m && /* @__PURE__ */ t.jsx(
         et,
         {
           onChange: (N) => {
-            const L = [...s].map((X) => X.id === k.id ? {
-              ...k,
+            const R = [...s].map((X) => X.id === y.id ? {
+              ...y,
               name: {
                 "en-US": N
               }
             } : X);
             E({
-              ...k,
+              ...y,
               name: {
                 "en-US": N
               }
-            }), i([...L]);
+            }), i([...R]);
           },
-          value: k.name["en-US"],
-          options: _.filter(
-            (N) => !s.find((M) => M.name["en-US"] === N)
+          value: y.name["en-US"],
+          options: m.filter(
+            (N) => !s.find((O) => O.name["en-US"] === N)
           ),
-          leftAddon: U(k.images)
+          leftAddon: D(y.images)
         }
       ),
-      y === "input" && /* @__PURE__ */ t.jsx(
+      k === "input" && /* @__PURE__ */ t.jsx(
         tt,
         {
           onChange: (N) => {
-            const L = [...s].map((X) => X.id === k.id ? {
-              ...k,
+            const R = [...s].map((X) => X.id === y.id ? {
+              ...y,
               name: {
                 "en-US": N
               }
             } : X);
-            i([...L]);
+            i([...R]);
           },
-          value: k.name["en-US"],
-          placeholder: h
+          value: y.name["en-US"],
+          placeholder: p
         }
       ),
-      y === "image" && /* @__PURE__ */ t.jsx(
+      k === "image" && /* @__PURE__ */ t.jsx(
         bt,
         {
           onChange: (N) => {
-            const L = [...s].map((X) => X.id === k.id ? {
-              ...k,
+            const R = [...s].map((X) => X.id === y.id ? {
+              ...y,
               images: N
             } : X);
-            i([...L]);
+            i([...R]);
           },
-          activeImage: (m = s.find((N) => N.id === k.id)) == null ? void 0 : m.images[0]
+          activeImage: (h = s.find((N) => N.id === y.id)) == null ? void 0 : h.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -1646,10 +1646,10 @@ const Ka = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (N) => O(N, k)
+            onClick: (N) => A(N, y)
           }
         ) }),
-        p && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1657,25 +1657,25 @@ const Ka = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((N) => N.id !== k.id))
+            onClick: () => i(s.filter((N) => N.id !== y.id))
           }
         ) })
       ] })
     ] });
-    return d ? /* @__PURE__ */ t.jsx(
-      hn,
+    return _ ? /* @__PURE__ */ t.jsx(
+      pn,
       {
-        product: k,
-        children: D
+        product: y,
+        children: U
       },
-      k.id
+      y.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: D
+        children: U
       },
-      k.id
+      y.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
@@ -1685,39 +1685,39 @@ const Ka = (u) => {
         st,
         {
           current: a,
-          onChange: (k) => e == null ? void 0 : e(k)
+          onChange: (y) => e == null ? void 0 : e(y)
         }
       )
     ] }),
-    B && n && $ && I && /* @__PURE__ */ t.jsx(
+    S && n && q && I && /* @__PURE__ */ t.jsx(
       mn,
       {
         ref: x,
-        activeItem: B,
+        activeItem: S,
         setActiveItem: E,
         popupPosition: F,
-        modalOptions: $,
-        setIsOpenModal: C
+        modalOptions: q,
+        setIsOpenModal: w
       }
     ),
-    w && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
+    $ && H && /* @__PURE__ */ t.jsx(qt, { ...H }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
-      d ? /* @__PURE__ */ t.jsx(
+      _ ? /* @__PURE__ */ t.jsx(
         $t,
         {
-          sensors: R,
+          sensors: L,
           onDragEnd: nt,
           children: /* @__PURE__ */ t.jsx(
             It,
             {
-              items: s.map((k) => k.id),
+              items: s.map((y) => y.id),
               strategy: Nt,
-              children: s.map((k) => dt(k))
+              children: s.map((y) => dt(y))
             }
           )
         }
-      ) : s.map((k) => dt(k)),
+      ) : s.map((y) => dt(y)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1733,38 +1733,38 @@ const Ka = (u) => {
               className: V.button,
               size: "s",
               onClick: () => {
-                const k = [...s];
-                let D = null;
-                if (_) {
-                  for (let m = 0; m < _.length; m++)
-                    if (!s.find((N) => N.name["en-US"] === _[m])) {
-                      D = _[m];
+                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];
                       break;
                     }
                 }
-                y === "select" && _ ? k.push({
+                k === "select" && m ? y.push({
                   name: {
-                    "en-US": D || _[0]
+                    "en-US": U || m[0]
                   },
-                  id: ht(),
-                  ...g,
+                  id: mt(),
+                  ...u,
                   maxSymbols: 100
                   // пример значения
-                }) : y === "input" ? k.push({
+                }) : k === "input" ? y.push({
                   name: {
                     "en-US": ""
                   },
-                  id: ht(),
-                  ...g,
+                  id: mt(),
+                  ...u,
                   maxSymbols: 100
-                }) : k.push({
+                }) : y.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: ht(),
-                  ...g,
+                  id: mt(),
+                  ...u,
                   maxSymbols: 100
-                }), i(k);
+                }), i(y);
               },
               style: {
                 width: "fit-content"
@@ -1787,8 +1787,8 @@ const Ka = (u) => {
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(Tt, { items: c })
   ] });
-}, pn = "_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: pn,
+}, 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,
   text: xn,
@@ -1810,26 +1810,26 @@ const Ka = (u) => {
   other: On,
   options: Mn,
   closeIcon: qn
-}, En = f.forwardRef((u, a) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i } = u, [c, l] = f.useState(e.typesText), [o, n] = f.useState(e.destination), [d, j] = f.useState(e.page), [p, r] = f.useState(e.link || ""), [y, h] = f.useState(e.text || { "en-US": "" }), [_, w] = f.useState(e.openInNewTab), { pages: H } = Vt();
+}, 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(() => {
     s({
       ...e,
       ...{
-        text: y,
-        link: p,
-        destination: o,
-        typesText: c,
-        page: d,
-        openInNewTab: _
+        text: p,
+        link: r,
+        destination: n,
+        typesText: l,
+        page: v,
+        openInNewTab: $
       }
     });
-  }, [c, o, p, y, d, _]), console.log(y), /* @__PURE__ */ t.jsxs(
+  }, [l, n, r, p, v, $]), console.log(p), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: rt.modal,
-      onClick: ($) => {
-        $.stopPropagation();
+      onClick: (u) => {
+        u.stopPropagation();
       },
       style: {
         top: `${i.top}px`,
@@ -1851,66 +1851,66 @@ const Ka = (u) => {
           ) })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: rt.options, children: [
-          /* @__PURE__ */ t.jsx(
+          c && /* @__PURE__ */ t.jsx(
             et,
             {
               label: "Destination",
-              onChange: ($) => n($),
-              options: ["Go to Page", "Open Link"].filter(($) => $ !== o),
-              value: o
+              onChange: (u) => _(u),
+              options: ["Go to Page", "Open Link"].filter((u) => u !== n),
+              value: n
             }
           ),
-          o === "Go to Page" ? /* @__PURE__ */ t.jsx(
+          c && (n === "Go to Page" ? /* @__PURE__ */ t.jsx(
             et,
             {
               label: "Go to",
-              onChange: ($) => j($),
-              options: H ? Object.values(H).filter(($) => $.name !== d).map(($) => $.name) : [],
-              value: d
+              onChange: (u) => g(u),
+              options: q ? Object.values(q).filter((u) => u.name !== v).map((u) => u.name) : [],
+              value: v
             }
           ) : /* @__PURE__ */ t.jsx(
             tt,
             {
-              onChange: ($) => r($),
-              value: p,
+              onChange: (u) => k(u),
+              value: r,
               placeholder: "https://",
               label: "Link"
             }
-          ),
-          /* @__PURE__ */ t.jsx(
+          )),
+          c && /* @__PURE__ */ t.jsx(
             st,
             {
               current: e.openInNewTab,
               label: "Open in new tab",
-              onChange: ($) => w($)
+              onChange: (u) => H(u)
             }
           ),
           /* @__PURE__ */ t.jsx(
             Et,
             {
-              onChange: ($) => h({ "en-US": $ }),
-              value: y["en-US"],
+              onChange: (u) => m({ "en-US": u }),
+              value: p["en-US"],
               label: "Text",
               maxLength: 150
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Rt,
+            Ht,
             {
-              typesText: c,
-              setTypesText: l
+              typesText: l,
+              setTypesText: o
             }
           )
         ] })
       ]
     }
   );
-}), Dn = "_subtitle_jql1y_1", Un = "_header_jql1y_8", Hn = "_text_jql1y_9", Rn = "_productsBlock_jql1y_10", Ln = "_buttonsBlock_jql1y_11", zn = "_top_jql1y_23", Fn = "_itemsBlock_jql1y_32", Vn = "_typeTexts_jql1y_38", Yn = "_block_jql1y_45", Gn = "_active_jql1y_58", Xn = "_products_jql1y_10", Wn = "_product_jql1y_10", Jn = "_button_jql1y_11", Qn = "_image_jql1y_88", Kn = "_info_jql1y_95", Zn = "_name_jql1y_107", ti = "_buttons_jql1y_11", ei = "_modal_jql1y_118", si = "_other_jql1y_138", ni = "_options_jql1y_144", ii = "_addButton_jql1y_150", oi = "_deleteButton_jql1y_165", at = {
-  subtitle: Dn,
-  header: Un,
-  text: Hn,
-  productsBlock: Rn,
-  buttonsBlock: Ln,
+}), Un = "_subtitle_jql1y_1", Dn = "_header_jql1y_8", Ln = "_text_jql1y_9", Hn = "_productsBlock_jql1y_10", Rn = "_buttonsBlock_jql1y_11", zn = "_top_jql1y_23", Fn = "_itemsBlock_jql1y_32", Vn = "_typeTexts_jql1y_38", Yn = "_block_jql1y_45", Gn = "_active_jql1y_58", Xn = "_products_jql1y_10", Wn = "_product_jql1y_10", Jn = "_button_jql1y_11", Qn = "_image_jql1y_88", Kn = "_info_jql1y_95", Zn = "_name_jql1y_107", ti = "_buttons_jql1y_11", ei = "_modal_jql1y_118", si = "_other_jql1y_138", ni = "_options_jql1y_144", ii = "_addButton_jql1y_150", oi = "_deleteButton_jql1y_165", at = {
+  subtitle: Un,
+  header: Dn,
+  text: Ln,
+  productsBlock: Hn,
+  buttonsBlock: Rn,
   top: zn,
   itemsBlock: Fn,
   typeTexts: Vn,
@@ -1928,44 +1928,44 @@ const Ka = (u) => {
   options: ni,
   addButton: ii,
   deleteButton: oi
-}, ai = (u) => {
-  const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0, editable: c = !0 } = u, [l, o] = f.useState(null), [n, d] = f.useState({
+}, 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({
     top: 0,
     left: 0
-  }), [j, p] = f.useState(null), r = f.useRef(null);
+  }), [v, g] = f.useState(null), r = f.useRef(null);
   f.useEffect(() => {
-    const h = () => {
+    const p = () => {
       o(null);
     };
-    return document.body.addEventListener("click", h), o(null), () => {
-      o(null), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", p), o(null), () => {
+      o(null), document.body.removeEventListener("click", p);
     };
   }, []), f.useEffect(() => {
     if (l) {
-      const h = [...a].map((_) => _.id === l.id ? l : _);
-      e(h);
+      const p = [...a].map((m) => m.id === l.id ? l : m);
+      e(p);
     }
   }, [l]), f.useEffect(() => {
-    if (r.current && j) {
-      const h = r.current.getBoundingClientRect().height, _ = window.innerHeight;
-      let w = j.top;
-      w + h > _ + window.scrollY - 200 && (w = _ + window.scrollY - h - 200), w < 0 && (w = 10), d({
-        top: w,
-        left: j.left
+    if (r.current && v) {
+      const p = r.current.getBoundingClientRect().height, m = window.innerHeight;
+      let $ = v.top;
+      $ + p > m + window.scrollY - 200 && ($ = m + window.scrollY - p - 200), $ < 0 && ($ = 10), _({
+        top: $,
+        left: v.left
       });
     }
-  }, [r.current, j]);
-  const y = (h, _) => {
-    h.stopPropagation();
-    const w = h.target.getBoundingClientRect();
-    p({
-      top: w.top + window.scrollY - 70,
-      left: w.left - (i ? 30 : 65)
-    }), o(_);
+  }, [r.current, v]);
+  const k = (p, m) => {
+    p.stopPropagation();
+    const $ = p.target.getBoundingClientRect();
+    g({
+      top: $.top + window.scrollY - 70,
+      left: $.left - (i ? 30 : 65)
+    }), o(m);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: at.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: at.subtitle, children: "Button Type" }),
-    a.map((h) => /* @__PURE__ */ t.jsxs(
+    a.map((p) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: at.product,
@@ -1973,27 +1973,27 @@ const Ka = (u) => {
           /* @__PURE__ */ t.jsx(
             et,
             {
-              onChange: (_) => {
-                const H = [...a].map(($) => $.id === h.id ? {
-                  ...h,
-                  type: _
-                } : $);
+              onChange: (m) => {
+                const H = [...a].map((q) => q.id === p.id ? {
+                  ...p,
+                  type: m
+                } : q);
                 e(H);
               },
-              value: h.type,
+              value: p.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: at.buttons, children: [
-            c && /* @__PURE__ */ t.jsx("div", { className: at.deleteButton, children: /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ t.jsx("div", { className: at.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (_) => {
-                  y(_, h);
+                onClick: (m) => {
+                  k(m, p);
                 }
               }
             ) }),
@@ -2003,8 +2003,8 @@ const Ka = (u) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const _ = a.filter((w) => w.id !== h.id);
-                  e(_);
+                  const m = a.filter(($) => $.id !== p.id);
+                  e(m);
                 },
                 width: 20,
                 height: 20,
@@ -2014,7 +2014,7 @@ const Ka = (u) => {
           ] })
         ]
       },
-      h.id
+      p.id
     )),
     l && /* @__PURE__ */ t.jsx(
       En,
@@ -2022,7 +2022,8 @@ const Ka = (u) => {
         ref: r,
         activeButton: l,
         setActiveButton: o,
-        popupPosition: n
+        popupPosition: n,
+        editableLink: c
       }
     ),
     i && /* @__PURE__ */ t.jsx(
@@ -2040,18 +2041,28 @@ const Ka = (u) => {
             className: at.button,
             size: "s",
             onClick: () => {
-              const h = [...a];
-              h.push({
+              const p = [...a];
+              c ? p.push({
                 type: "Primary",
-                id: ht(),
+                id: mt(),
                 typesText: [],
-                destination: "Go to Page",
                 text: {
                   "en-US": "Button Name"
                 },
-                page: "home",
-                openInNewTab: !0
-              }), e(h);
+                destination: "Go to Page",
+                page: "",
+                openInNewTab: !1
+              }) : p.push({
+                type: "Primary",
+                id: mt(),
+                typesText: [],
+                text: {
+                  "en-US": "Create Ticket"
+                },
+                destination: "Go to Page",
+                page: "",
+                openInNewTab: !1
+              }), e(p);
             },
             style: {
               width: "fit-content"
@@ -2072,8 +2083,8 @@ const Ka = (u) => {
       }
     )
   ] });
-}, Za = (u) => {
-  const { isActiveButtons: a, setIsActiveButtons: e, buttons: s, setButtons: i, editable: c = !0 } = u;
+}, Za = (d) => {
+  const { isActiveButtons: a, setIsActiveButtons: e, buttons: s, setButtons: i, editableLink: c = !0 } = d;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: rt.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: rt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: rt.title, children: "Buttons" }),
@@ -2090,11 +2101,11 @@ const Ka = (u) => {
       {
         buttons: s,
         setButtons: i,
-        editable: c
+        editableLink: c
       }
     )
   ] }) });
-}, 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", hi = "_dot_m18qi_46", pi = "_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", _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 = {
   wrapper: ci,
   subtitle: li,
   content: ri,
@@ -2102,21 +2113,21 @@ const Ka = (u) => {
   track: ui,
   progress: _i,
   dots: mi,
-  dot: hi,
-  active: pi,
+  dot: pi,
+  active: hi,
   input: fi,
   countBlock: gi,
   count: xi,
   controls: bi,
   button: vi
-}, qt = (u) => {
-  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = u, [o, n] = f.useState(!1), d = Array.from({ length: (s - e) / i + 1 }), j = (c - e) / (s - e) * 100, p = () => {
+}, 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 = () => {
     c < s && l(c + i);
   }, r = () => {
     c > e && l(c - i);
-  }, y = (h) => {
-    const _ = e + h * i;
-    l(_);
+  }, k = (p) => {
+    const m = e + p * i;
+    l(m);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: W.wrapper, children: [
     a && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: a }),
@@ -2127,23 +2138,23 @@ const Ka = (u) => {
           "div",
           {
             className: W.progress,
-            style: { width: `${j}%` }
+            style: { width: `${v}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: W.dots, children: d.map((h, _) => {
-          const w = _ <= (c - e) / i;
+        /* @__PURE__ */ t.jsx("div", { className: W.dots, children: _.map((p, m) => {
+          const $ = m <= (c - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => y(_),
+              onClick: () => k(m),
               className: Y(W.dot, {
-                [W.active]: w,
-                [W.inactive]: !w,
+                [W.active]: $,
+                [W.inactive]: !$,
                 [W.dragging]: o
               }),
-              "aria-label": `Set value to ${e + _ * i}`
+              "aria-label": `Set value to ${e + m * i}`
             },
-            _
+            m
           );
         }) }),
         /* @__PURE__ */ t.jsx(
@@ -2154,7 +2165,7 @@ const Ka = (u) => {
             max: s,
             step: i,
             value: c,
-            onChange: (h) => l(Number(h.target.value)),
+            onChange: (p) => l(Number(p.target.value)),
             onMouseDown: () => n(!0),
             onMouseUp: () => n(!1),
             onTouchStart: () => n(!0),
@@ -2171,9 +2182,9 @@ const Ka = (u) => {
             min: e,
             max: s,
             paddingless: !0,
-            onChange: (h) => {
-              const _ = Number(h);
-              _ > s ? l(s) : _ < e ? l(e) : l(_);
+            onChange: (p) => {
+              const m = Number(p);
+              m > s ? l(s) : m < e ? l(e) : l(m);
             },
             value: String(c)
           }
@@ -2182,7 +2193,7 @@ const Ka = (u) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: p,
+              onClick: g,
               disabled: c >= s,
               className: W.button,
               "aria-label": "Increment count",
@@ -2217,7 +2228,7 @@ const Ka = (u) => {
       ] })
     ] })
   ] });
-}, 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", Di = "_modal_ix5ax_121", Ui = "_link_ix5ax_141", Hi = "_modalOptions_ix5ax_147", Ri = "_addButton_ix5ax_160", Li = "_deleteButton_ix5ax_175", zi = "_closeIcon_ix5ax_187", G = {
+}, 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 = {
   title: ji,
   subtitle: yi,
   header: ki,
@@ -2235,14 +2246,14 @@ const Ka = (u) => {
   info: Mi,
   name: qi,
   buttons: Ei,
-  modal: Di,
-  link: Ui,
-  modalOptions: Hi,
-  addButton: Ri,
-  deleteButton: Li,
+  modal: Ui,
+  link: Di,
+  modalOptions: Li,
+  addButton: Hi,
+  deleteButton: Ri,
   closeIcon: zi
-}, Fi = (u) => {
-  const { activeItem: a, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: c } = u, l = c.find((o) => o.id === a.listingId);
+}, Fi = (d) => {
+  const { activeItem: a, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: c } = d, l = c.find((o) => o.id === a.listingId);
   return l ? /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2287,10 +2298,10 @@ const Ka = (u) => {
     }
   ) : null;
 };
-function Vi(u) {
-  const { product: a, children: e } = u, { attributes: s, listeners: i, setNodeRef: c, transform: l, transition: o, isDragging: n } = Ct({
+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)
-  }), d = {
+  }), _ = {
     transform: St.Transform.toString(l),
     transition: o
   };
@@ -2298,7 +2309,7 @@ function Vi(u) {
     "div",
     {
       ref: c,
-      style: d,
+      style: _,
       className: `${G.product} ${n ? G.dragging : ""}`,
       ...s,
       ...i,
@@ -2306,7 +2317,7 @@ function Vi(u) {
     }
   );
 }
-const tc = (u) => {
+const tc = (d) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -2316,18 +2327,18 @@ const tc = (u) => {
     title: l,
     subtitle: o,
     editable: n = !0,
-    draggable: d = !1,
-    withImage: j = !1,
-    deletable: p = !0,
+    draggable: _ = !1,
+    withImage: v = !1,
+    deletable: g = !0,
     addable: r = !0,
-    itemsType: y,
-    itemsOptions: h
-  } = u, [_, w] = f.useState(
+    itemsType: k,
+    itemsOptions: p
+  } = d, [m, $] = f.useState(
     null
-  ), [H, $] = f.useState({
+  ), [H, q] = f.useState({
     top: 0,
     left: 0
-  }), [g, B] = f.useState(!1), E = yt(
+  }), [u, S] = f.useState(!1), E = yt(
     kt(wt, {
       activationConstraint: {
         distance: 5
@@ -2336,28 +2347,28 @@ const tc = (u) => {
   );
   f.useEffect(() => {
     const x = () => {
-      w(null), B(!1);
+      $(null), S(!1);
     };
-    return document.body.addEventListener("click", x), w(null), B(!1), () => {
-      w(null), B(!1), document.body.removeEventListener("click", x);
+    return document.body.addEventListener("click", x), $(null), S(!1), () => {
+      $(null), S(!1), document.body.removeEventListener("click", x);
     };
   }, []), f.useEffect(() => {
-    if (_) {
-      const x = [...s].map((I) => I.listingId === _.listingId ? _ : I);
+    if (m) {
+      const x = [...s].map((I) => I.listingId === m.listingId ? m : I);
       i(x);
     }
-  }, [_]);
+  }, [m]);
   const F = (x, I) => {
     x.stopPropagation();
-    const C = x.target.getBoundingClientRect(), R = 100, O = window.innerHeight;
-    let U = C.top + window.scrollY;
-    U + R > O && (U = O - R - 20), B(!0), $({
-      top: U - 80,
-      left: C.left - 30
-    }), w(I);
+    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({
+      top: D - 80,
+      left: w.left - 30
+    }), $(I);
   };
-  function T(x) {
-    if (j)
+  function B(x) {
+    if (v)
       return x ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -2376,20 +2387,20 @@ const tc = (u) => {
         }
       );
   }
-  const v = (x) => {
-    const { active: I, over: C } = x;
-    if (C && I.id !== C.id) {
-      const R = s.findIndex((U) => String(U.listingId) === I.id), O = s.findIndex((U) => String(U.listingId) === C.id);
-      if (R !== -1 && O !== -1) {
-        const U = [...s], [nt] = U.splice(R, 1);
-        U.splice(O, 0, nt), i(U);
+  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);
+      if (L !== -1 && A !== -1) {
+        const D = [...s], [nt] = D.splice(L, 1);
+        D.splice(A, 0, nt), i(D);
       }
     }
-  }, A = (x, I) => {
-    const C = h.find((O) => x.listingId === O.id);
-    if (!C) return null;
-    const R = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, P = (x, I) => {
+    const w = p.find((A) => x.listingId === A.id);
+    if (!w) return null;
+    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -2398,24 +2409,24 @@ const tc = (u) => {
           height: 20
         }
       ) }),
-      y === "select" && /* @__PURE__ */ t.jsx(
+      k === "select" && /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (O) => {
-            const U = [...s], nt = h.find((D) => D.productData.name === O);
+          onChange: (A) => {
+            const D = [...s], nt = p.find((U) => U.productData.name === A);
             if (!nt) return;
             const dt = {
               listingId: nt.id,
               image: nt.productData.images.length > 0 ? nt.productData.images[0].cfId : ""
-            }, k = U.map((D) => D.listingId === x.listingId ? dt : D);
-            w(dt), i([...k]);
+            }, y = D.map((U) => U.listingId === x.listingId ? dt : U);
+            $(dt), i([...y]);
           },
-          value: C.productData.name,
+          value: w.productData.name,
           options: [
-            ...h.filter((O) => !s.find((U) => U.listingId === O.id)).map((O) => O.productData.name)
+            ...p.filter((A) => !s.find((D) => D.listingId === A.id)).map((A) => A.productData.name)
           ],
-          leftAddon: T(
-            x.image || C.productData.images.length > 0 && C.productData.images[0].cfId || ""
+          leftAddon: B(
+            x.image || w.productData.images.length > 0 && w.productData.images[0].cfId || ""
           )
         },
         I
@@ -2428,10 +2439,10 @@ const tc = (u) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => F(O, x)
+            onClick: (A) => F(A, x)
           }
         ) }),
-        p && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+        g && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -2439,23 +2450,23 @@ const tc = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((O) => O !== x))
+            onClick: () => i(s.filter((A) => A !== x))
           }
         ) })
       ] })
     ] });
-    return d ? /* @__PURE__ */ t.jsx(
+    return _ ? /* @__PURE__ */ t.jsx(
       Vi,
       {
         product: x,
-        children: R
+        children: L
       },
       x.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: G.product,
-        children: R
+        children: L
       },
       x.listingId
     );
@@ -2471,33 +2482,33 @@ const tc = (u) => {
         }
       )
     ] }),
-    g && _ && /* @__PURE__ */ t.jsx(
+    u && m && /* @__PURE__ */ t.jsx(
       Fi,
       {
-        activeItem: _,
-        setActiveItem: w,
-        setIsOpenModal: B,
+        activeItem: m,
+        setActiveItem: $,
+        setIsOpenModal: S,
         popupPosition: H,
-        itemsOptions: h
+        itemsOptions: p
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
-      d ? /* @__PURE__ */ t.jsx(
+      _ ? /* @__PURE__ */ t.jsx(
         $t,
         {
           sensors: E,
-          onDragEnd: v,
+          onDragEnd: j,
           children: /* @__PURE__ */ t.jsx(
             It,
             {
               items: s.map((x) => String(x.listingId)),
               strategy: Nt,
-              children: s.map((x, I) => A(x, I))
+              children: s.map((x, I) => P(x, I))
             }
           )
         }
-      ) : s.map((x, I) => A(x, I)),
+      ) : s.map((x, I) => P(x, I)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -2514,17 +2525,17 @@ const tc = (u) => {
               size: "s",
               onClick: () => {
                 const x = [...s];
-                for (let I = 0; I < h.length; I++)
-                  if (!s.find((C) => C.listingId === h[I].id)) {
+                for (let I = 0; I < p.length; I++)
+                  if (!s.find((w) => w.listingId === p[I].id)) {
                     x.push({
-                      listingId: h[I].id,
-                      image: h[I].productData.images.length > 0 ? h[I].productData.images[0].cfId : ""
+                      listingId: p[I].id,
+                      image: p[I].productData.images.length > 0 ? p[I].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 i(x);
               },
-              disabled: s.length === h.length,
+              disabled: s.length === p.length,
               style: {
                 width: "fit-content"
               },
@@ -2546,7 +2557,7 @@ const tc = (u) => {
     ] }),
     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", ho = "_chargeActive_6cemk_190", po = "_title_6cemk_198", P = {
+}, 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 = {
   options: Yi,
   price: Gi,
   oldPrice: Xi,
@@ -2568,8 +2579,8 @@ const tc = (u) => {
   activeVariant: uo,
   chargeTypes: _o,
   charge: mo,
-  chargeActive: ho,
-  title: po
+  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,
@@ -2579,7 +2590,7 @@ const tc = (u) => {
   contentBorder: jo,
   borderless: yo,
   rightIcon: ko
-}, $o = (u) => {
+}, $o = (d) => {
   const {
     onChange: a,
     style: e,
@@ -2589,20 +2600,20 @@ const tc = (u) => {
     min: l,
     max: o,
     placeholder: n,
-    disabled: d = !1,
-    required: j = !1,
-    regex: p,
+    disabled: _ = !1,
+    required: v = !1,
+    regex: g,
     paddingless: r = !1,
-    borderless: y = !1,
-    editable: h = !1,
-    isSearch: _ = !1,
-    centered: w = !1
-  } = u, { themeSettings: H } = Dt(), { inputs: $ } = H, [g, B] = f.useState(!1);
-  function E(T) {
-    return Number(T) < 0 ? String(l) : T;
+    borderless: k = !1,
+    editable: p = !1,
+    isSearch: m = !1,
+    centered: $ = !1
+  } = d, { themeSettings: H } = Ut(), { inputs: q } = H, [u, S] = f.useState(!1);
+  function E(B) {
+    return Number(B) < 0 ? String(l) : B;
   }
-  function F(T) {
-    return !j || !p ? !0 : new RegExp(p).test(T);
+  function F(B) {
+    return !v || !g ? !0 : new RegExp(g).test(B);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
@@ -2617,12 +2628,12 @@ const tc = (u) => {
       "div",
       {
         className: Y(it.content, {
-          [it.contentBorder]: $.border.active
+          [it.contentBorder]: q.border.active
         }),
         style: {
           ...e,
-          background: $.field.active ? $.field.color : "transparent",
-          padding: _ ? `7px ${Number($.general.size) + 20}px 7px 11px` : "7px 11px"
+          background: q.field.active ? q.field.color : "transparent",
+          padding: m ? `7px ${Number(q.general.size) + 20}px 7px 11px` : "7px 11px"
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2630,40 +2641,40 @@ const tc = (u) => {
             {
               id: s,
               type: c || "text",
-              onChange: (T) => {
-                if (c === "text") a(T.target.value);
+              onChange: (B) => {
+                if (c === "text") a(B.target.value);
                 else {
-                  const v = E(T.target.value);
-                  a(v);
+                  const j = E(B.target.value);
+                  a(j);
                 }
               },
               value: i,
               autoComplete: "off",
               placeholder: n || "Type something...",
               className: Y(it.input, {
-                [it.required]: g && j && !F(i),
+                [it.required]: u && v && !F(i),
                 [it.paddingless]: r,
-                [it.borderless]: y
+                [it.borderless]: k
               }),
               min: c === "number" ? l : void 0,
               max: c === "number" ? o : void 0,
-              disabled: d,
-              onFocus: () => B(!0),
+              disabled: _,
+              onFocus: () => S(!0),
               style: {
-                textAlign: w ? "center" : "left"
+                textAlign: $ ? "center" : "left"
               }
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
+          m && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
             b,
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
-              width: $.general.size,
-              height: $.general.size
+              width: q.general.size,
+              height: q.general.size
             }
           ) }),
-          h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             b,
             {
               name: "Sliders",
@@ -2685,8 +2696,8 @@ const tc = (u) => {
   tertiary: Bo,
   tertiaryHovered: To,
   content: Po
-}, Q = (u) => {
-  const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = u, { themeSettings: o } = Dt();
+}, Q = (d) => {
+  const { children: a, onClick: e, style: s, className: i, disabled: c = !1, type: l = "Primary" } = d, { themeSettings: o } = Ut();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
@@ -2718,89 +2729,89 @@ const tc = (u) => {
     }
   );
 };
-var zt = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(zt || {});
-const ec = (u) => {
-  var H, $;
-  const { variants: a } = u, [e, s] = f.useState(a[0]), [i, c] = f.useState(e.chargeTypes[0]), l = Bt(), [o, n] = f.useState(1), { reset: d, addProductToCart: j, getProducts: p } = Ot(), [r, y] = f.useState(!1);
+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(() => {
-    y(!0);
-    const g = setTimeout(() => y(!1), 600);
-    return () => clearTimeout(g);
+    k(!0);
+    const u = setTimeout(() => k(!1), 600);
+    return () => clearTimeout(u);
   }, [o]);
-  async function h() {
-    await p(), await j({
-      productId: u.id,
+  async function p() {
+    await g(), await v({
+      productId: d.id,
       productVariantId: e.id,
       quantity: o
     });
   }
-  function _() {
-    d(), h(), l("/checkout");
+  function m() {
+    _(), p(), l("/checkout");
   }
-  function w(g) {
-    if (g >= 864e5) {
-      const v = Math.floor(g / 864e5);
-      return `${v} ${v === 1 ? "day" : "days"}`;
-    } else if (g >= 36e5) {
-      const v = Math.floor(g / 36e5);
-      return `${v} ${v === 1 ? "hour" : "hours"}`;
-    } else if (g >= 6e4) {
-      const v = Math.floor(g / 6e4);
-      return `${v} ${v === 1 ? "minute" : "minutes"}`;
+  function $(u) {
+    if (u >= 864e5) {
+      const j = Math.floor(u / 864e5);
+      return `${j} ${j === 1 ? "day" : "days"}`;
+    } else if (u >= 36e5) {
+      const j = Math.floor(u / 36e5);
+      return `${j} ${j === 1 ? "hour" : "hours"}`;
+    } else if (u >= 6e4) {
+      const j = Math.floor(u / 6e4);
+      return `${j} ${j === 1 ? "minute" : "minutes"}`;
     } else {
-      const v = Math.floor(g / 1e3);
-      return `${v} ${v === 1 ? "second" : "seconds"}`;
+      const j = Math.floor(u / 1e3);
+      return `${j} ${j === 1 ? "second" : "seconds"}`;
     }
   }
   return f.useEffect(() => {
     (e.quantity.available === 0 || !e.quantity.available) && n(0);
-  }, [e.quantity.available]), console.log(e.quantity), /* @__PURE__ */ t.jsxs("div", { className: P.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: P.chargeTypes, children: e.chargeTypes.map((g) => /* @__PURE__ */ t.jsx(
+  }, [e.quantity.available]), console.log(e.quantity), /* @__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",
       {
-        className: Y(P.charge, {
-          [P.chargeActive]: i === g
+        className: Y(T.charge, {
+          [T.chargeActive]: i === u
         }),
-        onClick: () => c(g),
-        children: zt[g]
+        onClick: () => c(u),
+        children: zt[u]
       },
-      g
+      u
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: P.variants, children: a.map((g) => {
-      var B;
+    /* @__PURE__ */ t.jsx("div", { className: T.variants, children: a.map((u) => {
+      var S;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: Y(P.variant, {
-            [P.activeVariant]: e.id === g.id
+          className: Y(T.variant, {
+            [T.activeVariant]: e.id === u.id
           }),
-          onClick: () => s(g),
+          onClick: () => s(u),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: P.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: P.title, children: g.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: T.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: T.title, children: u.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? u.price.amount : u.subscriptionSettings ? u.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: P.stock, children: [
-              ((B = g.quantity.restrictions) == null ? void 0 : B.max) || g.quantity.available || 0,
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: T.stock, children: [
+              ((S = u.quantity.restrictions) == null ? void 0 : S.max) || u.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        g.id
+        u.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: P.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: T.quantity, children: [
       /* @__PURE__ */ t.jsx(
         Q,
         {
           type: "Secondary",
           onClick: () => {
-            o > 1 ? n((g) => g - 1) : n(1);
+            o > 1 ? n((u) => u - 1) : n(1);
           },
-          className: P.button,
+          className: T.button,
           disabled: e.quantity.available === 0 || e.quantity.restrictions && o <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
@@ -2810,9 +2821,9 @@ const ec = (u) => {
         {
           type: "number",
           value: String(o),
-          onChange: (g) => n(Number(g)),
+          onChange: (u) => n(Number(u)),
           max: ((H = e.quantity.restrictions) == null ? void 0 : H.max) || e.quantity.available || 1 / 0,
-          min: (($ = e.quantity.restrictions) == null ? void 0 : $.min) || 0,
+          min: ((q = e.quantity.restrictions) == null ? void 0 : q.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
@@ -2822,18 +2833,18 @@ const ec = (u) => {
         {
           type: "Secondary",
           onClick: () => {
-            n((g) => g + 1);
+            n((u) => u + 1);
           },
-          className: P.button,
+          className: T.button,
           disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available !== void 0 && o >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: P.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: T.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: P.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: T.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -2843,44 +2854,44 @@ const ec = (u) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : w(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : $(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: T.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: P.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: Y(P.newPrice, { [P.animate]: r }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: T.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: Y(T.newPrice, { [T.animate]: r }), children: [
             "$ ",
             (e.price.amount || 0) * o
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: P.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: Y(P.newPrice, { [P.animate]: r }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: Y(T.newPrice, { [T.animate]: r }), children: [
           "$ ",
           (e.price.amount || 0) * o
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: Y(P.newPrice, { [P.animate]: r }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: T.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: Y(T.newPrice, { [T.animate]: r }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: P.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: T.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: Y(P.newPrice, { [P.animate]: r }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: Y(T.newPrice, { [T.animate]: r }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
       /* @__PURE__ */ t.jsx(
         Q,
         {
           type: "Primary",
-          onClick: () => _(),
+          onClick: () => m(),
           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"
         }
@@ -2889,14 +2900,14 @@ const ec = (u) => {
         Q,
         {
           type: "Secondary",
-          onClick: () => h(),
+          onClick: () => p(),
           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", Do = "_closing_1tdo3_64", Uo = "_info_1tdo3_113", Ho = "_top_1tdo3_120", Ro = "_title_1tdo3_131", Lo = "_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", S = {
+}, 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 = {
   button: Ao,
   login: Oo,
   signUp: Mo,
@@ -2904,13 +2915,13 @@ const ec = (u) => {
   modal: Eo,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Do,
+  closing: Uo,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: Uo,
-  top: Ho,
-  title: Ro,
-  clear: Lo,
+  info: Do,
+  top: Lo,
+  title: Ho,
+  clear: Ro,
   activeClear: zo,
   count: Fo,
   cart: Vo,
@@ -2940,14 +2951,14 @@ const ec = (u) => {
 class xt extends Error {
 }
 xt.prototype.name = "InvalidTokenError";
-function ha(u) {
-  return decodeURIComponent(atob(u).replace(/(.)/g, (a, e) => {
+function pa(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 pa(u) {
-  let a = u.replace(/-/g, "+").replace(/_/g, "/");
+function ha(d) {
+  let a = d.replace(/-/g, "+").replace(/_/g, "/");
   switch (a.length % 4) {
     case 0:
       break;
@@ -2961,21 +2972,21 @@ function pa(u) {
       throw new Error("base64 string is not of the correct length");
   }
   try {
-    return ha(a);
+    return pa(a);
   } catch {
     return atob(a);
   }
 }
-function fa(u, a) {
-  if (typeof u != "string")
+function fa(d, a) {
+  if (typeof d != "string")
     throw new xt("Invalid token specified: must be a string");
   a || (a = {});
-  const e = a.header === !0 ? 0 : 1, s = u.split(".")[e];
+  const e = a.header === !0 ? 0 : 1, s = d.split(".")[e];
   if (typeof s != "string")
     throw new xt(`Invalid token specified: missing part #${e + 1}`);
   let i;
   try {
-    i = pa(s);
+    i = ha(s);
   } catch (c) {
     throw new xt(`Invalid token specified: invalid base64 for part #${e + 1} (${c.message})`);
   }
@@ -2985,41 +2996,41 @@ function fa(u, a) {
     throw new xt(`Invalid token specified: invalid json for part #${e + 1} (${c.message})`);
   }
 }
-const sc = (u) => {
-  const { shopping: a, signUp: e, isShowUserInfo: s = !0 } = u;
-  return /* @__PURE__ */ t.jsxs("div", { className: S.buttons, children: [
+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, {}),
     s && /* @__PURE__ */ t.jsx(Ft, { signUp: e })
   ] });
 }, ga = () => {
-  const [u, a] = f.useState(!1), [e, s] = f.useState([]), { cart: i, getProducts: c } = Ot();
+  const [d, a] = f.useState(!1), [e, s] = f.useState([]), { cart: i, getProducts: c } = Ot();
   function l(r) {
-    for (let y = 0; y < i.parts.length; y++)
-      for (let h = 0; h < r.variants.length; h++)
-        if (i.parts[y].productVariantId === r.variants[y].id)
-          return i.parts[y].productVariantId;
+    for (let k = 0; k < i.parts.length; k++)
+      for (let p = 0; p < r.variants.length; p++)
+        if (i.parts[k].productVariantId === r.variants[k].id)
+          return i.parts[k].productVariantId;
   }
   function o(r) {
-    for (let y = 0; y < i.parts.length; y++)
-      for (let h = 0; h < r.variants.length; h++)
-        if (i.parts[y].productVariantId === r.variants[y].id)
-          return i.parts[y].quantity;
+    for (let k = 0; k < i.parts.length; k++)
+      for (let p = 0; p < r.variants.length; p++)
+        if (i.parts[k].productVariantId === r.variants[k].id)
+          return i.parts[k].quantity;
   }
   f.useEffect(() => {
     (async () => {
-      const y = i.parts.map((w) => String(w.productId)), _ = (await c([...y])).map((w) => ({
-        ...w,
-        activeVariantId: l(w),
-        quantity: o(w)
+      const k = i.parts.map(($) => String($.productId)), m = (await c([...k])).map(($) => ({
+        ...$,
+        activeVariantId: l($),
+        quantity: o($)
       }));
-      s(_);
+      s(m);
     })();
   }, [i.parts.length]);
   function n(r) {
-    var y;
-    return !r || !(r != null && r.variants) ? !1 : (y = r.variants.find((h) => h.id === r.activeVariantId)) == null ? void 0 : y.subscriptionSettings;
+    var k;
+    return !r || !(r != null && r.variants) ? !1 : (k = r.variants.find((p) => p.id === r.activeVariantId)) == null ? void 0 : k.subscriptionSettings;
   }
-  const d = i.parts.length > 0 && e.length > 0 && !n(e[0]), [j, p] = f.useState(!1);
+  const _ = i.parts.length > 0 && e.length > 0 && !n(e[0]), [v, g] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       Q,
@@ -3029,7 +3040,7 @@ const sc = (u) => {
           padding: 10
         },
         onClick: (r) => {
-          r.stopPropagation(), window.location.pathname !== "/admin/builder" && (a(!0), p(!0));
+          r.stopPropagation(), window.location.pathname !== "/admin/builder" && (a(!0), g(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -3039,15 +3050,15 @@ const sc = (u) => {
               fill: "var(--icon-primary)"
             }
           ),
-          d && /* @__PURE__ */ t.jsx("div", { className: S.shoppingCount, children: i.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: C.shoppingCount, children: i.parts.length })
         ]
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
+    d && /* @__PURE__ */ t.jsx(
       Mt,
       {
         close: () => {
-          p(!1), setTimeout(() => {
+          g(!1), setTimeout(() => {
             a(!1);
           }, 300);
         },
@@ -3056,26 +3067,26 @@ const sc = (u) => {
           xa,
           {
             activeProducts: e,
-            isCartNotEmpty: d,
-            isOpen: j
+            isCartNotEmpty: _,
+            isOpen: v
           }
         )
       }
     )
   ] });
-}, xa = (u) => {
-  const { activeProducts: a, isCartNotEmpty: e, isOpen: s } = u, { cart: i, reset: c, getTotalAndDiscount: l, updateQuantityOfProduct: o } = Ot(), n = Bt();
-  function d(r) {
+}, xa = (d) => {
+  const { activeProducts: a, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: c, getTotalAndDiscount: l, updateQuantityOfProduct: o } = Ot(), n = Bt();
+  function _(r) {
     n(r);
   }
-  function j(r) {
+  function v(r) {
     o({
       productId: r.id,
       productVariantId: r.activeVariantId,
       quantity: r.quantity + 1
     });
   }
-  function p(r) {
+  function g(r) {
     o({
       productId: r.id,
       productVariantId: r.activeVariantId,
@@ -3085,21 +3096,21 @@ const sc = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Y(S.modal, {
-        [S.closing]: !s
+      className: Y(C.modal, {
+        [C.closing]: !s
       }),
       onClick: (r) => r.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: S.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: S.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: S.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: S.count, children: i.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: C.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: C.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: C.title, children: "Cart" }),
+            e && /* @__PURE__ */ t.jsx("div", { className: C.count, children: i.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: Y(S.clear, {
-                [S.activeClear]: e
+              className: Y(C.clear, {
+                [C.activeClear]: e
               }),
               disabled: !e,
               onClick: c,
@@ -3107,13 +3118,13 @@ const sc = (u) => {
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: S.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: S.products, children: a.map((r) => /* @__PURE__ */ t.jsxs(
+        e ? /* @__PURE__ */ t.jsxs("div", { className: C.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: C.products, children: a.map((r) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: S.product,
+              className: C.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: S.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: C.productInfo, children: [
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -3121,25 +3132,25 @@ const sc = (u) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: S.image
+                      className: C.image
                     }
                   ),
-                  /* @__PURE__ */ t.jsxs("div", { className: S.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: S.name, children: r.name }),
-                    /* @__PURE__ */ t.jsxs("div", { className: S.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: r.name }),
+                    /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      r.variants.find((y) => y.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
+                      r.variants.find((k) => k.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: S.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: C.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => {
-                        r.quantity !== 1 && p(r);
+                        r.quantity !== 1 && g(r);
                       },
-                      className: S.productButton,
+                      className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -3151,12 +3162,12 @@ const sc = (u) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: S.productCount, children: r.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: r.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => j(r),
-                      className: S.productButton,
+                      onClick: () => v(r),
+                      className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -3173,9 +3184,9 @@ const sc = (u) => {
             },
             r.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: S.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: S.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: S.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: C.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: C.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -3187,18 +3198,18 @@ const sc = (u) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: S.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: C.total, children: [
                 "$",
                 l().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Q, { onClick: () => d("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(Q, { onClick: () => _("/checkout"), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(ba, {})
       ]
     }
   );
-}, ba = () => /* @__PURE__ */ t.jsxs("div", { className: S.empty, children: [
+}, ba = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     b,
     {
@@ -3214,12 +3225,12 @@ const sc = (u) => {
       "a",
       {
         href: "/products",
-        className: S.link,
+        className: C.link,
         children: "view products"
       }
     )
   ] })
-] }), Ft = ({ signUp: u }) => {
+] }), Ft = ({ signUp: d }) => {
   const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = a, s = Bt();
   function i(o) {
     s(o);
@@ -3237,7 +3248,7 @@ const sc = (u) => {
           children: "Login"
         }
       ),
-      u && /* @__PURE__ */ t.jsx(
+      d && /* @__PURE__ */ t.jsx(
         Q,
         {
           onClick: () => i("/customer-dash"),
@@ -3258,18 +3269,18 @@ const sc = (u) => {
   }, [e]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: S.userInfo,
+      className: C.userInfo,
       onClick: () => i("/customer-dash"),
       children: /* @__PURE__ */ t.jsx("div", { children: c || "test-email@gmail.com" })
     }
   );
 }, va = ({
-  children: u,
+  children: d,
   logo: a,
   setIsOpen: e,
   signUp: s
 }) => {
-  const { setIsOpen: i } = Ut(), c = () => {
+  const { setIsOpen: i } = Dt(), c = () => {
     i(!1), setTimeout(() => {
       e(!1), i(!0);
     }, 300);
@@ -3277,10 +3288,10 @@ const sc = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: S.pagesMobileModal,
+      className: C.pagesMobileModal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: S.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: C.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: a }),
           /* @__PURE__ */ t.jsx(
             Q,
@@ -3297,13 +3308,13 @@ const sc = (u) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: S.pagesMobileModalContent, children: u }),
-        /* @__PURE__ */ t.jsx("div", { className: S.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(Ft, { signUp: s }) })
+        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalContent, children: d }),
+        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(Ft, { signUp: s }) })
       ]
     }
   );
 }, nc = ({
-  children: u,
+  children: d,
   logo: a,
   signUp: e
 }) => {
@@ -3316,12 +3327,12 @@ const sc = (u) => {
         logo: a,
         setIsOpen: i,
         signUp: e,
-        children: u
+        children: d
       }
     ) })
   ] });
-}, ja = (u) => {
-  const { setIsOpenModal: a } = u;
+}, ja = (d) => {
+  const { setIsOpenModal: a } = d;
   return /* @__PURE__ */ t.jsx(
     Q,
     {
@@ -3354,7 +3365,7 @@ const sc = (u) => {
   copyTextMobile: Ta,
   copyTextMiniMobile: Pa
 }, ic = () => {
-  const { isOpenModal: u, setIsOpenModal: a } = Ht();
+  const { isOpenModal: d, setIsOpenModal: a } = Lt();
   function e() {
     a(!0);
   }
@@ -3377,10 +3388,10 @@ const sc = (u) => {
         )
       }
     ),
-    u && /* @__PURE__ */ t.jsx(Mt, { close: a, children: /* @__PURE__ */ t.jsx(Aa, {}) })
+    d && /* @__PURE__ */ t.jsx(Mt, { close: a, children: /* @__PURE__ */ t.jsx(Aa, {}) })
   ] });
 }, Aa = () => {
-  const { setIsOpenModal: u } = Ht(), { notification: a, setNotification: e } = Gt(), { setIsOpen: s } = Ut(), i = window.location.href;
+  const { setIsOpenModal: d } = Lt(), { notification: a, setNotification: e } = Gt(), { setIsOpen: s } = Dt(), i = window.location.href;
   function c() {
     navigator.clipboard.writeText(i), e({
       message: "Link copied to clipboard",
@@ -3389,11 +3400,11 @@ const sc = (u) => {
   }
   function l() {
     s(!1), setTimeout(() => {
-      u(!1), s(!0);
+      d(!1), s(!0);
     }, 300);
   }
-  function o(n, d) {
-    return n.length > d ? n.slice(0, d) + "..." : n;
+  function o(n, _) {
+    return n.length > _ ? n.slice(0, _) + "..." : n;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -3441,13 +3452,13 @@ const sc = (u) => {
       ]
     }
   );
-}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18", Ea = "_open_1s1lq_21", Da = "_content_1s1lq_25", gt = {
+}, Oa = "_accordion_1s1lq_1", Ma = "_header_1s1lq_9", qa = "_icon_1s1lq_18", Ea = "_open_1s1lq_21", Ua = "_content_1s1lq_25", gt = {
   accordion: Oa,
   header: Ma,
   icon: qa,
   open: Ea,
-  content: Da
-}, oc = ({ title: u, content: a, defaultOpen: e = !1 }) => {
+  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 = () => {
     i(!s);
   };
@@ -3460,7 +3471,7 @@ const sc = (u) => {
         className: gt.header,
         onClick: n,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
+          /* @__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" }) })
         ]
       }
@@ -3475,7 +3486,7 @@ const sc = (u) => {
       }
     )
   ] });
-}, ac = ({ children: u, path: a, className: e, target: s = "_self", id: i }) => {
+}, ac = ({ children: d, path: a, className: e, target: s = "_self", id: i }) => {
   const c = Bt(), l = /^https?:\/\//.test(a), o = (n) => {
     l || s === "_blank" ? s === "_blank" ? window.open(a, "_blank") : window.location.href = a : (n.preventDefault(), c(a, { replace: !0 }));
   };
@@ -3487,13 +3498,13 @@ const sc = (u) => {
       role: "link",
       style: { cursor: "pointer" },
       id: i,
-      children: u
+      children: d
     }
   );
-}, Ua = "_buttonsBlock_1b2rb_1", Ha = "_slideUp_1b2rb_1", Ra = {
-  buttonsBlock: Ua,
-  slideUp: Ha
-}, cc = () => /* @__PURE__ */ t.jsxs("div", { className: Ra.buttonsBlock, children: [
+}, Da = "_buttonsBlock_1b2rb_1", La = "_slideUp_1b2rb_1", Ha = {
+  buttonsBlock: Da,
+  slideUp: La
+}, cc = () => /* @__PURE__ */ t.jsxs("div", { className: Ha.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
     Q,
     {
@@ -3508,13 +3519,13 @@ const sc = (u) => {
     }
   ),
   /* @__PURE__ */ t.jsx(Q, { type: "Secondary", children: "Buy" })
-] }), La = "_wrapper_st58d_1", za = "_label_st58d_10", Fa = "_textarea_st58d_18", Va = "_length_st58d_33", jt = {
-  wrapper: La,
+] }), Ra = "_wrapper_st58d_1", za = "_label_st58d_10", Fa = "_textarea_st58d_18", Va = "_length_st58d_33", jt = {
+  wrapper: Ra,
   label: za,
   textarea: Fa,
   length: Va
-}, lc = (u) => {
-  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = u, [l, o] = f.useState(s.length);
+}, lc = (d) => {
+  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = d, [l, o] = f.useState(s.length);
   return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
@@ -3576,9 +3587,9 @@ export {
   ga as ShoppingButton,
   xa as ShoppingModalCart,
   st as Switch,
-  Lt as TextSettings,
+  Rt as TextSettings,
   Et as TextareaSettings,
   lc as TextareaUI,
-  Rt as TypesText,
+  Ht as TypesText,
   Ft as UserInfo
 };