@billgangcom/theme-lib 1.59.1 → 1.61.0

package/dist/ui.es.js

@@ -1,21 +1,21 @@
-import { j as t, I as f, c as W, a as dt, S as it, R as yt, B as ot, O as ut, d as at, u as mt, e as ht, P as pt, D as _t, f as gt, v as ft, g as xt, C as bt, h as F, i as St, k as st, l as wt, m as Bt, n as $t, o as rt, p as G, L as Pt, q as lt, r as jt, t as z, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-DTNa0T37.js";
-import { J as hi, F as pi, H as _i, E as gi, T as fi, G as xi } from "./index-DTNa0T37.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 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-BpuklKXj.js";
+import { K as ji, G as bi, J as vi, F as yi, T as Ni, H as ki } from "./index-BpuklKXj.js";
 import _ from "react";
 import "@phosphor-icons/react";
-const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmyb_15", Rt = "_subtitle_1vmyb_22", Lt = "_alignmentContent_1vmyb_29", Dt = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ut = "_circle_1vmyb_60", zt = "_paddings_1vmyb_67", Ft = "_padding_1vmyb_67", Vt = "_active_1vmyb_91", Yt = "_input_1vmyb_98", J = {
-  wrapper: At,
-  alignmentBlock: Ot,
-  title: Et,
-  subtitle: Rt,
-  alignmentContent: Lt,
-  alignments: Dt,
+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 = {
+  wrapper: Et,
+  alignmentBlock: Rt,
+  title: Dt,
+  subtitle: Lt,
+  alignmentContent: zt,
+  alignments: Ut,
   alignment: Ht,
-  circle: Ut,
-  paddings: zt,
-  padding: Ft,
-  active: Vt,
-  input: Yt
-}, Gt = [
+  circle: Ft,
+  paddings: Vt,
+  padding: Yt,
+  active: Gt,
+  input: Wt
+}, Jt = [
   "topLeft",
   "top",
   "topRight",
@@ -25,7 +25,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Wt = ["left", "top", "right", "bottom"], Qs = (r) => {
+], Xt = ["left", "top", "right", "bottom"], ni = (r) => {
   const { alignment: s, padding: e, setPadding: n, setAlignment: i } = r;
   function d(c) {
     switch (c) {
@@ -63,7 +63,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Gt.map((c) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Jt.map((c) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
@@ -100,7 +100,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           },
           c
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Wt.map((c) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Xt.map((c) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: W(J.padding, {
@@ -122,7 +122,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                dt,
+                ut,
                 {
                   type: "number",
                   value: String(e[c]),
@@ -142,31 +142,31 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       ] })
     ] })
   ] });
-}, Jt = "_title_82zux_1", Xt = "_subtitle_82zux_5", Qt = "_header_82zux_12", Kt = "_text_82zux_13", Zt = "_productsBlock_82zux_14", te = "_top_82zux_26", ee = "_itemsBlock_82zux_35", ne = "_typeTexts_82zux_41", se = "_block_82zux_48", ie = "_active_82zux_61", oe = "_products_82zux_14", ae = "_product_82zux_14", ce = "_button_82zux_80", le = "_disabled_82zux_91", re = "_image_82zux_95", de = "_info_82zux_102", ue = "_name_82zux_114", me = "_buttons_82zux_118", he = "_modal_82zux_125", pe = "_link_82zux_145", _e = "_modalOptions_82zux_151", ge = "_addButton_82zux_157", fe = "_deleteButton_82zux_179", X = {
-  title: Jt,
-  subtitle: Xt,
-  header: Qt,
-  text: Kt,
-  productsBlock: Zt,
-  top: te,
-  itemsBlock: ee,
-  typeTexts: ne,
-  block: se,
-  active: ie,
-  products: oe,
-  product: ae,
-  button: ce,
-  disabled: le,
-  image: re,
-  info: de,
-  name: ue,
-  buttons: me,
-  modal: he,
-  link: pe,
-  modalOptions: _e,
-  addButton: ge,
-  deleteButton: fe
-}, Ks = (r) => {
+}, 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 = {
+  title: Kt,
+  subtitle: Qt,
+  header: Zt,
+  text: te,
+  productsBlock: ee,
+  top: ne,
+  itemsBlock: se,
+  typeTexts: ie,
+  block: oe,
+  active: ae,
+  products: ce,
+  product: le,
+  button: re,
+  disabled: de,
+  image: ue,
+  info: me,
+  name: he,
+  buttons: pe,
+  modal: _e,
+  link: ge,
+  modalOptions: fe,
+  addButton: xe,
+  deleteButton: je
+}, si = (r) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -181,16 +181,16 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     itemsOptions: c,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: T,
-    limit: B,
+    limit: $,
     autoScrollInterval: M,
     deletable: x
   } = r;
-  function k(j) {
+  function k(b) {
     if (g)
-      return j ? /* @__PURE__ */ t.jsx(
+      return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${j[0]}/w=1000`,
+          src: `https://imagedelivery.net/${b[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -205,10 +205,10 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         }
       );
   }
-  const a = (j, L = !1) => {
-    const w = c.find((C) => C.id === j);
+  const a = (b, D = !1) => {
+    const w = c.find((C) => C.id === b);
     if (!w) return;
-    const H = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         f,
         {
@@ -224,15 +224,15 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           onChange: (C) => {
             const v = [...n], I = c.find((p) => p.name === C);
             if (!I) return;
-            const q = I.id, $ = v.map((p) => p === j ? q : p);
-            i([...$]);
+            const q = I.id, B = v.map((p) => p === b ? q : p);
+            i([...B]);
           },
           value: w.name,
           options: c.filter((C) => !n.find((v) => v === C.id)).map((C) => C.name),
           leftAddon: k(w.images)
         }
       ),
-      L && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+      D && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
         f,
         {
           name: "Trash",
@@ -240,7 +240,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(n.filter((C) => C !== j))
+          onClick: () => i(n.filter((C) => C !== b))
         }
       ) }) })
     ] });
@@ -248,9 +248,9 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       "div",
       {
         className: X.product,
-        children: H
+        children: z
       },
-      j
+      b
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
@@ -260,14 +260,14 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         it,
         {
           current: s,
-          onChange: (j) => e == null ? void 0 : e(j)
+          onChange: (b) => e == null ? void 0 : e(b)
         }
       )
     ] }),
