@billgangcom/theme-lib 1.57.0 → 1.58.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as g, c as Y, a as dt, S as ot, R as yt, B as tt, O as ut, d as at, u as mt, e as ht, P as pt, D as _t, f as gt, v as xt, g as ft, C as bt, h as H, i as St, k as it, l as wt, m as Bt, n as $t, o as rt, p as V, L as Pt, q as lt, r as jt, t as G, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-Bh-lH7YV.js";
-import { J as hi, F as pi, H as _i, E as gi, T as xi, G as fi } from "./index-Bh-lH7YV.js";
+import { j as t, I as g, c as Y, a as dt, S as ot, R as yt, B as tt, O as ut, d as at, u as mt, e as ht, P as pt, D as _t, f as gt, v as xt, g as ft, C as bt, h as H, i as St, k as it, l as wt, m as Bt, n as $t, o as rt, p as V, L as Pt, q as lt, r as jt, t as G, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-B285osIN.js";
+import { J as hi, F as pi, H as _i, E as gi, T as xi, G as fi } from "./index-B285osIN.js";
 import _ from "react";
 import "@phosphor-icons/react";
 const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmyb_15", zt = "_subtitle_1vmyb_22", Rt = "_alignmentContent_1vmyb_29", Lt = "_alignments_1vmyb_37", Dt = "_alignment_1vmyb_8", Ht = "_circle_1vmyb_60", Ut = "_paddings_1vmyb_67", Ft = "_padding_1vmyb_67", Vt = "_active_1vmyb_91", Yt = "_input_1vmyb_98", W = {
@@ -26,8 +26,8 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   "bottom",
   "bottomRight"
 ], Wt = ["left", "top", "right", "bottom"], Qn = (d) => {
-  const { alignment: i, padding: e, setPadding: s, setAlignment: n } = d;
-  function p(l) {
+  const { alignment: n, padding: e, setPadding: s, setAlignment: i } = d;
+  function m(l) {
     switch (l) {
       case "left":
       case "topLeft":
@@ -45,7 +45,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         return "TextAlignCenter";
     }
   }
-  function m(l) {
+  function h(l) {
     switch (l) {
       case "left":
         return "AlignLeft";
@@ -57,7 +57,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [o, u] = _.useState(null), [f, $] = _.useState(null);
+  const [o, u] = _.useState(null), [x, $] = _.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: W.alignmentBlock, children: [
@@ -67,7 +67,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           "div",
           {
             onClick: () => {
-              n(l);
+              i(l);
             },
             className: W.alignment,
             onMouseEnter: () => {
@@ -77,20 +77,20 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
               u(null);
             },
             children: [
-              l !== i && o !== l && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              l !== i && o === l && /* @__PURE__ */ t.jsx(
+              l !== n && o !== l && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
+              l !== n && o === l && /* @__PURE__ */ t.jsx(
                 g,
                 {
-                  name: p(o),
+                  name: m(o),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              l === i && /* @__PURE__ */ t.jsx(
+              l === n && /* @__PURE__ */ t.jsx(
                 g,
                 {
-                  name: p(i),
+                  name: m(n),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -104,7 +104,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           "label",
           {
             className: Y(W.padding, {
-              [W.active]: f === l
+              [W.active]: x === l
             }),
             onFocus: () => {
               $(l);
@@ -116,7 +116,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 g,
                 {
-                  name: m(l),
+                  name: h(l),
                   width: 20,
                   height: 20
                 }
@@ -168,25 +168,25 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   deleteButton: xe
 }, Kn = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: e,
     items: s,
-    setItems: n,
-    other: p,
-    title: m,
+    setItems: i,
+    other: m,
+    title: h,
     subtitle: o,
     draggable: u = !1,
-    withImage: f = !1,
+    withImage: x = !1,
     addable: $ = !0,
     itemsOptions: l,
     hasRangeSelector: r = !1,
     rangeSelectorOptions: T,
     limit: w,
     autoScrollInterval: C,
-    deletable: x
+    deletable: f
   } = d;
   function B(b) {
-    if (f)
+    if (x)
       return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -225,7 +225,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
             const j = [...s], N = l.find((v) => v.name === S);
             if (!N) return;
             const O = N.id, c = j.map((v) => v === b ? O : v);
-            n([...c]);
+            i([...c]);
           },
           value: M.name,
           options: l.filter((S) => !s.find((j) => j === S.id)).map((S) => S.name),
@@ -240,7 +240,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => n(s.filter((S) => S !== b))
+          onClick: () => i(s.filter((S) => S !== b))
         }
       ) }) })
     ] });
@@ -254,12 +254,12 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: J.productsBlock, children: [
-    (m || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: J.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: J.title, children: m }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: J.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: J.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
-          current: i,
+          current: n,
           onChange: (b) => e == null ? void 0 : e(b)
         }
       )
@@ -267,7 +267,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     r && T && /* @__PURE__ */ t.jsx(yt, { ...T }),
     /* @__PURE__ */ t.jsxs("div", { className: J.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: o }),
-      s.map((b) => a(b, x)),
+      s.map((b) => a(b, f)),
       $ && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -296,7 +296,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
                       break;
                     }
                 }
-                b.push((q == null ? void 0 : q.id) || l[0].id), n(b);
+                b.push((q == null ? void 0 : q.id) || l[0].id), i(b);
               },
               style: {
                 width: "fit-content"
@@ -317,7 +317,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         }
       )
     ] }),
