@billgangcom/theme-lib 1.60.0 → 1.62.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as f, c as W, a as ut, S as it, R as Nt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as jt, C as bt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as kt, y as qt, z as It, A as At, E as Ot } from "./index-VdHBtEiJ.js";
-import { K as ji, G as bi, J as vi, F as yi, T as Ni, H as ki } from "./index-VdHBtEiJ.js";
+import { j as t, I as f, c as W, a as ut, S as it, R as Nt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as bt, C as jt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as kt, y as qt, z as It, A as At, E as Ot } from "./index-DRj98cJh.js";
+import { K as bi, G as ji, J as vi, F as yi, T as Ni, H as ki } from "./index-DRj98cJh.js";
 import _ from "react";
 import "@phosphor-icons/react";
 const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
@@ -57,7 +57,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [o, m] = _.useState(null), [g, S] = _.useState(null);
+  const [o, m] = _.useState(null), [g, C] = _.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
@@ -107,10 +107,10 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
               [J.active]: g === c
             }),
             onFocus: () => {
-              S(c);
+              C(c);
             },
             onBlur: () => {
-              S(null);
+              C(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -142,7 +142,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
       ] })
     ] })
   ] });
-}, Kt = "_title_82zux_1", Qt = "_subtitle_82zux_5", Zt = "_header_82zux_12", te = "_text_82zux_13", ee = "_productsBlock_82zux_14", ne = "_top_82zux_26", se = "_itemsBlock_82zux_35", ie = "_typeTexts_82zux_41", oe = "_block_82zux_48", ae = "_active_82zux_61", ce = "_products_82zux_14", le = "_product_82zux_14", re = "_button_82zux_80", de = "_disabled_82zux_91", ue = "_image_82zux_95", me = "_info_82zux_102", he = "_name_82zux_114", pe = "_buttons_82zux_118", _e = "_modal_82zux_125", ge = "_link_82zux_145", fe = "_modalOptions_82zux_151", xe = "_addButton_82zux_157", je = "_deleteButton_82zux_179", X = {
+}, Kt = "_title_82zux_1", Qt = "_subtitle_82zux_5", Zt = "_header_82zux_12", te = "_text_82zux_13", ee = "_productsBlock_82zux_14", ne = "_top_82zux_26", se = "_itemsBlock_82zux_35", ie = "_typeTexts_82zux_41", oe = "_block_82zux_48", ae = "_active_82zux_61", ce = "_products_82zux_14", le = "_product_82zux_14", re = "_button_82zux_80", de = "_disabled_82zux_91", ue = "_image_82zux_95", me = "_info_82zux_102", he = "_name_82zux_114", pe = "_buttons_82zux_118", _e = "_modal_82zux_125", ge = "_link_82zux_145", fe = "_modalOptions_82zux_151", xe = "_addButton_82zux_157", be = "_deleteButton_82zux_179", X = {
   title: Kt,
   subtitle: Qt,
   header: Zt,
@@ -165,7 +165,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
   link: ge,
   modalOptions: fe,
   addButton: xe,
-  deleteButton: je
+  deleteButton: be
 }, si = (r) => {
   const {
     isActiveItems: s,
@@ -177,7 +177,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
     subtitle: o,
     draggable: m = !1,
     withImage: g = !1,
-    addable: S = !0,
+    addable: C = !0,
     itemsOptions: c,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: T,
@@ -185,12 +185,12 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
     autoScrollInterval: M,
     deletable: x
   } = r;
-  function k(b) {
+  function k(j) {
     if (g)
-      return b ? /* @__PURE__ */ t.jsx(
+      return j ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${b[0]}/w=1000`,
+          src: `https://imagedelivery.net/${j[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -205,8 +205,8 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         }
       );
   }
-  const a = (b, D = !1) => {
-    const w = c.find((C) => C.id === b);
+  const a = (j, D = !1) => {
+    const w = c.find((S) => S.id === j);
     if (!w) return;
     const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -221,14 +221,14 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
       /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (C) => {
-            const v = [...n], I = c.find((p) => p.name === C);
+          onChange: (S) => {
+            const v = [...n], I = c.find((p) => p.name === S);
             if (!I) return;
-            const q = I.id, B = v.map((p) => p === b ? q : p);
+            const q = I.id, B = v.map((p) => p === j ? q : p);
             i([...B]);
           },
           value: w.name,
-          options: c.filter((C) => !n.find((v) => v === C.id)).map((C) => C.name),
+          options: c.filter((S) => !n.find((v) => v === S.id)).map((S) => S.name),
           leftAddon: k(w.images)
         }
       ),
@@ -240,7 +240,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(n.filter((C) => C !== b))
+          onClick: () => i(n.filter((S) => S !== j))
         }
       ) }) })
     ] });