-    l && T && /* @__PURE__ */ t.jsx(yt, { ...T }),
+    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((j) => a(j, x)),
+      n.map((b) => a(b, x)),
       S && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -282,21 +282,21 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
             {
               withoutHover: !0,
               className: W(X.button, {
-                [X.disabled]: !!(B && B <= n.length || n.length === c.length)
+                [X.disabled]: !!($ && $ <= n.length || n.length === c.length)
               }),
               size: "s",
-              disabled: !!(B && B <= n.length || n.length === c.length),
+              disabled: !!($ && $ <= n.length || n.length === c.length),
               onClick: () => {
-                const j = [...n];
-                let L = null;
+                const b = [...n];
+                let D = null;
                 if (c) {
                   for (let w = 0; w < c.length; w++)
-                    if (!n.find((H) => H === c[w].id)) {
-                      L = c[w];
+                    if (!n.find((z) => z === c[w].id)) {
+                      D = c[w];
                       break;
                     }
                 }
-                j.push((L == null ? void 0 : L.id) || c[0].id), i(j);
+                b.push((D == null ? void 0 : D.id) || c[0].id), i(b);
               },
               style: {
                 width: "fit-content"
@@ -317,14 +317,14 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         }
       )
     ] }),
-    d !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: d }),
+    d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d }),
     M !== void 0 && /* @__PURE__ */ t.jsx(
-      dt,
+      ut,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(M.scrollInterval),
-        onChange: (j) => M.setScrollInterval(Number(j)),
+        onChange: (b) => M.setScrollInterval(Number(b)),
         min: 0.1,
         max: 100,
         style: {
@@ -334,33 +334,33 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       }
     )
   ] });
-}, xe = "_title_roi3a_1", be = "_subtitle_roi3a_5", je = "_header_roi3a_12", ve = "_text_roi3a_13", ye = "_productsBlock_roi3a_14", Ne = "_top_roi3a_26", ke = "_itemsBlock_roi3a_35", Ie = "_typeTexts_roi3a_41", Ce = "_block_roi3a_48", Se = "_active_roi3a_61", we = "_products_roi3a_14", Be = "_product_roi3a_14", $e = "_button_roi3a_80", Pe = "_disabled_roi3a_91", Me = "_image_roi3a_95", Te = "_info_roi3a_102", qe = "_name_roi3a_114", Ae = "_buttons_roi3a_118", Oe = "_modal_roi3a_125", Ee = "_link_roi3a_145", Re = "_modalOptions_roi3a_151", Le = "_addButton_roi3a_164", De = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
-  title: xe,
-  subtitle: be,
-  header: je,
-  text: ve,
-  productsBlock: ye,
-  top: Ne,
-  itemsBlock: ke,
-  typeTexts: Ie,
-  block: Ce,
-  active: Se,
-  products: we,
-  product: Be,
-  button: $e,
-  disabled: Pe,
-  image: Me,
-  info: Te,
-  name: qe,
-  buttons: Ae,
-  modal: Oe,
-  link: Ee,
-  modalOptions: Re,
-  addButton: Le,
-  deleteButton: De,
+}, 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,
+  subtitle: ve,
+  header: ye,
+  text: Ne,
+  productsBlock: ke,
+  top: Ie,
+  itemsBlock: Ce,
+  typeTexts: Se,
+  block: we,
+  active: $e,
+  products: Be,
+  product: Pe,
+  button: Me,
+  disabled: Te,
+  image: qe,
+  info: Ae,
+  name: Oe,
+  buttons: Ee,
+  modal: Re,
+  link: De,
+  modalOptions: Le,
+  addButton: ze,
+  deleteButton: Ue,
   closeIcon: He
 };
-function Ue({ product: r, children: s }) {
+function Fe({ product: r, children: s }) {
   const {
     attributes: e,
     listeners: n,
@@ -368,7 +368,7 @@ function Ue({ product: r, children: s }) {
     transform: d,
     transition: u,
     isDragging: o
-  } = xt({
+  } = jt({
     id: r.id
   }), m = {
     transform: bt.Transform.toString(d),
@@ -386,7 +386,7 @@ function Ue({ product: r, children: s }) {
     }
   );
 }
-const Zs = (r) => {
+const ii = (r) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -401,9 +401,9 @@ const Zs = (r) => {
     itemsType: c,
     itemsOptions: l,
     addableOptions: T = {},
-    limit: B
-  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), L = mt(
-    ht(pt, {
+    limit: $
+  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), b = _.useRef(null), D = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
@@ -415,8 +415,8 @@ const Zs = (r) => {
       i(v);
     }
   }, [M]), _.useEffect(() => {
-    j.current && k && (j.current.getBoundingClientRect().height, k.top);
-  }, [j.current, k]);
+    b.current && k && (b.current.getBoundingClientRect().height, k.top);
+  }, [b.current, k]);
   const w = (v, I) => {
     v.stopPropagation();
     const q = v.target.getBoundingClientRect();
@@ -424,13 +424,13 @@ const Zs = (r) => {
       top: q.top + window.scrollY,
       left: q.left - 30
     }), x(I);
-  }, H = (v) => {
+  }, z = (v) => {
     const { active: I, over: q } = v;
     if (q && I.id !== q.id) {
-      const $ = n.findIndex((b) => b.id === I.id), p = n.findIndex((b) => b.id === q.id);
-      if ($ !== -1 && p !== -1) {
-        const b = [...n], [A] = b.splice($, 1);
-        b.splice(p, 0, A), i(b);
+      const B = n.findIndex((j) => j.id === I.id), p = n.findIndex((j) => j.id === q.id);
+      if (B !== -1 && p !== -1) {
+        const j = [...n], [A] = j.splice(B, 1);
+        j.splice(p, 0, A), i(j);
       }
     }
   }, C = (v, I) => {
@@ -447,24 +447,24 @@ const Zs = (r) => {
       c === "select" && l && /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: ($) => {
-            const p = [...n], b = l.find((U) => U.name === $);
-            if (!b) return;
+          onChange: (B) => {
+            const p = [...n], j = l.find((U) => U.name === B);
+            if (!j) return;
             const A = p.map((U) => U.id === v.id ? {
-              ...b,
+              ...j,
               name: {
-                "en-US": $
+                "en-US": B
               }
             } : U);
             x({
               ...v,
               name: {
-                "en-US": $
+                "en-US": B
               }
             }), i([...A]);
           },
           value: v.name,
-          options: l.filter(($) => !n.find((p) => p.name === $.name)).map(($) => $.name)
+          options: l.filter((B) => !n.find((p) => p.name === B.name)).map((B) => B.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -475,7 +475,7 @@ const Zs = (r) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: ($) => w($, v)
+            onClick: (B) => w(B, v)
           }
         ) }),
         g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -486,13 +486,13 @@ const Zs = (r) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter(($) => $.id !== v.id))
+            onClick: () => i(n.filter((B) => B.id !== v.id))
           }
         ) })
       ] })
     ] });
     return m ? /* @__PURE__ */ t.jsx(
-      Ue,
+      Fe,
       {
         product: v,
         index: I,
@@ -522,15 +522,15 @@ const Zs = (r) => {
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       u && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: u }),
       m ? /* @__PURE__ */ t.jsx(
-        _t,
+        gt,
         {
-          sensors: L,
-          onDragEnd: H,
+          sensors: D,
+          onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
               items: n.map((v) => v.id),
-              strategy: ft,
+              strategy: xt,
               children: n.map((v, I) => C(v, I))
             }
           )
@@ -549,16 +549,16 @@ const Zs = (r) => {
             {
               withoutHover: !0,
               className: W(V.button, {
-                [V.disabled]: !!(B && B <= n.length || n.length === (l == null ? void 0 : l.length))
+                [V.disabled]: !!($ && $ <= n.length || n.length === (l == null ? void 0 : l.length))
               }),
               size: "s",
-              disabled: !!(B && B <= n.length || n.length === (l == null ? void 0 : l.length)),
+              disabled: !!($ && $ <= n.length || n.length === (l == null ? void 0 : l.length)),
               onClick: () => {
                 const v = [...n];
                 let I = null;
                 if (l) {
                   for (let q = 0; q < l.length; q++)
-                    if (!n.find(($) => $.id === l[q].id)) {
+                    if (!n.find((B) => B.id === l[q].id)) {
                       I = l[q];
                       break;
                     }
@@ -590,8 +590,8 @@ const Zs = (r) => {
     ] })
   ] });
 };