-    p !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: p }),
+    m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m }),
     C !== void 0 && /* @__PURE__ */ t.jsx(
       dt,
       {
@@ -360,49 +360,49 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   deleteButton: Le,
   closeIcon: De
 };
-function He({ product: d, children: i }) {
+function He({ product: d, children: n }) {
   const {
     attributes: e,
     listeners: s,
-    setNodeRef: n,
-    transform: p,
-    transition: m,
+    setNodeRef: i,
+    transform: m,
+    transition: h,
     isDragging: o
   } = ft({
     id: d.id
   }), u = {
-    transform: bt.Transform.toString(p),
-    transition: m
+    transform: bt.Transform.toString(m),
+    transition: h
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: n,
+      ref: i,
       style: u,
       className: `${U.product} ${o ? U.dragging : ""}`,
       ...e,
       ...s,
-      children: i
+      children: n
     }
   );
 }
 const Zn = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: e,
     items: s,
-    setItems: n,
-    title: p,
-    subtitle: m,
+    setItems: i,
+    title: m,
+    subtitle: h,
     editable: o = !0,
     draggable: u = !1,
-    deletable: f = !0,
+    deletable: x = !0,
     addable: $ = !0,
     itemsType: l,
     itemsOptions: r,
     addableOptions: T = {},
     limit: w
-  } = d, [C, x] = _.useState(null), [B, a] = _.useState(null), b = _.useRef(null), q = mt(
+  } = d, [C, f] = _.useState(null), [B, a] = _.useState(null), b = _.useRef(null), q = mt(
     ht(pt, {
       activationConstraint: {
         distance: 5
@@ -412,7 +412,7 @@ const Zn = (d) => {
   _.useEffect(() => {
     if (C) {
       const j = [...s].map((N) => N.id === C.id ? C : N);
-      n(j);
+      i(j);
     }
   }, [C]), _.useEffect(() => {
     b.current && B && (b.current.getBoundingClientRect().height, B.top);
@@ -423,14 +423,14 @@ const Zn = (d) => {
     a({
       top: O.top + window.scrollY,
       left: O.left - 30
-    }), x(N);
+    }), f(N);
   }, L = (j) => {
     const { active: N, over: O } = j;
     if (O && N.id !== O.id) {
       const c = s.findIndex((I) => I.id === N.id), v = s.findIndex((I) => I.id === O.id);
       if (c !== -1 && v !== -1) {
         const I = [...s], [D] = I.splice(c, 1);
-        I.splice(v, 0, D), n(I);
+        I.splice(v, 0, D), i(I);
       }
     }
   }, S = (j, N) => {
@@ -456,12 +456,12 @@ const Zn = (d) => {
                 "en-US": c
               }
             } : P);
-            x({
+            f({
               ...j,
               name: {
                 "en-US": c
               }
-            }), n([...D]);
+            }), i([...D]);
           },
           value: j.name,
           options: r.filter((c) => !s.find((v) => v.name === c.name)).map((c) => c.name)
@@ -478,7 +478,7 @@ const Zn = (d) => {
             onClick: (c) => M(c, j)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
+        x && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Trash",
@@ -486,7 +486,7 @@ const Zn = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((c) => c.id !== j.id))
+            onClick: () => i(s.filter((c) => c.id !== j.id))
           }
         ) })
       ] })
@@ -509,18 +509,18 @@ const Zn = (d) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: U.productsBlock, children: [
-    (p || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
-      p && /* @__PURE__ */ t.jsx("h3", { className: U.title, children: p }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+    (m || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
+      m && /* @__PURE__ */ t.jsx("h3", { className: U.title, children: m }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
-          current: i,
+          current: n,
           onChange: (j) => e == null ? void 0 : e(j)
         }
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: U.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: m }),
+      h && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: h }),
       u ? /* @__PURE__ */ t.jsx(
         _t,
         {
@@ -567,7 +567,7 @@ const Zn = (d) => {
                   name: N ? N.name : r[0].name,
                   id: (N == null ? void 0 : N.id) || r[0].id,
                   ...T
-                }), n(j);
+                }), i(j);
               },
               style: {
                 width: "fit-content"
@@ -591,42 +591,42 @@ const Zn = (d) => {
   ] });
 };
 function Ue(d) {
-  const { product: i, children: e } = d, { attributes: s, listeners: n, setNodeRef: p, transform: m, transition: o, isDragging: u } = ft({
-    id: i.id
-  }), f = {
-    transform: bt.Transform.toString(m),
+  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = ft({
+    id: n.id
+  }), x = {
+    transform: bt.Transform.toString(h),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: p,
-      style: f,
+      ref: m,
+      style: x,
       className: `${H.product} ${u ? H.dragging : ""}`,
       ...s,
-      ...n,
+      ...i,
       children: e
     }
   );
 }
 const ti = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: e,
     items: s,
-    setItems: n,
-    other: p,
-    title: m,
+    setItems: i,
+    other: m,
+    title: h,
     subtitle: o,
     editable: u = !0,
-    draggable: f = !1,
+    draggable: x = !1,
     withImage: $ = !1,
     deletable: l = !0,
     addable: r = !0,
     itemsType: T,
     itemsPlaceholder: w = "",
     itemsOptions: C,
-    hasRangeSelector: x = !1,
+    hasRangeSelector: f = !1,
     rangeSelectorOptions: B,
     modalOptions: a,
     addableOptions: b = {},