@@ -250,7 +250,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         className: X.product,
         children: z
       },
-      b
+      j
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
@@ -260,15 +260,15 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         it,
         {
           current: s,
-          onChange: (b) => e == null ? void 0 : e(b)
+          onChange: (j) => e == null ? void 0 : e(j)
         }
       )
     ] }),
     l && T && /* @__PURE__ */ t.jsx(Nt, { ...T }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: o }),
-      n.map((b) => a(b, x)),
-      S && /* @__PURE__ */ t.jsx(
+      n.map((j) => a(j, x)),
+      C && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -287,7 +287,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
               size: "s",
               disabled: !!($ && $ <= n.length || n.length === c.length),
               onClick: () => {
-                const b = [...n];
+                const j = [...n];
                 let D = null;
                 if (c) {
                   for (let w = 0; w < c.length; w++)
@@ -296,7 +296,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
                       break;
                     }
                 }
-                b.push((D == null ? void 0 : D.id) || c[0].id), i(b);
+                j.push((D == null ? void 0 : D.id) || c[0].id), i(j);
               },
               style: {
                 width: "fit-content"
@@ -324,7 +324,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         label: "Auto scroll interval",
         type: "number",
         value: String(M.scrollInterval),
-        onChange: (b) => M.setScrollInterval(Number(b)),
+        onChange: (j) => M.setScrollInterval(Number(j)),
         min: 0.1,
         max: 100,
         style: {
@@ -334,15 +334,15 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
       }
     )
   ] });
-}, be = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Ce = "_itemsBlock_roi3a_35", Se = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", Re = "_modal_roi3a_125", De = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
-  title: be,
+}, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", Re = "_modal_roi3a_125", De = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
+  title: je,
   subtitle: ve,
   header: ye,
   text: Ne,
   productsBlock: ke,
   top: Ie,
-  itemsBlock: Ce,
-  typeTexts: Se,
+  itemsBlock: Se,
+  typeTexts: Ce,
   block: we,
   active: $e,
   products: Be,