-function ze(r) {
-  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = xt({
+function Ve(r) {
+  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = jt({
     id: s.id
   }), g = {
     transform: bt.Transform.toString(u),
@@ -609,7 +609,7 @@ function ze(r) {
     }
   );
 }
-const ti = (r) => {
+const oi = (r) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -624,18 +624,18 @@ const ti = (r) => {
     deletable: c = !0,
     addable: l = !0,
     itemsType: T,
-    itemsPlaceholder: B = "",
+    itemsPlaceholder: $ = "",
     itemsOptions: M,
     hasRangeSelector: x = !1,
     rangeSelectorOptions: k,
     modalOptions: a,
-    addableOptions: j = {},
-    limit: L
-  } = r, [w, H] = _.useState(null), [C, v] = _.useState({
+    addableOptions: b = {},
+    limit: D
+  } = r, [w, z] = _.useState(null), [C, v] = _.useState({
     top: 0,
     left: 0
-  }), [I, q] = _.useState(null), $ = _.useRef(null), [p, b] = _.useState(!1), A = mt(
-    ht(pt, {
+  }), [I, q] = _.useState(null), B = _.useRef(null), [p, j] = _.useState(!1), A = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
@@ -643,10 +643,10 @@ const ti = (r) => {
   );
   _.useEffect(() => {
     const h = () => {
-      H(null), b(!1);
+      z(null), j(!1);
     };
-    return document.body.addEventListener("click", h), H(null), b(!1), () => {
-      H(null), b(!1), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", h), z(null), j(!1), () => {
+      z(null), j(!1), document.body.removeEventListener("click", h);
     };
   }, []), _.useEffect(() => {
     if (w) {
@@ -654,22 +654,22 @@ const ti = (r) => {
       i(h);
     }
   }, [w]), _.useEffect(() => {
-    if ($.current && I) {
-      const h = $.current.getBoundingClientRect().height, E = window.innerHeight;
+    if (B.current && I) {
+      const h = B.current.getBoundingClientRect().height, E = window.innerHeight;
       let P = I.top;
       P + h > E + window.scrollY - 200 && (P = E + window.scrollY - h - 200), P < 0 && (P = 10), v({
         top: P,
         left: I.left
       });
     }
-  }, [$.current, I]);
+  }, [B.current, I]);
   const U = (h, E) => {
     h.stopPropagation();
     const P = h.target.getBoundingClientRect();
     q({
       top: P.top + window.scrollY,
       left: P.left - 30
-    }), H(E), b(!0);
+    }), z(E), j(!0);
   };
   function O(h) {
     if (S)
@@ -691,16 +691,16 @@ const ti = (r) => {
         }
       );
   }
-  const D = (h) => {
+  const L = (h) => {
     const { active: E, over: P } = h;
     if (P && E.id !== P.id) {
       const R = n.findIndex((Y) => Y.id === E.id), et = n.findIndex((Y) => Y.id === P.id);
       if (R !== -1 && et !== -1) {
-        const Y = [...n], [Q] = Y.splice(R, 1);
-        Y.splice(et, 0, Q), i(Y);
+        const Y = [...n], [K] = Y.splice(R, 1);
+        Y.splice(et, 0, K), i(Y);
       }
     }
-  }, K = (h) => {
+  }, Q = (h) => {
     var P;
     const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -716,13 +716,13 @@ const ti = (r) => {
         at,
         {
           onChange: (R) => {
-            const Y = [...n].map((Q) => Q.id === h.id ? {
+            const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
               name: {
                 "en-US": R
               }
-            } : Q);
-            H({
+            } : K);
+            z({
               ...h,
               name: {
                 "en-US": R
@@ -737,29 +737,29 @@ const ti = (r) => {
         }
       ),
       T === "input" && /* @__PURE__ */ t.jsx(
-        dt,
+        ut,
         {
           onChange: (R) => {
-            const Y = [...n].map((Q) => Q.id === h.id ? {
+            const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
               name: {
                 "en-US": R
               }
-            } : Q);
+            } : K);
             i([...Y]);
           },
           value: h.name["en-US"],
-          placeholder: B
+          placeholder: $
         }
       ),
       T === "image" && /* @__PURE__ */ t.jsx(
-        wt,
+        $t,
         {
           onChange: (R) => {
-            const Y = [...n].map((Q) => Q.id === h.id ? {
+            const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
               images: R
-            } : Q);
+            } : K);
             i([...Y]);
           },
           activeImage: (P = n.find((R) => R.id === h.id)) == null ? void 0 : P.images[0]
@@ -790,7 +790,7 @@ const ti = (r) => {
       ] })
     ] });
     return g ? /* @__PURE__ */ t.jsx(
-      ze,
+      Ve,
       {
         product: h,
         children: E
@@ -817,34 +817,34 @@ const ti = (r) => {
       )
     ] }),
     w && m && a && p && /* @__PURE__ */ t.jsx(
-      St,
+      wt,
       {
-        ref: $,
+        ref: B,
         activeItem: w,
-        setActiveItem: H,
+        setActiveItem: z,
         popupPosition: C,
         modalOptions: a,
-        setIsOpenModal: b
+        setIsOpenModal: j
       }
     ),
-    x && k && /* @__PURE__ */ t.jsx(yt, { ...k }),
+    x && k && /* @__PURE__ */ t.jsx(Nt, { ...k }),
     /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: o }),
       g ? /* @__PURE__ */ t.jsx(
-        _t,
+        gt,
         {
           sensors: A,
-          onDragEnd: D,
+          onDragEnd: L,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
               items: n.map((h) => h.id),
-              strategy: ft,
-              children: n.map((h) => K(h))
+              strategy: xt,
+              children: n.map((h) => Q(h))
             }
           )
         }