@@ -642,41 +642,41 @@ const ti = (d) => {
     })
   );
   _.useEffect(() => {
-    const h = () => {
+    const p = () => {
       L(null), I(!1);
     };
-    return document.body.addEventListener("click", h), L(null), I(!1), () => {
-      L(null), I(!1), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", p), L(null), I(!1), () => {
+      L(null), I(!1), document.body.removeEventListener("click", p);
     };
   }, []), _.useEffect(() => {
     if (M) {
-      const h = [...s].map((A) => A.id === M.id ? M : A);
-      n(h);
+      const p = [...s].map((A) => A.id === M.id ? M : A);
+      i(p);
     }
   }, [M]), _.useEffect(() => {
     if (c.current && N) {
-      const h = c.current.getBoundingClientRect().height, A = window.innerHeight;
+      const p = c.current.getBoundingClientRect().height, A = window.innerHeight;
       let E = N.top;
-      E + h > A + window.scrollY - 200 && (E = A + window.scrollY - h - 200), E < 0 && (E = 10), j({
+      E + p > A + window.scrollY - 200 && (E = A + window.scrollY - p - 200), E < 0 && (E = 10), j({
         top: E,
         left: N.left
       });
     }
   }, [c.current, N]);
-  const P = (h, A) => {
-    h.stopPropagation();
-    const E = h.target.getBoundingClientRect();
+  const P = (p, A) => {
+    p.stopPropagation();
+    const E = p.target.getBoundingClientRect();
     O({
       top: E.top + window.scrollY,
       left: E.left - 30
     }), L(A), I(!0);
   };
-  function R(h) {
+  function R(p) {
     if ($)
-      return h ? /* @__PURE__ */ t.jsx(
+      return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${h[0]}/w=1000`,
+          src: `https://imagedelivery.net/${p[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -691,19 +691,19 @@ const ti = (d) => {
         }
       );
   }
-  const K = (h) => {
-    const { active: A, over: E } = h;
+  const K = (p) => {
+    const { active: A, over: E } = p;
     if (E && A.id !== E.id) {
       const z = s.findIndex((F) => F.id === A.id), et = s.findIndex((F) => F.id === E.id);
       if (z !== -1 && et !== -1) {
         const F = [...s], [X] = F.splice(z, 1);
-        F.splice(et, 0, X), n(F);
+        F.splice(et, 0, X), i(F);
       }
     }
-  }, st = (h) => {
+  }, st = (p) => {
     var E;
     const A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         g,
         {
           name: "DotsSixVertical",
@@ -716,39 +716,39 @@ const ti = (d) => {
         at,
         {
           onChange: (z) => {
-            const F = [...s].map((X) => X.id === h.id ? {
-              ...h,
+            const F = [...s].map((X) => X.id === p.id ? {
+              ...p,
               name: {
                 "en-US": z
               }
             } : X);
             L({
-              ...h,
+              ...p,
               name: {
                 "en-US": z
               }
-            }), n([...F]);
+            }), i([...F]);
           },
-          value: h.name["en-US"],
+          value: p.name["en-US"],
           options: C.filter(
             (z) => !s.find((et) => et.name["en-US"] === z)
           ),
-          leftAddon: R(h.images)
+          leftAddon: R(p.images)
         }
       ),
       T === "input" && /* @__PURE__ */ t.jsx(
         dt,
         {
           onChange: (z) => {
-            const F = [...s].map((X) => X.id === h.id ? {
-              ...h,
+            const F = [...s].map((X) => X.id === p.id ? {
+              ...p,
               name: {
                 "en-US": z
               }
             } : X);
-            n([...F]);
+            i([...F]);
           },
-          value: h.name["en-US"],
+          value: p.name["en-US"],
           placeholder: w
         }
       ),
@@ -756,13 +756,13 @@ const ti = (d) => {
         wt,
         {
           onChange: (z) => {
-            const F = [...s].map((X) => X.id === h.id ? {
-              ...h,
+            const F = [...s].map((X) => X.id === p.id ? {
+              ...p,
               images: z
             } : X);
-            n([...F]);
+            i([...F]);
           },
-          activeImage: (E = s.find((z) => z.id === h.id)) == null ? void 0 : E.images[0]
+          activeImage: (E = s.find((z) => z.id === p.id)) == null ? void 0 : E.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
@@ -773,7 +773,7 @@ const ti = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (z) => P(z, h)
+            onClick: (z) => P(z, p)
           }
         ) }),
         l && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -784,35 +784,35 @@ const ti = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((z) => z.id !== h.id))
+            onClick: () => i(s.filter((z) => z.id !== p.id))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
+    return x ? /* @__PURE__ */ t.jsx(
       Ue,
       {
-        product: h,
+        product: p,
         children: A
       },
-      h.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: H.product,
         children: A
       },
-      h.id
+      p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (m || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: m }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
-          current: i,
-          onChange: (h) => e == null ? void 0 : e(h)
+          current: n,
+          onChange: (p) => e == null ? void 0 : e(p)
         }
       )
     ] }),
@@ -827,10 +827,10 @@ const ti = (d) => {
         setIsOpenModal: I
       }
     ),
-    x && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
+    f && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
     /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
-      f ? /* @__PURE__ */ t.jsx(
+      x ? /* @__PURE__ */ t.jsx(
         _t,
         {
           sensors: D,
@@ -838,13 +838,13 @@ const ti = (d) => {
           children: /* @__PURE__ */ t.jsx(
             gt,
             {
-              items: s.map((h) => h.id),
+              items: s.map((p) => p.id),
               strategy: xt,
-              children: s.map((h) => st(h))
+              children: s.map((p) => st(p))
             }
           )
         }
-      ) : s.map((h) => st(h)),
+      ) : s.map((p) => st(p)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -863,7 +863,7 @@ const ti = (d) => {
               size: "s",
               disabled: !!(q && q <= s.length),
               onClick: () => {
-                const h = [...s];
+                const p = [...s];
                 let A = null;
                 if (C) {
                   for (let E = 0; E < C.length; E++)
@@ -872,7 +872,7 @@ const ti = (d) => {
                       break;
                     }
                 }
-                T === "select" && C ? h.push({
+                T === "select" && C ? p.push({
                   name: {
                     "en-US": A || C[0]
                   },
@@ -880,21 +880,21 @@ const ti = (d) => {
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : T === "input" ? h.push({
+                }) : T === "input" ? p.push({
                   name: {
                     "en-US": ""
                   },
                   id: it(),
                   ...b,
                   maxSymbols: 100
-                }) : h.push({
+                }) : p.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: it(),
                   ...b,
                   maxSymbols: 100
-                }), n(h);
+                }), i(p);
               },
               style: {
                 width: "fit-content"
@@ -915,7 +915,7 @@ const ti = (d) => {
         }
       )
     ] }),
-    p !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: p })
+    m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m })
   ] });
 }, Fe = "_subtitle_jql1y_1", Ve = "_header_jql1y_8", Ye = "_text_jql1y_9", Ge = "_productsBlock_jql1y_10", We = "_buttonsBlock_jql1y_11", Je = "_top_jql1y_23", Xe = "_itemsBlock_jql1y_32", Qe = "_typeTexts_jql1y_38", Ke = "_block_jql1y_45", Ze = "_active_jql1y_58", ts = "_products_jql1y_10", es = "_product_jql1y_10", ss = "_button_jql1y_11", ns = "_image_jql1y_88", is = "_info_jql1y_95", os = "_name_jql1y_107", as = "_buttons_jql1y_11", cs = "_modal_jql1y_118", ls = "_other_jql1y_138", rs = "_options_jql1y_144", ds = "_addButton_jql1y_150", us = "_deleteButton_jql1y_165", Q = {
   subtitle: Fe,
@@ -941,35 +941,35 @@ const ti = (d) => {
   addButton: ds,
   deleteButton: us
 }, ms = (d) => {
-  const { buttons: i, setButtons: e, deletable: s = !0, addable: n = !0, editableLink: p = !0 } = d, { pages: m } = Bt(), [o, u] = _.useState(null), [f, $] = _.useState({
+  const { buttons: n, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: m = !0 } = d, { pages: h } = Bt(), [o, u] = _.useState(null), [x, $] = _.useState({
     top: 0,
     left: 0
   }), [l, r] = _.useState(null), T = _.useRef(null);
   _.useEffect(() => {
     if (o) {
-      const x = [...i].map((B) => B.id === o.id ? o : B);
-      e(x);
+      const f = [...n].map((B) => B.id === o.id ? o : B);
+      e(f);
     }
   }, [o]), _.useEffect(() => {
     if (T.current && l) {
-      const x = T.current.getBoundingClientRect().height, B = window.innerHeight;
+      const f = T.current.getBoundingClientRect().height, B = window.innerHeight;
       let a = l.top;
-      a + x > B + window.scrollY - 200 && (a = B + window.scrollY - x - 200), a < 0 && (a = 10), $({
+      a + f > B + window.scrollY - 200 && (a = B + window.scrollY - f - 200), a < 0 && (a = 10), $({
         top: a,
         left: l.left
       });
     }
   }, [T.current, l]);
-  const w = (x, B) => {
-    x.stopPropagation();
-    const a = x.target.getBoundingClientRect();
+  const w = (f, B) => {
+    f.stopPropagation();
+    const a = f.target.getBoundingClientRect();
     r({
       top: a.top + window.scrollY - 70,
-      left: a.left - (n ? 30 : 65)
+      left: a.left - (i ? 30 : 65)
     }), u(B);
-  }, C = (x, B) => {
-    const a = [...i], b = {
-      ...x,
+  }, C = (f, B) => {
+    const a = [...n], b = {
+      ...f,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
@@ -977,7 +977,7 @@ const ti = (d) => {
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: "Button Type" }),
-    i.map((x, B) => /* @__PURE__ */ t.jsxs(
+    n.map((f, B) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: Q.product,
@@ -986,13 +986,13 @@ const ti = (d) => {
             at,
             {
               onChange: (a) => {
-                const q = [...i].map((M) => M.id === x.id ? {
-                  ...x,
+                const q = [...n].map((M) => M.id === f.id ? {
+                  ...f,
                   type: a
                 } : M);
                 e(q);
               },
-              value: x.type,
+              value: f.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
@@ -1005,7 +1005,7 @@ const ti = (d) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  C(x, B);
+                  C(f, B);
                 }
               }
             ) }),
@@ -1017,7 +1017,7 @@ const ti = (d) => {
                 width: 20,
                 height: 20,
                 onClick: (a) => {
-                  w(a, x);
+                  w(a, f);
                 }
               }
             ) }),
@@ -1027,7 +1027,7 @@ const ti = (d) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const a = i.filter((b) => b.id !== x.id);
+                  const a = n.filter((b) => b.id !== f.id);
                   e(a);
                 },
                 width: 20,
@@ -1038,7 +1038,7 @@ const ti = (d) => {
           ] })
         ]
       },
-      x.id
+      f.id
     )),
     o && /* @__PURE__ */ t.jsx(
       $t,
@@ -1046,11 +1046,11 @@ const ti = (d) => {
         ref: T,
         activeButton: o,
         setActiveButton: u,
-        popupPosition: f,
-        editableLink: p
+        popupPosition: x,
+        editableLink: m
       }
     ),
-    n && /* @__PURE__ */ t.jsx(
+    i && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1065,8 +1065,8 @@ const ti = (d) => {
             className: Q.button,
             size: "s",
             onClick: () => {
-              const x = [...i];
-              p ? x.push({
+              const f = [...n];
+              m ? f.push({
                 type: "Primary",
                 id: it(),
                 typesText: [],
@@ -1074,9 +1074,9 @@ const ti = (d) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: m ? Object.values(m)[0].name : "Home",
+                page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }) : x.push({
+              }) : f.push({
                 type: "Primary",
                 id: it(),
                 typesText: [],
@@ -1084,9 +1084,9 @@ const ti = (d) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: m ? Object.values(m)[0].name : "Home",
+                page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }), e(x);
+              }), e(f);
             },
             style: {
               width: "fit-content"
@@ -1109,12 +1109,12 @@ const ti = (d) => {
   ] });
 }, ei = (d) => {
   const {
-    isActiveButtons: i,
+    isActiveButtons: n,
     setIsActiveButtons: e,
     buttons: s,
-    setButtons: n,
-    editableLink: p = !0,
-    addable: m = !0,
+    setButtons: i,
+    editableLink: m = !0,
+    addable: h = !0,
     deletable: o = !0
   } = d;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: rt.buttonsBlock, children: [
@@ -1123,59 +1123,59 @@ const ti = (d) => {
       /* @__PURE__ */ t.jsx(
         ot,
         {
-          current: i,
+          current: n,
           onChange: (u) => e(u)
         }
       )
     ] }),
-    i && /* @__PURE__ */ t.jsx(
+    n && /* @__PURE__ */ t.jsx(
       ms,
       {
         buttons: s,
-        setButtons: n,
-        editableLink: p,
-        addable: m,
+        setButtons: i,
+        editableLink: m,
+        addable: h,
         deletable: o
       }
     )
   ] }) });
 };
 function hs(d) {
-  const { product: i, children: e } = d, { attributes: s, listeners: n, setNodeRef: p, transform: m, transition: o, isDragging: u } = ft({
-    id: String(i.listingId)
-  }), f = {
-    transform: bt.Transform.toString(m),
+  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = ft({
+    id: String(n.listingId)
+  }), x = {
+    transform: bt.Transform.toString(h),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: p,
-      style: f,
+      ref: m,
+      style: x,
       className: `${V.product} ${u ? V.dragging : ""}`,
       ...s,
-      ...n,
+      ...i,
       children: e
     }
   );
 }
 const si = (d) => {
   const {
-    isActiveItems: i,
+    isActiveItems: n,
     setIsActiveItems: e,
     items: s,
-    setItems: n,
-    other: p,
-    title: m,
+    setItems: i,
+    other: m,
+    title: h,
     subtitle: o,
     editable: u = !0,
-    draggable: f = !1,
+    draggable: x = !1,
     withImage: $ = !1,
     deletable: l = !0,
     addable: r = !0,
     itemsType: T,
     itemsOptions: w
-  } = d, [C, x] = _.useState(
+  } = d, [C, f] = _.useState(
     null
   ), [B, a] = _.useState({
     top: 0,
@@ -1189,15 +1189,15 @@ const si = (d) => {
   );
   _.useEffect(() => {
     const c = () => {
-      x(null), q(!1);
+      f(null), q(!1);
     };
-    return document.body.addEventListener("click", c), x(null), q(!1), () => {
-      x(null), q(!1), document.body.removeEventListener("click", c);
+    return document.body.addEventListener("click", c), f(null), q(!1), () => {
+      f(null), q(!1), document.body.removeEventListener("click", c);
     };
   }, []), _.useEffect(() => {
     if (C) {
       const c = [...s].map((v) => v.listingId === C.listingId ? C : v);
-      n(c);
+      i(c);
     }
   }, [C]);
   const L = (c, v) => {
@@ -1207,7 +1207,7 @@ const si = (d) => {
     R + D > P && (R = P - D - 20), q(!0), a({
       top: R - 80,
       left: I.left - 30
-    }), x(v);
+    }), f(v);
   };
   function S(c) {
     if ($)
@@ -1235,14 +1235,14 @@ const si = (d) => {
       const D = s.findIndex((R) => String(R.listingId) === v.id), P = s.findIndex((R) => String(R.listingId) === I.id);
       if (D !== -1 && P !== -1) {
         const R = [...s], [K] = R.splice(D, 1);
-        R.splice(P, 0, K), n(R);
+        R.splice(P, 0, K), i(R);
       }
     }
   }, N = (c, v) => {
     const I = w.find((P) => c.listingId === P.id);
     if (!I) return null;
     const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         g,
         {
           name: "DotsSixVertical",
@@ -1260,8 +1260,8 @@ const si = (d) => {
             const st = {
               listingId: K.id,
               image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
-            }, h = R.map((A) => A.listingId === c.listingId ? st : A);
-            x(st), n([...h]);
+            }, p = R.map((A) => A.listingId === c.listingId ? st : A);
+            f(st), i([...p]);
           },
           value: I.productData.name,
           options: [
@@ -1292,12 +1292,12 @@ const si = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((P) => P !== c))
+            onClick: () => i(s.filter((P) => P !== c))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
+    return x ? /* @__PURE__ */ t.jsx(
       hs,
       {
         product: c,
@@ -1314,12 +1314,12 @@ const si = (d) => {
     );
   }, O = _.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (m || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: m }),
-      i !== void 0 && /* @__PURE__ */ t.jsx(
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: h }),
+      n !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
-          current: i,
+          current: n,
           onChange: (c) => e == null ? void 0 : e(c)
         }
       )
@@ -1329,15 +1329,15 @@ const si = (d) => {
       {
         ref: O,
         activeItem: C,
-        setActiveItem: x,
+        setActiveItem: f,
         setIsOpenModal: q,
         popupPosition: B,
         itemsOptions: w
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+    n && /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
-      f ? /* @__PURE__ */ t.jsx(
+      x ? /* @__PURE__ */ t.jsx(
         _t,
         {
           sensors: M,
@@ -1376,7 +1376,7 @@ const si = (d) => {
                     });
                     break;
                   }
-                n(c);
+                i(c);
               },
               disabled: s.length === w.length,
               style: {
@@ -1398,7 +1398,7 @@ const si = (d) => {
         }
       )
     ] }),