@@ -368,10 +368,10 @@ function Fe({ product: r, children: s }) {
     transform: d,
     transition: u,
     isDragging: o
-  } = jt({
+  } = bt({
     id: r.id
   }), m = {
-    transform: bt.Transform.toString(d),
+    transform: jt.Transform.toString(d),
     transition: u
   };
   return /* @__PURE__ */ t.jsx(
@@ -397,12 +397,12 @@ const ii = (r) => {
     editable: o = !0,
     draggable: m = !1,
     deletable: g = !0,
-    addable: S = !0,
+    addable: C = !0,
     itemsType: c,
     itemsOptions: l,
     addableOptions: T = {},
     limit: $
-  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), b = _.useRef(null), D = ht(
+  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), D = ht(
     pt(_t, {
       activationConstraint: {
         distance: 5
@@ -415,8 +415,8 @@ const ii = (r) => {
       i(v);
     }
   }, [M]), _.useEffect(() => {
-    b.current && k && (b.current.getBoundingClientRect().height, k.top);
-  }, [b.current, k]);
+    j.current && k && (j.current.getBoundingClientRect().height, k.top);
+  }, [j.current, k]);
   const w = (v, I) => {
     v.stopPropagation();
     const q = v.target.getBoundingClientRect();
@@ -427,13 +427,13 @@ const ii = (r) => {
   }, z = (v) => {
     const { active: I, over: q } = v;
     if (q && I.id !== q.id) {
-      const B = n.findIndex((j) => j.id === I.id), p = n.findIndex((j) => j.id === q.id);
+      const B = n.findIndex((b) => b.id === I.id), p = n.findIndex((b) => b.id === q.id);
       if (B !== -1 && p !== -1) {
-        const j = [...n], [A] = j.splice(B, 1);
-        j.splice(p, 0, A), i(j);
+        const b = [...n], [A] = b.splice(B, 1);
+        b.splice(p, 0, A), i(b);
       }
     }
-  }, C = (v, I) => {
+  }, S = (v, I) => {
     const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         f,
@@ -448,10 +448,10 @@ const ii = (r) => {
         at,
         {
           onChange: (B) => {
-            const p = [...n], j = l.find((U) => U.name === B);
-            if (!j) return;
+            const p = [...n], b = l.find((U) => U.name === B);
+            if (!b) return;
             const A = p.map((U) => U.id === v.id ? {
-              ...j,
+              ...b,
               name: {
                 "en-US": B
               }
@@ -531,12 +531,12 @@ const ii = (r) => {
             {
               items: n.map((v) => v.id),
               strategy: xt,
-              children: n.map((v, I) => C(v, I))
+              children: n.map((v, I) => S(v, I))
             }
           )
         }
-      ) : n.map((v, I) => C(v, I)),
-      S && /* @__PURE__ */ t.jsx(
+      ) : n.map((v, I) => S(v, I)),
+      C && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -591,10 +591,10 @@ const ii = (r) => {
   ] });
 };
 function Ve(r) {
-  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = jt({
+  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = bt({
     id: s.id
   }), g = {
-    transform: bt.Transform.toString(u),
+    transform: jt.Transform.toString(u),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
@@ -620,7 +620,7 @@ const oi = (r) => {
     subtitle: o,
     editable: m = !0,
     draggable: g = !1,
-    withImage: S = !1,
+    withImage: C = !1,
     deletable: c = !0,
     addable: l = !0,
     itemsType: T,
@@ -629,12 +629,12 @@ const oi = (r) => {
     hasRangeSelector: x = !1,
     rangeSelectorOptions: k,
     modalOptions: a,
-    addableOptions: b = {},
+    addableOptions: j = {},
     limit: D
-  } = r, [w, z] = _.useState(null), [C, v] = _.useState({
+  } = r, [w, z] = _.useState(null), [S, v] = _.useState({
     top: 0,
     left: 0
-  }), [I, q] = _.useState(null), B = _.useRef(null), [p, j] = _.useState(!1), A = ht(
+  }), [I, q] = _.useState(null), B = _.useRef(null), [p, b] = _.useState(!1), A = ht(
     pt(_t, {
       activationConstraint: {
         distance: 5
@@ -643,10 +643,10 @@ const oi = (r) => {
   );
   _.useEffect(() => {
     const h = () => {
-      z(null), j(!1);
+      z(null), b(!1);
     };
-    return document.body.addEventListener("click", h), z(null), j(!1), () => {
-      z(null), j(!1), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", h), z(null), b(!1), () => {
+      z(null), b(!1), document.body.removeEventListener("click", h);
     };
   }, []), _.useEffect(() => {
     if (w) {
@@ -669,10 +669,10 @@ const oi = (r) => {
     q({
       top: P.top + window.scrollY,
       left: P.left - 30
-    }), z(E), j(!0);
+    }), z(E), b(!0);
   };
   function O(h) {
-    if (S)
+    if (C)
       return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -822,9 +822,9 @@ const oi = (r) => {
         ref: B,
         activeItem: w,
         setActiveItem: z,
-        popupPosition: C,
+        popupPosition: S,
         modalOptions: a,
-        setIsOpenModal: j
+        setIsOpenModal: b
       }
     ),
     x && k && /* @__PURE__ */ t.jsx(Nt, { ...k }),
@@ -877,7 +877,7 @@ const oi = (r) => {
                     "en-US": E || M[0]
                   },
                   id: st(),
-                  ...b,
+                  ...j,
                   maxSymbols: 100
                   // пример значения
                 }) : T === "input" ? h.push({
@@ -885,14 +885,14 @@ const oi = (r) => {
                     "en-US": ""
                   },
                   id: st(),
-                  ...b,
+                  ...j,
                   maxSymbols: 100
                 }) : h.push({
                   name: {
                     "en-US": `Image ${n.length + 1}`
                   },
                   id: st(),
-                  ...b,
+                  ...j,
                   maxSymbols: 100
                 }), i(h);
               },
@@ -941,7 +941,7 @@ const oi = (r) => {
   addButton: hn,
   deleteButton: pn
 }, _n = (r) => {
-  const { buttons: s, setButtons: e, deletable: n = !0, addable: i = !0, editableLink: d = !0 } = r, { pages: u } = Bt(), [o, m] = _.useState(null), [g, S] = _.useState({
+  const { buttons: s, setButtons: e, deletable: n = !0, addable: i = !0, editableLink: d = !0 } = r, { pages: u } = Bt(), [o, m] = _.useState(null), [g, C] = _.useState({
     top: 0,
     left: 0
   }), [c, l] = _.useState(null), T = _.useRef(null);
@@ -954,7 +954,7 @@ const oi = (r) => {
     if (T.current && c) {
       const x = T.current.getBoundingClientRect().height, k = window.innerHeight;
       let a = c.top;
-      a + x > k + window.scrollY - 200 && (a = k + window.scrollY - x - 200), a < 0 && (a = 10), S({
+      a + x > k + window.scrollY - 200 && (a = k + window.scrollY - x - 200), a < 0 && (a = 10), C({
         top: a,
         left: c.left
       });
@@ -968,12 +968,12 @@ const oi = (r) => {
       left: a.left - (i ? 30 : 65)
     }), m(k);
   }, M = (x, k) => {
-    const a = [...s], b = {
+    const a = [...s], j = {
       ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    a.splice(k + 1, 0, b), e(a);
+    a.splice(k + 1, 0, j), e(a);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
@@ -1027,7 +1027,7 @@ const oi = (r) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const a = s.filter((b) => b.id !== x.id);
+                  const a = s.filter((j) => j.id !== x.id);
                   e(a);
                 },
                 width: 20,
@@ -1141,10 +1141,10 @@ const oi = (r) => {
   ] }) });
 };
 function gn(r) {
-  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = jt({
+  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = bt({
     id: String(s.listingId)
   }), g = {
-    transform: bt.Transform.toString(u),
+    transform: jt.Transform.toString(u),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
@@ -1170,7 +1170,7 @@ const ci = (r) => {
     subtitle: o,
     editable: m = !0,
     draggable: g = !1,
-    withImage: S = !1,
+    withImage: C = !1,
     deletable: c = !0,
     addable: l = !0,
     itemsType: T,
@@ -1178,7 +1178,7 @@ const ci = (r) => {
     limit: M
   } = r, [x, k] = _.useState(
     null
-  ), [a, b] = _.useState({
+  ), [a, j] = _.useState({
     top: 0,
     left: 0
   }), [D, w] = _.useState(!1), z = ht(
@@ -1197,21 +1197,21 @@ const ci = (r) => {
     };
   }, []), _.useEffect(() => {
     if (x) {
-      const p = [...n].map((j) => j.listingId === x.listingId ? x : j);
+      const p = [...n].map((b) => b.listingId === x.listingId ? x : b);
       i(p);
     }
   }, [x]);
-  const C = (p, j) => {
+  const S = (p, b) => {
     p.stopPropagation();
     const A = p.target.getBoundingClientRect(), U = 100, O = window.innerHeight;
     let L = A.top + window.scrollY;
-    L + U > O && (L = O - U - 20), w(!0), b({
+    L + U > O && (L = O - U - 20), w(!0), j({
       top: L - 80,
       left: A.left - 30
-    }), k(j);
+    }), k(b);
   };
   function v(p) {
-    if (S)
+    if (C)
       return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1231,15 +1231,15 @@ const ci = (r) => {
       );
   }
   const I = (p) => {
-    const { active: j, over: A } = p;
-    if (A && j.id !== A.id) {
-      const U = n.findIndex((L) => String(L.listingId) === j.id), O = n.findIndex((L) => String(L.listingId) === A.id);
+    const { active: b, over: A } = p;
+    if (A && b.id !== A.id) {
+      const U = n.findIndex((L) => String(L.listingId) === b.id), O = n.findIndex((L) => String(L.listingId) === A.id);
       if (U !== -1 && O !== -1) {
         const L = [...n], [Q] = L.splice(U, 1);
         L.splice(O, 0, Q), i(L);
       }
     }
-  }, q = (p, j) => {
+  }, q = (p, b) => {
     const A = $.find((O) => p.listingId === O.id);
     if (!A) return null;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1272,7 +1272,7 @@ const ci = (r) => {
             p.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
           )
         },
-        j
+        b
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1282,7 +1282,7 @@ const ci = (r) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => C(O, p)
+            onClick: (O) => S(O, p)
           }
         ) }),
         c && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1348,11 +1348,11 @@ const ci = (r) => {
             {
               items: n.map((p) => String(p.listingId)),
               strategy: xt,
-              children: n.map((p, j) => q(p, j))
+              children: n.map((p, b) => q(p, b))
             }
           )
         }
-      ) : n.map((p, j) => q(p, j)),
+      ) : n.map((p, b) => q(p, b)),
       l && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1369,11 +1369,11 @@ const ci = (r) => {
               size: "s",
               onClick: () => {
                 const p = [...n];
-                for (let j = 0; j < $.length; j++)
-                  if (!n.find((A) => A.listingId === $[j].id)) {
+                for (let b = 0; b < $.length; b++)
+                  if (!n.find((A) => A.listingId === $[b].id)) {
                     p.push({
-                      listingId: $[j].id,
-                      image: $[j].productData.images.length > 0 ? $[j].productData.images[0].cfId : ""
+                      listingId: $[b].id,
+                      image: $[b].productData.images.length > 0 ? $[b].productData.images[0].cfId : ""
                     });
                     break;
                   }
@@ -1401,18 +1401,18 @@ const ci = (r) => {
     ] }),
     s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
   ] });
-}, fn = "_options_6cemk_1", xn = "_price_6cemk_12", jn = "_oldPrice_6cemk_19", bn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Cn = "_buttons_6cemk_73", Sn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Rn = "_chargeActive_6cemk_190", Dn = "_title_6cemk_198", N = {
+}, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Rn = "_chargeActive_6cemk_190", Dn = "_title_6cemk_198", N = {
   options: fn,
   price: xn,
-  oldPrice: jn,
-  newPrice: bn,
+  oldPrice: bn,
+  newPrice: jn,
   animate: vn,
   appearAndBounce: yn,
   meta: Nn,
   info: kn,
   infoRight: In,
-  buttons: Cn,
-  variants: Sn,
+  buttons: Sn,
+  variants: Cn,
   variant: wn,
   stock: $n,
   variantInfo: Bn,
@@ -1426,17 +1426,17 @@ const ci = (r) => {
   chargeActive: Rn,
   title: Dn
 };
-var Ct = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(Ct || {});
+var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
 const li = (r) => {
   var x, k;
-  const { variants: s } = r, [e, n] = _.useState(s[0]), [i, d] = _.useState(e.chargeTypes[0]), u = lt(), [o, m] = _.useState(1), { reset: g, addProductToCart: S } = vt(), [c, l] = _.useState(!1);
+  const { variants: s } = r, [e, n] = _.useState(s[0]), [i, d] = _.useState(e.chargeTypes[0]), u = lt(), [o, m] = _.useState(1), { reset: g, addProductToCart: C } = vt(), [c, l] = _.useState(!1);
   _.useEffect(() => {
     l(!0);
     const a = setTimeout(() => l(!1), 600);
     return () => clearTimeout(a);
   }, [o]);
   async function T() {
-    await S({
+    await C({
       productId: r.id,
       productVariantId: e.id,
       quantity: o
@@ -1447,17 +1447,17 @@ const li = (r) => {
   }
   function M(a) {
     if (a >= 864e5) {
-      const C = Math.floor(a / 864e5);
-      return `${C} ${C === 1 ? "day" : "days"}`;
+      const S = Math.floor(a / 864e5);
+      return `${S} ${S === 1 ? "day" : "days"}`;
     } else if (a >= 36e5) {
-      const C = Math.floor(a / 36e5);
-      return `${C} ${C === 1 ? "hour" : "hours"}`;
+      const S = Math.floor(a / 36e5);
+      return `${S} ${S === 1 ? "hour" : "hours"}`;
     } else if (a >= 6e4) {
-      const C = Math.floor(a / 6e4);
-      return `${C} ${C === 1 ? "minute" : "minutes"}`;
+      const S = Math.floor(a / 6e4);
+      return `${S} ${S === 1 ? "minute" : "minutes"}`;
     } else {
-      const C = Math.floor(a / 1e3);
-      return `${C} ${C === 1 ? "second" : "seconds"}`;
+      const S = Math.floor(a / 1e3);
+      return `${S} ${S === 1 ? "second" : "seconds"}`;
     }
   }
   return _.useEffect(() => {
@@ -1470,12 +1470,12 @@ const li = (r) => {
           [N.chargeActive]: i === a
         }),
         onClick: () => d(a),
-        children: Ct[a]
+        children: St[a]
       },
       a
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: N.variants, children: s.map((a) => {
-      var b;
+      var j;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -1492,7 +1492,7 @@ const li = (r) => {
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
-              ((b = a.quantity.restrictions) == null ? void 0 : b.max) || a.quantity.available || 0,
+              ((j = a.quantity.restrictions) == null ? void 0 : j.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
           ]
@@ -1604,7 +1604,7 @@ const li = (r) => {
       )
     ] })
   ] });
-}, Ln = "_button_1tdo3_1", zn = "_login_1tdo3_14", Un = "_signUp_1tdo3_18", Hn = "_buttons_1tdo3_23", Fn = "_modal_1tdo3_32", Vn = "_closing_1tdo3_64", Yn = "_info_1tdo3_113", Gn = "_top_1tdo3_120", Wn = "_title_1tdo3_131", Jn = "_clear_1tdo3_138", Xn = "_activeClear_1tdo3_145", Kn = "_count_1tdo3_149", Qn = "_cart_1tdo3_164", Zn = "_empty_1tdo3_172", ts = "_product_1tdo3_198", es = "_products_1tdo3_207", ns = "_image_1tdo3_215", ss = "_productInfo_1tdo3_221", is = "_content_1tdo3_228", os = "_name_1tdo3_234", as = "_price_1tdo3_240", cs = "_productButtons_1tdo3_246", ls = "_productButton_1tdo3_246", rs = "_productCount_1tdo3_266", ds = "_bottom_1tdo3_282", us = "_subtotal_1tdo3_290", ms = "_block_1tdo3_298", hs = "_shoppingCount_1tdo3_305", ps = "_total_1tdo3_325", _s = "_link_1tdo3_331", gs = "_userInfo_1tdo3_338", fs = "_pagesMobileModal_1tdo3_349", xs = "_pagesMobileModalContent_1tdo3_363", js = "_pagesMobileModalHeader_1tdo3_369", bs = "_pagesMobileModalFooter_1tdo3_379", y = {
+}, Ln = "_button_1tdo3_1", zn = "_login_1tdo3_14", Un = "_signUp_1tdo3_18", Hn = "_buttons_1tdo3_23", Fn = "_modal_1tdo3_32", Vn = "_closing_1tdo3_64", Yn = "_info_1tdo3_113", Gn = "_top_1tdo3_120", Wn = "_title_1tdo3_131", Jn = "_clear_1tdo3_138", Xn = "_activeClear_1tdo3_145", Kn = "_count_1tdo3_149", Qn = "_cart_1tdo3_164", Zn = "_empty_1tdo3_172", ts = "_product_1tdo3_198", es = "_products_1tdo3_207", ns = "_image_1tdo3_215", ss = "_productInfo_1tdo3_221", is = "_content_1tdo3_228", os = "_name_1tdo3_234", as = "_price_1tdo3_240", cs = "_productButtons_1tdo3_246", ls = "_productButton_1tdo3_246", rs = "_productCount_1tdo3_266", ds = "_bottom_1tdo3_282", us = "_subtotal_1tdo3_290", ms = "_block_1tdo3_298", hs = "_shoppingCount_1tdo3_305", ps = "_total_1tdo3_325", _s = "_link_1tdo3_331", gs = "_userInfo_1tdo3_338", fs = "_pagesMobileModal_1tdo3_349", xs = "_pagesMobileModalContent_1tdo3_363", bs = "_pagesMobileModalHeader_1tdo3_369", js = "_pagesMobileModalFooter_1tdo3_379", y = {
   button: Ln,
   login: zn,
   signUp: Un,
@@ -1642,19 +1642,19 @@ const li = (r) => {
   userInfo: gs,
   pagesMobileModal: fs,
   pagesMobileModalContent: xs,
-  pagesMobileModalHeader: js,
-  pagesMobileModalFooter: bs
+  pagesMobileModalHeader: bs,
+  pagesMobileModalFooter: js
 }, ri = (r) => {
   const { shopping: s, signUp: e, isShowUserInfo: n = !0 } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: y.buttons, children: [
     s && /* @__PURE__ */ t.jsx(vs, {}),
-    n && /* @__PURE__ */ t.jsx(St, { signUp: e })
+    n && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
   ] });
 }, vs = () => {
   const [r, s] = _.useState(!1), [e, n] = _.useState([]), { cart: i } = vt();
   function d(g) {
-    var S;
-    return !g || !(g != null && g.variants) ? !1 : (S = g.variants.find((c) => c.id === g.activeVariantId)) == null ? void 0 : S.subscriptionSettings;
+    var C;
+    return !g || !(g != null && g.variants) ? !1 : (C = g.variants.find((c) => c.id === g.activeVariantId)) == null ? void 0 : C.subscriptionSettings;
   }
   const u = i.parts.length > 0 && e.length > 0 && !d(e[0]), [o, m] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1705,7 +1705,7 @@ const li = (r) => {
   function g(l) {
     m(l);
   }
-  function S(l) {
+  function C(l) {
     o({
       productId: l.id,
       productVariantId: l.activeVariantId,
@@ -1792,7 +1792,7 @@ const li = (r) => {
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => S(l),
+                      onClick: () => C(l),
                       className: y.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         f,
@@ -1856,7 +1856,7 @@ const li = (r) => {
       }
     )
   ] })
-] }), St = ({ signUp: r, close: s }) => {
+] }), Ct = ({ signUp: r, close: s }) => {
   const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: n } = e, i = lt();
   function d(m) {
     window.location.pathname.includes("/admin/builder") || i(m);
@@ -1943,7 +1943,7 @@ const li = (r) => {
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: r }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          St,
+          Ct,
           {
             signUp: n,
             close: d
@@ -1980,7 +1980,7 @@ const li = (r) => {
         padding: 10
       },
       onClick: (e) => {
-        e.stopPropagation(), s(!0);
+        e.stopPropagation(), window.location.pathname.includes("/admin/builder") || s(!0);
       },
       children: /* @__PURE__ */ t.jsx(
         f,
@@ -1991,9 +1991,9 @@ const li = (r) => {
       )
     }
   );
-}, Cs = "_share_10urc_1", Ss = "_modal_10urc_9", ws = "_header_10urc_21", $s = "_socials_10urc_31", Bs = "_social_10urc_31", Ps = "_copy_10urc_41", Ms = "_title_10urc_48", Ts = "_copyWrapper_10urc_54", qs = "_copyText_10urc_63", As = "_copyTextMobile_10urc_76", Os = "_copyTextMiniMobile_10urc_95", tt = {
-  share: Cs,
-  modal: Ss,
+}, Ss = "_share_10urc_1", Cs = "_modal_10urc_9", ws = "_header_10urc_21", $s = "_socials_10urc_31", Bs = "_social_10urc_31", Ps = "_copy_10urc_41", Ms = "_title_10urc_48", Ts = "_copyWrapper_10urc_54", qs = "_copyText_10urc_63", As = "_copyTextMobile_10urc_76", Os = "_copyTextMiniMobile_10urc_95", tt = {
+  share: Ss,
+  modal: Cs,
   header: ws,
   socials: $s,
   social: Bs,
@@ -2042,8 +2042,8 @@ const li = (r) => {
       s(!1), i(!0);
     }, 300);
   }
-  function m(g, S) {
-    return g.length > S ? g.slice(0, S) + "..." : g;
+  function m(g, C) {
+    return g.length > C ? g.slice(0, C) + "..." : g;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2138,7 +2138,7 @@ const li = (r) => {
       }
     );
   const d = lt(), u = /^https?:\/\//.test(s), o = (m) => {
-    u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.location.href = s : (m.preventDefault(), d(s, { replace: !0 }));
+    u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.history.pushState({}, "", s) : (m.preventDefault(), d(s));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -2219,8 +2219,8 @@ const li = (r) => {
     placeholder: d = "Type something...",
     type: u = "text"
   } = r, [o, m] = _.useState(n.length);
-  function g(S) {
-    return u === "number" ? S.replace(/[^\d\n]+/g, "") : S;
+  function g(C) {
+    return u === "number" ? C.replace(/[^\d\n]+/g, "") : C;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: ct.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
@@ -2236,8 +2236,8 @@ const li = (r) => {
       {
         id: e,
         value: n,
-        onChange: (S) => {
-          const c = g(S.target.value);
+        onChange: (C) => {
+          const c = g(C.target.value);
           m(c.length), s(c);
         },
         placeholder: d,
@@ -2260,14 +2260,14 @@ export {
   ai as ButtonsSettings,
   si as CategorySettings,
   $t as ChooseImage,
-  ji as ChooseImageModal,
+  bi as ChooseImageModal,
   Ns as EmptyCart,
   oi as FormSettings,
   ri as HeaderButtons,
   f as Icon,
   ut as InputSettings,
   Tt as InputUI,
-  bi as ItemsSettings,
+  ji as ItemsSettings,
   ni as LayoutSettings,
   hi as Link,
   ci as ListingSelector,
@@ -2289,5 +2289,5 @@ export {
   Ni as TextareaSettings,
   gi as TextareaUI,
   ki as TypesText,
-  St as UserInfo
+  Ct as UserInfo
 };