-      ) : n.map((h) => K(h)),
+      ) : n.map((h) => Q(h)),
       l && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -858,10 +858,10 @@ const ti = (r) => {
             {
               withoutHover: !0,
               className: W(F.button, {
-                [F.disabled]: !!(L && L <= n.length)
+                [F.disabled]: !!(D && D <= n.length)
               }),
               size: "s",
-              disabled: !!(L && L <= n.length),
+              disabled: !!(D && D <= n.length),
               onClick: () => {
                 const h = [...n];
                 let E = null;
@@ -877,7 +877,7 @@ const ti = (r) => {
                     "en-US": E || M[0]
                   },
                   id: st(),
-                  ...j,
+                  ...b,
                   maxSymbols: 100
                   // пример значения
                 }) : T === "input" ? h.push({
@@ -885,14 +885,14 @@ const ti = (r) => {
                     "en-US": ""
                   },
                   id: st(),
-                  ...j,
+                  ...b,
                   maxSymbols: 100
                 }) : h.push({
                   name: {
                     "en-US": `Image ${n.length + 1}`
                   },
                   id: st(),
-                  ...j,
+                  ...b,
                   maxSymbols: 100
                 }), i(h);
               },
@@ -915,32 +915,32 @@ const ti = (r) => {
         }
       )
     ] }),
-    d !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: d })
+    d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
   ] });
-}, 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", tn = "_products_jql1y_10", en = "_product_jql1y_10", nn = "_button_jql1y_11", sn = "_image_jql1y_88", on = "_info_jql1y_95", an = "_name_jql1y_107", cn = "_buttons_jql1y_11", ln = "_modal_jql1y_118", rn = "_other_jql1y_138", dn = "_options_jql1y_144", un = "_addButton_jql1y_150", mn = "_deleteButton_jql1y_165", Z = {
-  subtitle: Fe,
-  header: Ve,
-  text: Ye,
-  productsBlock: Ge,
-  buttonsBlock: We,
-  top: Je,
-  itemsBlock: Xe,
-  typeTexts: Qe,
-  block: Ke,
-  active: Ze,
-  products: tn,
-  product: en,
-  button: nn,
-  image: sn,
-  info: on,
-  name: an,
-  buttons: cn,
-  modal: ln,
-  other: rn,
-  options: dn,
-  addButton: un,
-  deleteButton: mn
-}, hn = (r) => {
+}, Ye = "_subtitle_jql1y_1", Ge = "_header_jql1y_8", We = "_text_jql1y_9", Je = "_productsBlock_jql1y_10", Xe = "_buttonsBlock_jql1y_11", Ke = "_top_jql1y_23", Qe = "_itemsBlock_jql1y_32", Ze = "_typeTexts_jql1y_38", tn = "_block_jql1y_45", en = "_active_jql1y_58", nn = "_products_jql1y_10", sn = "_product_jql1y_10", on = "_button_jql1y_11", an = "_image_jql1y_88", cn = "_info_jql1y_95", ln = "_name_jql1y_107", rn = "_buttons_jql1y_11", dn = "_modal_jql1y_118", un = "_other_jql1y_138", mn = "_options_jql1y_144", hn = "_addButton_jql1y_150", pn = "_deleteButton_jql1y_165", Z = {
+  subtitle: Ye,
+  header: Ge,
+  text: We,
+  productsBlock: Je,
+  buttonsBlock: Xe,
+  top: Ke,
+  itemsBlock: Qe,
+  typeTexts: Ze,
+  block: tn,
+  active: en,
+  products: nn,
+  product: sn,
+  button: on,
+  image: an,
+  info: cn,
+  name: ln,
+  buttons: rn,
+  modal: dn,
+  other: un,
+  options: mn,
+  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({
     top: 0,
     left: 0
@@ -960,7 +960,7 @@ const ti = (r) => {
       });
     }
   }, [T.current, c]);
-  const B = (x, k) => {
+  const $ = (x, k) => {
     x.stopPropagation();
     const a = x.target.getBoundingClientRect();
     l({
@@ -968,12 +968,12 @@ const ti = (r) => {
       left: a.left - (i ? 30 : 65)
     }), m(k);
   }, M = (x, k) => {
-    const a = [...s], j = {
+    const a = [...s], b = {
       ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    a.splice(k + 1, 0, j), e(a);
+    a.splice(k + 1, 0, b), e(a);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
@@ -986,11 +986,11 @@ const ti = (r) => {
             at,
             {
               onChange: (a) => {
-                const L = [...s].map((w) => w.id === x.id ? {
+                const D = [...s].map((w) => w.id === x.id ? {
                   ...x,
                   type: a
                 } : w);
-                e(L);
+                e(D);
               },
               value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1017,7 +1017,7 @@ const ti = (r) => {
                 width: 20,
                 height: 20,
                 onClick: (a) => {
-                  B(a, x);
+                  $(a, x);
                 }
               }
             ) }),
@@ -1027,7 +1027,7 @@ const ti = (r) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const a = s.filter((j) => j.id !== x.id);
+                  const a = s.filter((b) => b.id !== x.id);
                   e(a);
                 },
                 width: 20,
@@ -1041,7 +1041,7 @@ const ti = (r) => {
       x.id
     )),
     o && /* @__PURE__ */ t.jsx(
-      $t,
+      Pt,
       {
         ref: T,
         activeButton: o,
@@ -1107,7 +1107,7 @@ const ti = (r) => {
       }
     )
   ] });
-}, ei = (r) => {
+}, ai = (r) => {
   const {
     isActiveButtons: s,
     setIsActiveButtons: e,
@@ -1129,7 +1129,7 @@ const ti = (r) => {
       )
     ] }),
     s && /* @__PURE__ */ t.jsx(
-      hn,
+      _n,
       {
         buttons: n,
         setButtons: i,
@@ -1140,8 +1140,8 @@ const ti = (r) => {
     )
   ] }) });
 };