-    i && p !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: p })
+    n && m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m })
   ] });
 }, ps = "_options_6cemk_1", _s = "_price_6cemk_12", gs = "_oldPrice_6cemk_19", xs = "_newPrice_6cemk_27", fs = "_animate_6cemk_34", bs = "_appearAndBounce_6cemk_1", js = "_meta_6cemk_52", vs = "_info_6cemk_58", ys = "_infoRight_6cemk_66", Ns = "_buttons_6cemk_73", ks = "_variants_6cemk_80", Is = "_variant_6cemk_80", Cs = "_stock_6cemk_98", Ss = "_variantInfo_6cemk_105", ws = "_quantity_6cemk_111", Bs = "_count_6cemk_118", $s = "_focused_6cemk_135", Ps = "_button_6cemk_73", Ms = "_activeVariant_6cemk_161", Ts = "_chargeTypes_6cemk_165", qs = "_charge_6cemk_165", As = "_chargeActive_6cemk_190", Os = "_title_6cemk_198", k = {
   options: ps,
@@ -1427,8 +1427,8 @@ const si = (d) => {
 };
 var It = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(It || {});
 const ni = (d) => {
-  var x, B;
-  const { variants: i } = d, [e, s] = _.useState(i[0]), [n, p] = _.useState(e.chargeTypes[0]), m = lt(), [o, u] = _.useState(1), { reset: f, addProductToCart: $ } = jt(), [l, r] = _.useState(!1);
+  var f, B;
+  const { variants: n } = d, [e, s] = _.useState(n[0]), [i, m] = _.useState(e.chargeTypes[0]), h = lt(), [o, u] = _.useState(1), { reset: x, addProductToCart: $ } = jt(), [l, r] = _.useState(!1);
   _.useEffect(() => {
     r(!0);
     const a = setTimeout(() => r(!1), 600);
@@ -1442,7 +1442,7 @@ const ni = (d) => {
     });
   }
   function w() {
-    f(), T(), m("/checkout");
+    x(), T(), h("/checkout");
   }
   function C(a) {
     if (a >= 864e5) {
@@ -1466,14 +1466,14 @@ const ni = (d) => {
       "div",
       {
         className: Y(k.charge, {
-          [k.chargeActive]: n === a
+          [k.chargeActive]: i === a
         }),
-        onClick: () => p(a),
+        onClick: () => m(a),
         children: It[a]
       },
       a
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: i.map((a) => {
+    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: n.map((a) => {
       var b;
       return /* @__PURE__ */ t.jsxs(
         "div",
@@ -1487,10 +1487,10 @@ const ni = (d) => {
               /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                n === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: k.stock, children: [
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: k.stock, children: [
               ((b = a.quantity.restrictions) == null ? void 0 : b.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
@@ -1499,7 +1499,7 @@ const ni = (d) => {
         a.id
       );
     }) }),
-    n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
       /* @__PURE__ */ t.jsx(
         G,
         {
@@ -1518,7 +1518,7 @@ const ni = (d) => {
           type: "number",
           value: String(o),
           onChange: (a) => u(Number(a)),
-          max: ((x = e.quantity.restrictions) == null ? void 0 : x.max) || e.quantity.available || 1 / 0,
+          max: ((f = e.quantity.restrictions) == null ? void 0 : f.max) || e.quantity.available || 1 / 0,
           min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
@@ -1555,7 +1555,7 @@ const ni = (d) => {
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: k.infoRight, children: n === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+        /* @__PURE__ */ t.jsx("div", { className: k.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
           /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: l }), children: [
             "$ ",
             (e.price.amount || 0) * o
@@ -1589,10 +1589,10 @@ const ni = (d) => {
           type: "Primary",
           onClick: () => w(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
-          children: n === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      n === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+      i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
         G,
         {
           type: "Secondary",
@@ -1644,18 +1644,18 @@ const ni = (d) => {
   pagesMobileModalHeader: xn,
   pagesMobileModalFooter: fn
 }, ii = (d) => {
-  const { shopping: i, signUp: e, isShowUserInfo: s = !0 } = d;
+  const { shopping: n, signUp: e, isShowUserInfo: s = !0 } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: y.buttons, children: [
-    i && /* @__PURE__ */ t.jsx(bn, {}),
+    n && /* @__PURE__ */ t.jsx(bn, {}),
     s && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
   ] });
 }, bn = () => {
-  const [d, i] = _.useState(!1), [e, s] = _.useState([]), { cart: n } = jt();
-  function p(f) {
+  const [d, n] = _.useState(!1), [e, s] = _.useState([]), { cart: i } = jt();
+  function m(x) {
     var $;
-    return !f || !(f != null && f.variants) ? !1 : ($ = f.variants.find((l) => l.id === f.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
+    return !x || !(x != null && x.variants) ? !1 : ($ = x.variants.find((l) => l.id === x.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
   }
-  const m = n.parts.length > 0 && e.length > 0 && !p(e[0]), [o, u] = _.useState(!1);
+  const h = i.parts.length > 0 && e.length > 0 && !m(e[0]), [o, u] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       G,
@@ -1664,8 +1664,8 @@ const ni = (d) => {
         style: {
           padding: 10
         },
-        onClick: (f) => {
-          f.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), u(!0));
+        onClick: (x) => {
+          x.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), u(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1675,7 +1675,7 @@ const ni = (d) => {
               fill: "var(--icon-primary)"
             }
           ),
-          m && /* @__PURE__ */ t.jsx("div", { className: y.shoppingCount, children: n.parts.length })
+          h && /* @__PURE__ */ t.jsx("div", { className: y.shoppingCount, children: i.parts.length })
         ]
       }
     ),
@@ -1684,7 +1684,7 @@ const ni = (d) => {
       {
         close: () => {
           u(!1), setTimeout(() => {
-            i(!1);
+            n(!1);
           }, 300);
         },
         withAnimation: !1,
@@ -1692,7 +1692,7 @@ const ni = (d) => {
           jn,
           {
             activeProducts: e,
-            isCartNotEmpty: m,
+            isCartNotEmpty: h,
             isOpen: o
           }
         )
@@ -1700,8 +1700,8 @@ const ni = (d) => {
     )
   ] });
 }, jn = (d) => {
-  const { activeProducts: i, isCartNotEmpty: e, isOpen: s } = d, { cart: n, reset: p, getTotalAndDiscount: m, updateQuantityOfProduct: o } = jt(), u = lt();
-  function f(r) {
+  const { activeProducts: n, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: m, getTotalAndDiscount: h, updateQuantityOfProduct: o } = jt(), u = lt();
+  function x(r) {
     u(r);
   }
   function $(r) {
@@ -1729,7 +1729,7 @@ const ni = (d) => {
         /* @__PURE__ */ t.jsxs("div", { className: y.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: y.info, children: [
             /* @__PURE__ */ t.jsx("span", { className: y.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: y.count, children: n.parts.length })
+            e && /* @__PURE__ */ t.jsx("div", { className: y.count, children: i.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
@@ -1738,13 +1738,13 @@ const ni = (d) => {
                 [y.activeClear]: e
               }),
               disabled: !e,
-              onClick: p,
+              onClick: m,
               children: "Clear all"
             }
           )
         ] }),
         e ? /* @__PURE__ */ t.jsxs("div", { className: y.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: y.products, children: i.map((r) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: y.products, children: n.map((r) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: y.product,
@@ -1825,10 +1825,10 @@ const ni = (d) => {
               ] }),
               /* @__PURE__ */ t.jsxs("div", { className: y.total, children: [
                 "$",
-                m().total
+                h().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(G, { onClick: () => f("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(G, { onClick: () => x("/checkout"), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(vn, {})
       ]
@@ -1855,17 +1855,19 @@ const ni = (d) => {
       }
     )
   ] })
-] }), Ct = ({ signUp: d }) => {
-  const i = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = i, s = lt();
-  function n(o) {
-    window.location.pathname.includes("/admin/builder") || s(o);
+] }), Ct = ({ signUp: d, close: n }) => {
+  const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = e, i = lt();
+  function m(u) {
+    window.location.pathname.includes("/admin/builder") || i(u);
   }
-  if (!e)
+  if (!s)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         G,
         {
-          onClick: () => n("/customer-dash"),
+          onClick: () => {
+            m("/customer-dash"), n == null || n();
+          },
           type: "Secondary",
           style: {
             padding: 10
@@ -1876,7 +1878,9 @@ const ni = (d) => {
       d && /* @__PURE__ */ t.jsx(
         G,
         {
-          onClick: () => n("/customer-dash"),
+          onClick: () => {
+            m("/customer-dash"), n == null || n();
+          },
           type: "Primary",
           style: {
             padding: 10,
@@ -1886,44 +1890,46 @@ const ni = (d) => {
         }
       )
     ] });
-  const [p, m] = _.useState("test-email@gmail.com");
+  const [h, o] = _.useState("test-email@gmail.com");
   return _.useEffect(() => {
     (async () => {
-      const u = Tt(e);
-      m(u.email);
+      const x = Tt(s);
+      o(x.email);
     })();
-  }, [e]), /* @__PURE__ */ t.jsx(
+  }, [s]), /* @__PURE__ */ t.jsx(
     "div",
     {
       className: y.userInfo,
-      onClick: () => n("/customer-dash"),
-      children: /* @__PURE__ */ t.jsx("div", { children: p || "test-email@gmail.com" })
+      onClick: () => {
+        m("/customer-dash"), n == null || n();
+      },
+      children: /* @__PURE__ */ t.jsx("div", { children: h || "test-email@gmail.com" })
     }
   );
 }, yn = ({
   children: d,
-  logo: i,
+  logo: n,
   setIsOpen: e,
   signUp: s
 }) => {
-  const { setIsOpen: n } = Nt(), p = () => {
-    n(!1), setTimeout(() => {
-      e(!1), n(!0);
+  const { setIsOpen: i } = Nt(), m = () => {
+    i(!1), setTimeout(() => {
+      e(!1), i(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: y.pagesMobileModal,
-      onClick: (m) => m.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: y.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: i }),
+          /* @__PURE__ */ t.jsx("div", { children: n }),
           /* @__PURE__ */ t.jsx(
             G,
             {
               type: "Secondary",
-              onClick: p,
+              onClick: m,
               children: /* @__PURE__ */ t.jsx(
                 g,
                 {
@@ -1935,30 +1941,36 @@ const ni = (d) => {
           )
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: d }),
-        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(Ct, { signUp: s }) })
+        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+          Ct,
+          {
+            signUp: s,
+            close: m
+          }
+        ) })
       ]
     }
   );
 }, oi = ({
   children: d,
-  logo: i,
+  logo: n,
   signUp: e
 }) => {
-  const [s, n] = _.useState(!1);
+  const [s, i] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Nn, { setIsOpenModal: n }),
-    s && /* @__PURE__ */ t.jsx(vt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx(Nn, { setIsOpenModal: i }),
+    s && /* @__PURE__ */ t.jsx(vt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
       yn,
       {
-        logo: i,
-        setIsOpen: n,
+        logo: n,
+        setIsOpen: i,
         signUp: e,
         children: d
       }
     ) })
   ] });
 }, Nn = (d) => {
-  const { setIsOpenModal: i } = d;
+  const { setIsOpenModal: n } = d;
   return /* @__PURE__ */ t.jsx(
     G,
     {
@@ -1967,7 +1979,7 @@ const ni = (d) => {
         padding: 10
       },
       onClick: (e) => {
-        e.stopPropagation(), i(!0);
+        e.stopPropagation(), n(!0);
       },
       children: /* @__PURE__ */ t.jsx(
         g,
@@ -1991,9 +2003,9 @@ const ni = (d) => {
   copyTextMobile: Tn,
   copyTextMiniMobile: qn
 }, ai = () => {
-  const { isOpenModal: d, setIsOpenModal: i } = kt();
+  const { isOpenModal: d, setIsOpenModal: n } = kt();
   function e() {
-    i(!0);
+    n(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -2014,23 +2026,23 @@ const ni = (d) => {
         )
       }
     ),
-    d && /* @__PURE__ */ t.jsx(vt, { close: i, children: /* @__PURE__ */ t.jsx(An, {}) })
+    d && /* @__PURE__ */ t.jsx(vt, { close: n, children: /* @__PURE__ */ t.jsx(An, {}) })
   ] });
 }, An = () => {
-  const { setIsOpenModal: d } = kt(), { notification: i, setNotification: e } = qt(), { setIsOpen: s } = Nt(), n = window.location.href;
-  function p() {
-    navigator.clipboard.writeText(n), e({
+  const { setIsOpenModal: d } = kt(), { notification: n, setNotification: e } = qt(), { setIsOpen: s } = Nt(), i = window.location.href;
+  function m() {
+    navigator.clipboard.writeText(i), e({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function m() {
+  function h() {
     s(!1), setTimeout(() => {
       d(!1), s(!0);
     }, 300);
   }
-  function o(u, f) {
-    return u.length > f ? u.slice(0, f) + "..." : u;
+  function o(u, x) {
+    return u.length > x ? u.slice(0, x) + "..." : u;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2045,7 +2057,7 @@ const ni = (d) => {
             {
               name: "X",
               fill: "#757575",
-              onClick: m,
+              onClick: h,
               hoverable: !0
             }
           )
@@ -2055,14 +2067,14 @@ const ni = (d) => {
             tt,
             {
               type: "Secondary",
-              onClick: p,
+              onClick: m,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: Z.copyText, children: o(n, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMobile, children: o(n, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMiniMobile, children: o(n, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyText, children: o(i, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMobile, children: o(i, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMiniMobile, children: o(i, 20) })
               ]
             }
           ),
@@ -2070,8 +2082,8 @@ const ni = (d) => {
             tt,
             {
               type: "Secondary",
-              onClick: p,
-              children: i ? /* @__PURE__ */ t.jsx(g, { name: "Check" }) : /* @__PURE__ */ t.jsx(g, { name: "Copy" })
+              onClick: m,
+              children: n ? /* @__PURE__ */ t.jsx(g, { name: "Check" }) : /* @__PURE__ */ t.jsx(g, { name: "Copy" })
             }
           )
         ] })
@@ -2084,12 +2096,12 @@ const ni = (d) => {
   icon: zn,
   open: Rn,
   content: Ln
-}, ci = ({ title: d, content: i, defaultOpen: e = !1 }) => {
-  const [s, n] = _.useState(e), [p, m] = _.useState(0), o = _.useRef(null), u = () => {
-    n(!s);
+}, ci = ({ title: d, content: n, defaultOpen: e = !1 }) => {
+  const [s, i] = _.useState(e), [m, h] = _.useState(0), o = _.useRef(null), u = () => {
+    i(!s);
   };
   return _.useEffect(() => {
-    o.current && m(s ? o.current.scrollHeight : 0);
+    o.current && h(s ? o.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: nt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -2107,12 +2119,12 @@ const ni = (d) => {
       {
         ref: o,
         className: nt.content,
-        style: { height: `${p}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
+        style: { height: `${m}px` },
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: n })
       }
     )
   ] });
-}, li = ({ children: d, path: i, className: e, target: s = "_self", id: n }) => {
+}, li = ({ children: d, path: n, className: e, target: s = "_self", id: i }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2120,12 +2132,12 @@ const ni = (d) => {
         className: e,
         role: "link",
         style: { cursor: "pointer" },
-        id: n,
+        id: i,
         children: d
       }
     );
-  const p = lt(), m = /^https?:\/\//.test(i), o = (u) => {
-    m || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.location.href = i : (u.preventDefault(), p(i, { replace: !0 }));
+  const m = lt(), h = /^https?:\/\//.test(n), o = (u) => {
+    h || s === "_blank" ? s === "_blank" ? window.open(n, "_blank") : window.location.href = n : (u.preventDefault(), m(n, { replace: !0 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -2134,7 +2146,7 @@ const ni = (d) => {
       className: e,
       role: "link",
       style: { cursor: "pointer" },
-      id: n,
+      id: i,
       children: d
     }
   );
@@ -2160,15 +2172,15 @@ const ni = (d) => {
   length: Gn
 }, di = (d) => {
   const {
-    onChange: i,
+    onChange: n,
     label: e,
     value: s,
-    maxLength: n,
-    placeholder: p = "Type something...",
-    type: m = "text"
+    maxLength: i,
+    placeholder: m = "Type something...",
+    type: h = "text"
   } = d, [o, u] = _.useState(s.length);
-  function f($) {
-    return m === "number" ? $.replace(/[^\d\n]+/g, "") : $;
+  function x($) {
+    return h === "number" ? $.replace(/[^\d\n]+/g, "") : $;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: ct.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
@@ -2185,18 +2197,18 @@ const ni = (d) => {
         id: e,
         value: s,
         onChange: ($) => {
-          const l = f($.target.value);
-          u(l.length), i(l);
+          const l = x($.target.value);
+          u(l.length), n(l);
         },
-        placeholder: p,
+        placeholder: m,
         className: ct.textarea,
-        maxLength: n
+        maxLength: i
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: ct.length, children: [
+    i && /* @__PURE__ */ t.jsxs("div", { className: ct.length, children: [
       o,
       "/",
-      n
+      i
     ] })
   ] });
 };