-function pn(r) {
-  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = xt({
+function gn(r) {
+  const { product: s, children: e } = r, { attributes: n, listeners: i, setNodeRef: d, transform: u, transition: o, isDragging: m } = jt({
     id: String(s.listingId)
   }), g = {
     transform: bt.Transform.toString(u),
@@ -1159,7 +1159,7 @@ function pn(r) {
     }
   );
 }
-const ni = (r) => {
+const ci = (r) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -1174,15 +1174,15 @@ const ni = (r) => {
     deletable: c = !0,
     addable: l = !0,
     itemsType: T,
-    itemsOptions: B,
+    itemsOptions: $,
     limit: M
   } = r, [x, k] = _.useState(
     null
-  ), [a, j] = _.useState({
+  ), [a, b] = _.useState({
     top: 0,
     left: 0
-  }), [L, w] = _.useState(!1), H = mt(
-    ht(pt, {
+  }), [D, w] = _.useState(!1), z = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
@@ -1197,18 +1197,18 @@ const ni = (r) => {
     };
   }, []), _.useEffect(() => {
     if (x) {
-      const p = [...n].map((b) => b.listingId === x.listingId ? x : b);
+      const p = [...n].map((j) => j.listingId === x.listingId ? x : j);
       i(p);
     }
   }, [x]);
-  const C = (p, b) => {
+  const C = (p, j) => {
     p.stopPropagation();
     const A = p.target.getBoundingClientRect(), U = 100, O = window.innerHeight;
-    let D = A.top + window.scrollY;
-    D + U > O && (D = O - U - 20), w(!0), j({
-      top: D - 80,
+    let L = A.top + window.scrollY;
+    L + U > O && (L = O - U - 20), w(!0), b({
+      top: L - 80,
       left: A.left - 30
-    }), k(b);
+    }), k(j);
   };
   function v(p) {
     if (S)
@@ -1231,16 +1231,16 @@ const ni = (r) => {
       );
   }
   const I = (p) => {
-    const { active: b, over: A } = p;
-    if (A && b.id !== A.id) {
-      const U = n.findIndex((D) => String(D.listingId) === b.id), O = n.findIndex((D) => String(D.listingId) === A.id);
+    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);
       if (U !== -1 && O !== -1) {
-        const D = [...n], [K] = D.splice(U, 1);
-        D.splice(O, 0, K), i(D);
+        const L = [...n], [Q] = L.splice(U, 1);
+        L.splice(O, 0, Q), i(L);
       }
     }
-  }, q = (p, b) => {
-    const A = B.find((O) => p.listingId === O.id);
+  }, q = (p, j) => {
+    const A = $.find((O) => p.listingId === O.id);
     if (!A) return null;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -1256,23 +1256,23 @@ const ni = (r) => {
         at,
         {
           onChange: (O) => {
-            const D = [...n], K = B.find((P) => P.productData.name === O);
-            if (!K) return;
+            const L = [...n], Q = $.find((P) => P.productData.name === O);
+            if (!Q) return;
             const h = {
-              listingId: K.id,
-              image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
-            }, E = D.map((P) => P.listingId === p.listingId ? h : P);
+              listingId: Q.id,
+              image: Q.productData.images.length > 0 ? Q.productData.images[0].cfId : ""
+            }, E = L.map((P) => P.listingId === p.listingId ? h : P);
             k(h), i([...E]);
           },
           value: A.productData.name,
           options: [
-            ...B.filter((O) => !n.find((D) => D.listingId === O.id)).map((O) => O.productData.name)
+            ...$.filter((O) => !n.find((L) => L.listingId === O.id)).map((O) => O.productData.name)
           ],
           leftAddon: v(
             p.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
           )
         },
-        b
+        j
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1299,7 +1299,7 @@ const ni = (r) => {
       ] })
     ] });
     return g ? /* @__PURE__ */ t.jsx(
-      pn,
+      gn,
       {
         product: p,
         children: U
@@ -1313,7 +1313,7 @@ const ni = (r) => {
       },
       p.listingId
     );
-  }, $ = _.useRef(null);
+  }, B = _.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
     (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
       u && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: u }),
@@ -1325,34 +1325,34 @@ const ni = (r) => {
         }
       )
     ] }),
-    L && x && /* @__PURE__ */ t.jsx(
-      Pt,
+    D && x && /* @__PURE__ */ t.jsx(
+      Mt,
       {
-        ref: $,
+        ref: B,
         activeItem: x,
         setActiveItem: k,
         setIsOpenModal: w,
         popupPosition: a,
-        itemsOptions: B
+        itemsOptions: $
       }
     ),
     s && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
       g ? /* @__PURE__ */ t.jsx(
-        _t,
+        gt,
         {
-          sensors: H,
+          sensors: z,
           onDragEnd: I,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
               items: n.map((p) => String(p.listingId)),
-              strategy: ft,
-              children: n.map((p, b) => q(p, b))
+              strategy: xt,
+              children: n.map((p, j) => q(p, j))
             }
           )
         }
-      ) : n.map((p, b) => q(p, b)),
+      ) : n.map((p, j) => q(p, j)),
       l && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1369,17 +1369,17 @@ const ni = (r) => {
               size: "s",
               onClick: () => {
                 const p = [...n];
-                for (let b = 0; b < B.length; b++)
-                  if (!n.find((A) => A.listingId === B[b].id)) {
+                for (let j = 0; j < $.length; j++)
+                  if (!n.find((A) => A.listingId === $[j].id)) {
                     p.push({
-                      listingId: B[b].id,
-                      image: B[b].productData.images.length > 0 ? B[b].productData.images[0].cfId : ""
+                      listingId: $[j].id,
+                      image: $[j].productData.images.length > 0 ? $[j].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 i(p);
               },
-              disabled: n.length === (M || B.length),
+              disabled: n.length === (M || $.length),
               style: {
                 width: "fit-content"
               },
@@ -1399,37 +1399,37 @@ const ni = (r) => {
         }
       )
     ] }),
-    s && d !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: d })
+    s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
   ] });
-}, _n = "_options_6cemk_1", gn = "_price_6cemk_12", fn = "_oldPrice_6cemk_19", xn = "_newPrice_6cemk_27", bn = "_animate_6cemk_34", jn = "_appearAndBounce_6cemk_1", vn = "_meta_6cemk_52", yn = "_info_6cemk_58", Nn = "_infoRight_6cemk_66", kn = "_buttons_6cemk_73", In = "_variants_6cemk_80", Cn = "_variant_6cemk_80", Sn = "_stock_6cemk_98", wn = "_variantInfo_6cemk_105", Bn = "_quantity_6cemk_111", $n = "_count_6cemk_118", Pn = "_focused_6cemk_135", Mn = "_button_6cemk_73", Tn = "_activeVariant_6cemk_161", qn = "_chargeTypes_6cemk_165", An = "_charge_6cemk_165", On = "_chargeActive_6cemk_190", En = "_title_6cemk_198", N = {
-  options: _n,
-  price: gn,
-  oldPrice: fn,
-  newPrice: xn,
-  animate: bn,
-  appearAndBounce: jn,
-  meta: vn,
-  info: yn,
-  infoRight: Nn,
-  buttons: kn,
-  variants: In,
-  variant: Cn,
-  stock: Sn,
-  variantInfo: wn,
-  quantity: Bn,
-  count: $n,
-  focused: Pn,
-  button: Mn,
-  activeVariant: Tn,
-  chargeTypes: qn,
-  charge: An,
-  chargeActive: On,
-  title: En
+}, 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 = {
+  options: fn,
+  price: xn,
+  oldPrice: jn,
+  newPrice: bn,
+  animate: vn,
+  appearAndBounce: yn,
+  meta: Nn,
+  info: kn,
+  infoRight: In,
+  buttons: Cn,
+  variants: Sn,
+  variant: wn,
+  stock: $n,
+  variantInfo: Bn,
+  quantity: Pn,
+  count: Mn,
+  focused: Tn,
+  button: qn,
+  activeVariant: An,
+  chargeTypes: On,
+  charge: En,
+  chargeActive: Rn,
+  title: Dn
 };
-var It = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(It || {});
-const si = (r) => {
+var Ct = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(Ct || {});
+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 } = jt(), [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: S } = vt(), [c, l] = _.useState(!1);
   _.useEffect(() => {
     l(!0);
     const a = setTimeout(() => l(!1), 600);
@@ -1442,7 +1442,7 @@ const si = (r) => {
       quantity: o
     });
   }
-  function B() {
+  function $() {
     g(), T(), u("/checkout");
   }
   function M(a) {
@@ -1470,12 +1470,12 @@ const si = (r) => {
           [N.chargeActive]: i === a
         }),
         onClick: () => d(a),
-        children: It[a]
+        children: Ct[a]
       },
       a
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: N.variants, children: s.map((a) => {
-      var j;
+      var b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -1492,7 +1492,7 @@ const si = (r) => {
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
-              ((j = a.quantity.restrictions) == null ? void 0 : j.max) || a.quantity.available || 0,
+              ((b = a.quantity.restrictions) == null ? void 0 : b.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
           ]
@@ -1502,7 +1502,7 @@ const si = (r) => {
     }) }),
     i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           type: "Secondary",
           onClick: () => {
@@ -1514,7 +1514,7 @@ const si = (r) => {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Mt,
+        Tt,
         {
           type: "number",
           value: String(o),
@@ -1526,7 +1526,7 @@ const si = (r) => {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           type: "Secondary",
           onClick: () => {
@@ -1585,16 +1585,16 @@ const si = (r) => {
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           type: "Primary",
-          onClick: () => B(),
+          onClick: () => $(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
       i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           type: "Secondary",
           onClick: () => T(),
@@ -1604,54 +1604,54 @@ const si = (r) => {
       )
     ] })
   ] });
-}, Rn = "_button_1tdo3_1", Ln = "_login_1tdo3_14", Dn = "_signUp_1tdo3_18", Hn = "_buttons_1tdo3_23", Un = "_modal_1tdo3_32", zn = "_closing_1tdo3_64", Fn = "_info_1tdo3_113", Vn = "_top_1tdo3_120", Yn = "_title_1tdo3_131", Gn = "_clear_1tdo3_138", Wn = "_activeClear_1tdo3_145", Jn = "_count_1tdo3_149", Xn = "_cart_1tdo3_164", Qn = "_empty_1tdo3_172", Kn = "_product_1tdo3_198", Zn = "_products_1tdo3_207", ts = "_image_1tdo3_215", es = "_productInfo_1tdo3_221", ns = "_content_1tdo3_228", ss = "_name_1tdo3_234", is = "_price_1tdo3_240", os = "_productButtons_1tdo3_246", as = "_productButton_1tdo3_246", cs = "_productCount_1tdo3_266", ls = "_bottom_1tdo3_282", rs = "_subtotal_1tdo3_290", ds = "_block_1tdo3_298", us = "_shoppingCount_1tdo3_305", ms = "_total_1tdo3_325", hs = "_link_1tdo3_331", ps = "_userInfo_1tdo3_338", _s = "_pagesMobileModal_1tdo3_349", gs = "_pagesMobileModalContent_1tdo3_363", fs = "_pagesMobileModalHeader_1tdo3_369", xs = "_pagesMobileModalFooter_1tdo3_379", y = {
-  button: Rn,
-  login: Ln,
-  signUp: Dn,
+}, 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 = {
+  button: Ln,
+  login: zn,
+  signUp: Un,
   buttons: Hn,
-  modal: Un,
+  modal: Fn,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: zn,
+  closing: Vn,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: Fn,
-  top: Vn,
-  title: Yn,
-  clear: Gn,
-  activeClear: Wn,
-  count: Jn,
-  cart: Xn,
-  empty: Qn,
-  product: Kn,
-  products: Zn,
-  image: ts,
-  productInfo: es,
-  content: ns,
-  name: ss,
-  price: is,
-  productButtons: os,
-  productButton: as,
-  productCount: cs,
-  bottom: ls,
-  subtotal: rs,
-  block: ds,
-  shoppingCount: us,
-  total: ms,
-  link: hs,
-  userInfo: ps,
-  pagesMobileModal: _s,
-  pagesMobileModalContent: gs,
-  pagesMobileModalHeader: fs,
-  pagesMobileModalFooter: xs
-}, ii = (r) => {
+  info: Yn,
+  top: Gn,
+  title: Wn,
+  clear: Jn,
+  activeClear: Xn,
+  count: Kn,
+  cart: Qn,
+  empty: Zn,
+  product: ts,
+  products: es,
+  image: ns,
+  productInfo: ss,
+  content: is,
+  name: os,
+  price: as,
+  productButtons: cs,
+  productButton: ls,
+  productCount: rs,
+  bottom: ds,
+  subtotal: us,
+  block: ms,
+  shoppingCount: hs,
+  total: ps,
+  link: _s,
+  userInfo: gs,
+  pagesMobileModal: fs,
+  pagesMobileModalContent: xs,
+  pagesMobileModalHeader: js,
+  pagesMobileModalFooter: bs
+}, ri = (r) => {
   const { shopping: s, signUp: e, isShowUserInfo: n = !0 } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: y.buttons, children: [
-    s && /* @__PURE__ */ t.jsx(bs, {}),
-    n && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
+    s && /* @__PURE__ */ t.jsx(vs, {}),
+    n && /* @__PURE__ */ t.jsx(St, { signUp: e })
   ] });
-}, bs = () => {
-  const [r, s] = _.useState(!1), [e, n] = _.useState([]), { cart: i } = jt();
+}, 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;
@@ -1659,7 +1659,7 @@ const si = (r) => {
   const u = i.parts.length > 0 && e.length > 0 && !d(e[0]), [o, m] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      z,
+      H,
       {
         type: "Secondary",
         style: {
@@ -1681,7 +1681,7 @@ const si = (r) => {
       }
     ),
     r && /* @__PURE__ */ t.jsx(
-      vt,
+      yt,
       {
         close: () => {
           m(!1), setTimeout(() => {
@@ -1690,7 +1690,7 @@ const si = (r) => {
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          js,
+          ys,
           {
             activeProducts: e,
             isCartNotEmpty: u,
@@ -1700,8 +1700,8 @@ const si = (r) => {
       }
     )
   ] });
-}, js = (r) => {
-  const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = r, { cart: i, reset: d, getTotalAndDiscount: u, updateQuantityOfProduct: o } = jt(), m = lt();
+}, ys = (r) => {
+  const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = r, { cart: i, reset: d, getTotalAndDiscount: u, updateQuantityOfProduct: o } = vt(), m = lt();
   function g(l) {
     m(l);
   }
@@ -1829,13 +1829,13 @@ const si = (r) => {
                 u().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(z, { onClick: () => g("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(H, { onClick: () => g("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(vs, {})
+        ] }) : /* @__PURE__ */ t.jsx(Ns, {})
       ]
     }
   );
-}, vs = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
+}, Ns = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     f,
     {
@@ -1856,7 +1856,7 @@ const si = (r) => {
       }
     )
   ] })
-] }), Ct = ({ signUp: r, close: s }) => {
+] }), St = ({ 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);
@@ -1864,7 +1864,7 @@ const si = (r) => {
   if (!n)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           onClick: () => {
             d("/customer-dash"), s == null || s();
@@ -1877,7 +1877,7 @@ const si = (r) => {
         }
       ),
       r && /* @__PURE__ */ t.jsx(
-        z,
+        H,
         {
           onClick: () => {
             d("/customer-dash"), s == null || s();
@@ -1894,7 +1894,7 @@ const si = (r) => {
   const [u, o] = _.useState("test-email@gmail.com");
   return _.useEffect(() => {
     (async () => {
-      const g = Tt(n);
+      const g = qt(n);
       o(g.email);
     })();
   }, [n]), /* @__PURE__ */ t.jsx(
@@ -1907,13 +1907,13 @@ const si = (r) => {
       children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
     }
   );
-}, ys = ({
+}, ks = ({
   children: r,
   logo: s,
   setIsOpen: e,
   signUp: n
 }) => {
-  const { setIsOpen: i } = Nt(), d = () => {
+  const { setIsOpen: i } = kt(), d = () => {
     i(!1), setTimeout(() => {
       e(!1), i(!0);
     }, 300);
@@ -1927,7 +1927,7 @@ const si = (r) => {
         /* @__PURE__ */ t.jsxs("div", { className: y.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: s }),
           /* @__PURE__ */ t.jsx(
-            z,
+            H,
             {
               type: "Secondary",
               onClick: d,
@@ -1943,7 +1943,7 @@ const si = (r) => {
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: r }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Ct,
+          St,
           {
             signUp: n,
             close: d
@@ -1952,16 +1952,16 @@ const si = (r) => {
       ]
     }
   );
-}, oi = ({
+}, di = ({
   children: r,
   logo: s,
   signUp: e
 }) => {
   const [n, i] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Ns, { setIsOpenModal: i }),
-    n && /* @__PURE__ */ t.jsx(vt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
-      ys,
+    /* @__PURE__ */ t.jsx(Is, { setIsOpenModal: i }),
+    n && /* @__PURE__ */ t.jsx(yt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
+      ks,
       {
         logo: s,
         setIsOpen: i,
@@ -1970,10 +1970,10 @@ const si = (r) => {
       }
     ) })
   ] });
-}, Ns = (r) => {
+}, Is = (r) => {
   const { setIsOpenModal: s } = r;
   return /* @__PURE__ */ t.jsx(
-    z,
+    H,
     {
       type: "Secondary",
       style: {
@@ -1991,26 +1991,26 @@ const si = (r) => {
       )
     }
   );
-}, ks = "_share_10urc_1", Is = "_modal_10urc_9", Cs = "_header_10urc_21", Ss = "_socials_10urc_31", ws = "_social_10urc_31", Bs = "_copy_10urc_41", $s = "_title_10urc_48", Ps = "_copyWrapper_10urc_54", Ms = "_copyText_10urc_63", Ts = "_copyTextMobile_10urc_76", qs = "_copyTextMiniMobile_10urc_95", tt = {
-  share: ks,
-  modal: Is,
-  header: Cs,
-  socials: Ss,
-  social: ws,
-  copy: Bs,
-  title: $s,
-  copyWrapper: Ps,
-  copyText: Ms,
-  copyTextMobile: Ts,
-  copyTextMiniMobile: qs
-}, ai = ({ title: r = "Copy Product Link" }) => {
-  const { isOpenModal: s, setIsOpenModal: e } = kt();
+}, 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,
+  header: ws,
+  socials: $s,
+  social: Bs,
+  copy: Ps,
+  title: Ms,
+  copyWrapper: Ts,
+  copyText: qs,
+  copyTextMobile: As,
+  copyTextMiniMobile: Os
+}, ui = ({ title: r = "Copy Product Link" }) => {
+  const { isOpenModal: s, setIsOpenModal: e } = It();
   function n() {
     e(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      z,
+      H,
       {
         className: tt.share,
         onClick: (i) => {
@@ -2027,10 +2027,10 @@ const si = (r) => {
         )
       }
     ),
-    s && /* @__PURE__ */ t.jsx(vt, { close: e, children: /* @__PURE__ */ t.jsx(As, { title: r }) })
+    s && /* @__PURE__ */ t.jsx(yt, { close: e, children: /* @__PURE__ */ t.jsx(Es, { title: r }) })
   ] });
-}, As = ({ title: r = "Copy Product Link" }) => {
-  const { setIsOpenModal: s } = kt(), { notification: e, setNotification: n } = qt(), { setIsOpen: i } = Nt(), d = window.location.href;
+}, Es = ({ title: r = "Copy Product Link" }) => {
+  const { setIsOpenModal: s } = It(), { notification: e, setNotification: n } = At(), { setIsOpen: i } = kt(), d = window.location.href;
   function u() {
     navigator.clipboard.writeText(d), n({
       message: "Link copied to clipboard",
@@ -2065,7 +2065,7 @@ const si = (r) => {
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            z,
+            H,
             {
               type: "Secondary",
               onClick: u,
@@ -2080,7 +2080,7 @@ const si = (r) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            z,
+            H,
             {
               type: "Secondary",
               onClick: u,
@@ -2091,13 +2091,13 @@ const si = (r) => {
       ]
     }
   );
-}, Os = "_accordion_1s1lq_1", Es = "_header_1s1lq_9", Rs = "_icon_1s1lq_18", Ls = "_open_1s1lq_21", Ds = "_content_1s1lq_25", nt = {
-  accordion: Os,
-  header: Es,
-  icon: Rs,
-  open: Ls,
-  content: Ds
-}, ci = ({ title: r, content: s, defaultOpen: e = !1 }) => {
+}, Rs = "_accordion_1s1lq_1", Ds = "_header_1s1lq_9", Ls = "_icon_1s1lq_18", zs = "_open_1s1lq_21", Us = "_content_1s1lq_25", nt = {
+  accordion: Rs,
+  header: Ds,
+  icon: Ls,
+  open: zs,
+  content: Us
+}, mi = ({ title: r, content: s, defaultOpen: e = !1 }) => {
   const [n, i] = _.useState(e), [d, u] = _.useState(0), o = _.useRef(null), m = () => {
     i(!n);
   };
@@ -2125,7 +2125,7 @@ const si = (r) => {
       }
     )
   ] });
-}, li = ({ children: r, path: s, className: e, target: n = "_self", id: i }) => {
+}, hi = ({ children: r, path: s, className: e, target: n = "_self", id: i }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2151,12 +2151,12 @@ const si = (r) => {
       children: r
     }
   );
-}, Hs = "_buttonsBlock_1b2rb_1", Us = "_slideUp_1b2rb_1", zs = {
+}, Hs = "_buttonsBlock_1b2rb_1", Fs = "_slideUp_1b2rb_1", Vs = {
   buttonsBlock: Hs,
-  slideUp: Us
-}, ri = () => /* @__PURE__ */ t.jsxs("div", { className: zs.buttonsBlock, children: [
+  slideUp: Fs
+}, pi = () => /* @__PURE__ */ t.jsxs("div", { className: Vs.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
-    z,
+    H,
     {
       type: "Primary",
       style: {
@@ -2165,13 +2165,52 @@ const si = (r) => {
       children: "Add to Cart"
     }
   ),
-  /* @__PURE__ */ t.jsx(z, { type: "Secondary", children: "Buy" })
-] }), Fs = "_wrapper_st58d_1", Vs = "_label_st58d_10", Ys = "_textarea_st58d_18", Gs = "_length_st58d_33", ct = {
-  wrapper: Fs,
-  label: Vs,
-  textarea: Ys,
-  length: Gs
-}, di = (r) => {
+  /* @__PURE__ */ t.jsx(H, { type: "Secondary", children: "Buy" })
+] }), Ys = "_wrapper_27wzz_1", Gs = "_logo_27wzz_8", Ws = "_info_27wzz_12", dt = {
+  wrapper: Ys,
+  logo: Gs,
+  info: Ws
+}, _i = ({ date: r }) => {
+  const { general: s } = Ot();
+  if (!s) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  function e(n) {
+    const i = new Date(n), d = {
+      month: "short",
+      day: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    };
+    return i.toLocaleDateString("en-US", d);
+  }
+  return /* @__PURE__ */ t.jsxs("div", { className: dt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: dt.logo, children: s.info.logo ? /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: `https://imagedelivery.net/${s.info.logo.cfId}/w=500,h=500`,
+        alt: "image",
+        style: { objectFit: "contain", width: "48px", height: "48px" }
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      f,
+      {
+        name: "Image",
+        width: 48,
+        height: 48
+      }
+    ) }),
+    /* @__PURE__ */ t.jsxs("div", { className: dt.info, children: [
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: s.info.name }),
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: e(r) })
+    ] })
+  ] });
+}, Js = "_wrapper_st58d_1", Xs = "_label_st58d_10", Ks = "_textarea_st58d_18", Qs = "_length_st58d_33", ct = {
+  wrapper: Js,
+  label: Xs,
+  textarea: Ks,
+  length: Qs
+}, gi = (r) => {
   const {
     onChange: s,
     label: e,
@@ -2214,40 +2253,41 @@ const si = (r) => {
   ] });
 };
 export {
-  ci as Accordion,
-  Ns as BurgerMenuButton,
-  z as Button,
-  hn as ButtonTypeSettings,
-  ei as ButtonsSettings,
-  Ks as CategorySettings,
-  wt as ChooseImage,
-  hi as ChooseImageModal,
-  vs as EmptyCart,
-  ti as FormSettings,
-  ii as HeaderButtons,
+  mi as Accordion,
+  Is as BurgerMenuButton,
+  H as Button,
+  _n as ButtonTypeSettings,
+  ai as ButtonsSettings,
+  si as CategorySettings,
+  $t as ChooseImage,
+  ji as ChooseImageModal,
+  Ns as EmptyCart,
+  oi as FormSettings,
+  ri as HeaderButtons,
   f as Icon,
-  dt as InputSettings,
-  Mt as InputUI,
-  pi as ItemsSettings,
-  Qs as LayoutSettings,
-  li as Link,
-  ni as ListingSelector,
-  _i as Loader,
-  vt as Modal,
-  oi as PagesMobileMenu,
-  ys as PagesMobileModal,
-  Zs as PagesSettings,
-  ri as ProductCardButtons,
-  si as ProductOptions,
-  yt as RangeSelector,
+  ut as InputSettings,
+  Tt as InputUI,
+  bi as ItemsSettings,
+  ni as LayoutSettings,
+  hi as Link,
+  ci as ListingSelector,
+  vi as Loader,
+  _i as MetaInfoPost,
+  yt as Modal,
+  di as PagesMobileMenu,
+  ks as PagesMobileModal,
+  ii as PagesSettings,
+  pi as ProductCardButtons,
+  li as ProductOptions,
+  Nt as RangeSelector,
   at as Select,
-  ai as ShareLink,
-  bs as ShoppingButton,
-  js as ShoppingModalCart,
+  ui as ShareLink,
+  vs as ShoppingButton,
+  ys as ShoppingModalCart,
   it as Switch,
-  gi as TextSettings,
-  fi as TextareaSettings,
-  di as TextareaUI,
-  xi as TypesText,
-  Ct as UserInfo
+  yi as TextSettings,
+  Ni as TextareaSettings,
+  gi as TextareaUI,
+  ki as TypesText,
+  St as UserInfo
 };