@billgangcom/theme-lib 1.59.0 → 1.60.0

package/dist/ui.es.js

@@ -1,21 +1,21 @@
-import { j as t, I as g, c as G, 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 z, i as St, k as nt, l as wt, m as Bt, n as $t, o as rt, p as Y, L as Pt, q as lt, r as jt, t as H, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-Cs6Fcjy6.js";
-import { J as hi, F as pi, H as _i, E as gi, T as fi, G as xi } from "./index-Cs6Fcjy6.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-VdHBtEiJ.js";
+import { K as ji, G as bi, J as vi, F as yi, T as Ni, H as ki } from "./index-VdHBtEiJ.js";
 import _ 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", W = {
-  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,10 +25,10 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Wt = ["left", "top", "right", "bottom"], Qn = (d) => {
-  const { alignment: n, padding: e, setPadding: s, setAlignment: i } = d;
-  function m(l) {
-    switch (l) {
+], Xt = ["left", "top", "right", "bottom"], ni = (r) => {
+  const { alignment: s, padding: e, setPadding: n, setAlignment: i } = r;
+  function d(c) {
+    switch (c) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         return "TextAlignCenter";
     }
   }
-  function h(l) {
-    switch (l) {
+  function u(c) {
+    switch (c) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,40 +57,40 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [o, u] = _.useState(null), [f, $] = _.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: [
-      /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Alignment" }),
-      /* @__PURE__ */ t.jsxs("div", { className: W.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: Gt.map((l) => /* @__PURE__ */ t.jsxs(
+  const [o, m] = _.useState(null), [g, S] = _.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
+    /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
+      /* @__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: Jt.map((c) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(l);
+              i(c);
             },
-            className: W.alignment,
+            className: J.alignment,
             onMouseEnter: () => {
-              u(l);
+              m(c);
             },
             onMouseLeave: () => {
-              u(null);
+              m(null);
             },
             children: [
-              l !== n && o !== l && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              l !== n && o === l && /* @__PURE__ */ t.jsx(
-                g,
+              c !== s && o !== c && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
+              c !== s && o === c && /* @__PURE__ */ t.jsx(
+                f,
                 {
-                  name: m(o),
+                  name: d(o),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              l === n && /* @__PURE__ */ t.jsx(
-                g,
+              c === s && /* @__PURE__ */ t.jsx(
+                f,
                 {
-                  name: m(n),
+                  name: d(s),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -98,37 +98,37 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
               )
             ]
           },
-          l
+          c
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Wt.map((l) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Xt.map((c) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: G(W.padding, {
-              [W.active]: f === l
+            className: W(J.padding, {
+              [J.active]: g === c
             }),
             onFocus: () => {
-              $(l);
+              S(c);
             },
             onBlur: () => {
-              $(null);
+              S(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                g,
+                f,
                 {
-                  name: h(l),
+                  name: u(c),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                dt,
+                ut,
                 {
                   type: "number",
-                  value: String(e[l]),
-                  onChange: (r) => s({
+                  value: String(e[c]),
+                  onChange: (l) => n({
                     ...e,
-                    [l]: Math.min(Number(r), 999)
+                    [c]: Math.min(Number(l), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -137,56 +137,56 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
               )
             ]
           },
-          l
+          c
         )) })
       ] })
     ] })
   ] });
-}, 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", se = "_typeTexts_82zux_41", ne = "_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", J = {
-  title: Jt,
-  subtitle: Xt,
-  header: Qt,
-  text: Kt,
-  productsBlock: Zt,
-  top: te,
-  itemsBlock: ee,
-  typeTexts: se,
-  block: ne,
-  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
-}, Kn = (d) => {
+}, 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: n,
+    isActiveItems: s,
     setIsActiveItems: e,
-    items: s,
+    items: n,
     setItems: i,
-    other: m,
-    title: h,
+    other: d,
+    title: u,
     subtitle: o,
-    draggable: u = !1,
-    withImage: f = !1,
-    addable: $ = !0,
-    itemsOptions: l,
-    hasRangeSelector: r = !1,
+    draggable: m = !1,
+    withImage: g = !1,
+    addable: S = !0,
+    itemsOptions: c,
+    hasRangeSelector: l = !1,
     rangeSelectorOptions: T,
-    limit: w,
-    autoScrollInterval: C,
+    limit: $,
+    autoScrollInterval: M,
     deletable: x
-  } = d;
-  function B(b) {
-    if (f)
+  } = r;
+  function k(b) {
+    if (g)
       return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -196,7 +196,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        g,
+        f,
         {
           name: "Image",
           width: 16,
@@ -205,12 +205,12 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         }
       );
   }
-  const a = (b, q = !1) => {
-    const M = l.find((S) => S.id === b);
-    if (!M) return;
-    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        g,
+  const a = (b, D = !1) => {
+    const w = c.find((C) => C.id === b);
+    if (!w) return;
+    const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        f,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -221,54 +221,54 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (S) => {
-            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);
-            i([...c]);
+          onChange: (C) => {
+            const v = [...n], I = c.find((p) => p.name === C);
+            if (!I) return;
+            const q = I.id, B = v.map((p) => p === b ? q : p);
+            i([...B]);
           },
-          value: M.name,
-          options: l.filter((S) => !s.find((j) => j === S.id)).map((S) => S.name),
-          leftAddon: B(M.images)
+          value: w.name,
+          options: c.filter((C) => !n.find((v) => v === C.id)).map((C) => C.name),
+          leftAddon: k(w.images)
         }
       ),
-      q && /* @__PURE__ */ t.jsx("div", { className: J.buttons, children: /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
-        g,
+      D && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(s.filter((S) => S !== b))
+          onClick: () => i(n.filter((C) => C !== b))
         }
       ) }) })
     ] });
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: J.product,
-        children: D
+        className: X.product,
+        children: z
       },
       b
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: J.productsBlock, children: [
-    (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(
+  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
+    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: u }),
+      s !== void 0 && /* @__PURE__ */ t.jsx(
         it,
         {
-          current: n,
+          current: s,
           onChange: (b) => e == null ? void 0 : e(b)
         }
       )
     ] }),
-    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)),
-      $ && /* @__PURE__ */ t.jsx(
+    l && T && /* @__PURE__ */ t.jsx(Nt, { ...T }),
+    /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: o }),
+      n.map((b) => a(b, x)),
+      S && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -281,30 +281,30 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
             ot,
             {
               withoutHover: !0,
-              className: G(J.button, {
-                [J.disabled]: !!(w && w <= s.length || s.length === l.length)
+              className: W(X.button, {
+                [X.disabled]: !!($ && $ <= n.length || n.length === c.length)
               }),
               size: "s",
-              disabled: !!(w && w <= s.length || s.length === l.length),
+              disabled: !!($ && $ <= n.length || n.length === c.length),
               onClick: () => {
-                const b = [...s];
-                let q = null;
-                if (l) {
-                  for (let M = 0; M < l.length; M++)
-                    if (!s.find((D) => D === l[M].id)) {
-                      q = l[M];
+                const b = [...n];
+                let D = null;
+                if (c) {
+                  for (let w = 0; w < c.length; w++)
+                    if (!n.find((z) => z === c[w].id)) {
+                      D = c[w];
                       break;
                     }
                 }
-                b.push((q == null ? void 0 : q.id) || l[0].id), i(b);
+                b.push((D == null ? void 0 : D.id) || c[0].id), i(b);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: J.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  g,
+                  f,
                   {
                     name: "Plus",
                     width: 16,
@@ -317,14 +317,14 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         }
       )
     ] }),
-    m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m }),
-    C !== void 0 && /* @__PURE__ */ t.jsx(
-      dt,
+    d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d }),
+    M !== void 0 && /* @__PURE__ */ t.jsx(
+      ut,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(C.scrollInterval),
-        onChange: (b) => C.setScrollInterval(Number(b)),
+        value: String(M.scrollInterval),
+        onChange: (b) => M.setScrollInterval(Number(b)),
         min: 0.1,
         max: 100,
         style: {
@@ -334,109 +334,109 @@ 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", F = {
-  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: d, children: n }) {
+function Fe({ product: r, children: s }) {
   const {
     attributes: e,
-    listeners: s,
+    listeners: n,
     setNodeRef: i,
-    transform: m,
-    transition: h,
+    transform: d,
+    transition: u,
     isDragging: o
-  } = xt({
-    id: d.id
-  }), u = {
-    transform: bt.Transform.toString(m),
-    transition: h
+  } = jt({
+    id: r.id
+  }), m = {
+    transform: bt.Transform.toString(d),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: i,
-      style: u,
-      className: `${F.product} ${o ? F.dragging : ""}`,
+      style: m,
+      className: `${V.product} ${o ? V.dragging : ""}`,
       ...e,
-      ...s,
-      children: n
+      ...n,
+      children: s
     }
   );
 }
-const Zn = (d) => {
+const ii = (r) => {
   const {
-    isActiveItems: n,
+    isActiveItems: s,
     setIsActiveItems: e,
-    items: s,
+    items: n,
     setItems: i,
-    title: m,
-    subtitle: h,
+    title: d,
+    subtitle: u,
     editable: o = !0,
-    draggable: u = !1,
-    deletable: f = !0,
-    addable: $ = !0,
-    itemsType: l,
-    itemsOptions: r,
+    draggable: m = !1,
+    deletable: g = !0,
+    addable: S = !0,
+    itemsType: c,
+    itemsOptions: l,
     addableOptions: T = {},
-    limit: w
-  } = d, [C, x] = _.useState(null), [B, a] = _.useState(null), b = _.useRef(null), q = mt(
-    ht(pt, {
+    limit: $
+  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), b = _.useRef(null), D = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   _.useEffect(() => {
-    if (C) {
-      const j = [...s].map((N) => N.id === C.id ? C : N);
-      i(j);
+    if (M) {
+      const v = [...n].map((I) => I.id === M.id ? M : I);
+      i(v);
     }
-  }, [C]), _.useEffect(() => {
-    b.current && B && (b.current.getBoundingClientRect().height, B.top);
-  }, [b.current, B]);
-  const M = (j, N) => {
-    j.stopPropagation();
-    const O = j.target.getBoundingClientRect();
+  }, [M]), _.useEffect(() => {
+    b.current && k && (b.current.getBoundingClientRect().height, k.top);
+  }, [b.current, k]);
+  const w = (v, I) => {
+    v.stopPropagation();
+    const q = v.target.getBoundingClientRect();
     a({
-      top: O.top + window.scrollY,
-      left: O.left - 30
-    }), x(N);
-  }, D = (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], [U] = I.splice(c, 1);
-        I.splice(v, 0, U), i(I);
+      top: q.top + window.scrollY,
+      left: q.left - 30
+    }), x(I);
+  }, z = (v) => {
+    const { active: I, over: q } = v;
+    if (q && I.id !== q.id) {
+      const B = n.findIndex((j) => j.id === I.id), p = n.findIndex((j) => j.id === q.id);
+      if (B !== -1 && p !== -1) {
+        const j = [...n], [A] = j.splice(B, 1);
+        j.splice(p, 0, A), i(j);
       }
     }
-  }, S = (j, N) => {
-    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        g,
+  }, C = (v, I) => {
+    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        f,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -444,99 +444,99 @@ const Zn = (d) => {
           height: 20
         }
       ) }),
-      l === "select" && r && /* @__PURE__ */ t.jsx(
+      c === "select" && l && /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (c) => {
-            const v = [...s], I = r.find((P) => P.name === c);
-            if (!I) return;
-            const U = v.map((P) => P.id === j.id ? {
-              ...I,
+          onChange: (B) => {
+            const p = [...n], j = l.find((U) => U.name === B);
+            if (!j) return;
+            const A = p.map((U) => U.id === v.id ? {
+              ...j,
               name: {
-                "en-US": c
+                "en-US": B
               }
-            } : P);
+            } : U);
             x({
-              ...j,
+              ...v,
               name: {
-                "en-US": c
+                "en-US": B
               }
-            }), i([...U]);
+            }), i([...A]);
           },
-          value: j.name,
-          options: r.filter((c) => !s.find((v) => v.name === c.name)).map((c) => c.name)
+          value: v.name,
+          options: l.filter((B) => !n.find((p) => p.name === B.name)).map((B) => B.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        o && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+        o && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (c) => M(c, j)
+            onClick: (B) => w(B, v)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+        g && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((c) => c.id !== j.id))
+            onClick: () => i(n.filter((B) => B.id !== v.id))
           }
         ) })
       ] })
     ] });
-    return u ? /* @__PURE__ */ t.jsx(
-      Ue,
+    return m ? /* @__PURE__ */ t.jsx(
+      Fe,
       {
-        product: j,
-        index: N,
-        children: O
+        product: v,
+        index: I,
+        children: q
       },
-      j.id
+      v.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
-        children: O
+        className: V.product,
+        children: q
       },
-      j.id
+      v.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
-    (m || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: m }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
+    (d || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: d }),
+      s !== void 0 && /* @__PURE__ */ t.jsx(
         it,
         {
-          current: n,
-          onChange: (j) => e == null ? void 0 : e(j)
+          current: s,
+          onChange: (v) => e == null ? void 0 : e(v)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: h }),
-      u ? /* @__PURE__ */ t.jsx(
-        _t,
+    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: u }),
+      m ? /* @__PURE__ */ t.jsx(
+        gt,
         {
-          sensors: q,
-          onDragEnd: D,
+          sensors: D,
+          onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
-              items: s.map((j) => j.id),
-              strategy: ft,
-              children: s.map((j, N) => S(j, N))
+              items: n.map((v) => v.id),
+              strategy: xt,
+              children: n.map((v, I) => C(v, I))
             }
           )
         }
-      ) : s.map((j, N) => S(j, N)),
-      $ && /* @__PURE__ */ t.jsx(
+      ) : n.map((v, I) => C(v, I)),
+      S && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -548,34 +548,34 @@ const Zn = (d) => {
             ot,
             {
               withoutHover: !0,
-              className: G(F.button, {
-                [F.disabled]: !!(w && w <= s.length || s.length === (r == null ? void 0 : r.length))
+              className: W(V.button, {
+                [V.disabled]: !!($ && $ <= n.length || n.length === (l == null ? void 0 : l.length))
               }),
               size: "s",
-              disabled: !!(w && w <= s.length || s.length === (r == null ? void 0 : r.length)),
+              disabled: !!($ && $ <= n.length || n.length === (l == null ? void 0 : l.length)),
               onClick: () => {
-                const j = [...s];
-                let N = null;
-                if (r) {
-                  for (let O = 0; O < r.length; O++)
-                    if (!s.find((c) => c.id === r[O].id)) {
-                      N = r[O];
+                const v = [...n];
+                let I = null;
+                if (l) {
+                  for (let q = 0; q < l.length; q++)
+                    if (!n.find((B) => B.id === l[q].id)) {
+                      I = l[q];
                       break;
                     }
                 }
-                l === "select" && r && j.push({
-                  name: N ? N.name : r[0].name,
-                  id: (N == null ? void 0 : N.id) || r[0].id,
+                c === "select" && l && v.push({
+                  name: I ? I.name : l[0].name,
+                  id: (I == null ? void 0 : I.id) || l[0].id,
                   ...T
-                }), i(j);
+                }), i(v);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  g,
+                  f,
                   {
                     name: "Plus",
                     width: 16,
@@ -590,99 +590,99 @@ const Zn = (d) => {
     ] })
   ] });
 };
-function ze(d) {
-  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = xt({
-    id: n.id
-  }), f = {
-    transform: bt.Transform.toString(h),
+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),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: m,
-      style: f,
-      className: `${z.product} ${u ? z.dragging : ""}`,
-      ...s,
+      ref: d,
+      style: g,
+      className: `${F.product} ${m ? F.dragging : ""}`,
+      ...n,
       ...i,
       children: e
     }
   );
 }
-const ti = (d) => {
+const oi = (r) => {
   const {
-    isActiveItems: n,
+    isActiveItems: s,
     setIsActiveItems: e,
-    items: s,
+    items: n,
     setItems: i,
-    other: m,
-    title: h,
+    other: d,
+    title: u,
     subtitle: o,
-    editable: u = !0,
-    draggable: f = !1,
-    withImage: $ = !1,
-    deletable: l = !0,
-    addable: r = !0,
+    editable: m = !0,
+    draggable: g = !1,
+    withImage: S = !1,
+    deletable: c = !0,
+    addable: l = !0,
     itemsType: T,
-    itemsPlaceholder: w = "",
-    itemsOptions: C,
+    itemsPlaceholder: $ = "",
+    itemsOptions: M,
     hasRangeSelector: x = !1,
-    rangeSelectorOptions: B,
+    rangeSelectorOptions: k,
     modalOptions: a,
     addableOptions: b = {},
-    limit: q
-  } = d, [M, D] = _.useState(null), [S, j] = _.useState({
+    limit: D
+  } = r, [w, z] = _.useState(null), [C, v] = _.useState({
     top: 0,
     left: 0
-  }), [N, O] = _.useState(null), c = _.useRef(null), [v, I] = _.useState(!1), U = mt(
-    ht(pt, {
+  }), [I, q] = _.useState(null), B = _.useRef(null), [p, j] = _.useState(!1), A = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   _.useEffect(() => {
-    const p = () => {
-      D(null), I(!1);
+    const h = () => {
+      z(null), j(!1);
     };
-    return document.body.addEventListener("click", p), D(null), I(!1), () => {
-      D(null), I(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", h), z(null), j(!1), () => {
+      z(null), j(!1), document.body.removeEventListener("click", h);
     };
   }, []), _.useEffect(() => {
-    if (M) {
-      const p = [...s].map((A) => A.id === M.id ? M : A);
-      i(p);
+    if (w) {
+      const h = [...n].map((E) => E.id === w.id ? w : E);
+      i(h);
     }
-  }, [M]), _.useEffect(() => {
-    if (c.current && N) {
-      const p = c.current.getBoundingClientRect().height, A = window.innerHeight;
-      let E = N.top;
-      E + p > A + window.scrollY - 200 && (E = A + window.scrollY - p - 200), E < 0 && (E = 10), j({
-        top: E,
-        left: N.left
+  }, [w]), _.useEffect(() => {
+    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
       });
     }
-  }, [c.current, N]);
-  const P = (p, A) => {
-    p.stopPropagation();
-    const E = p.target.getBoundingClientRect();
-    O({
-      top: E.top + window.scrollY,
-      left: E.left - 30
-    }), D(A), I(!0);
+  }, [B.current, I]);
+  const U = (h, E) => {
+    h.stopPropagation();
+    const P = h.target.getBoundingClientRect();
+    q({
+      top: P.top + window.scrollY,
+      left: P.left - 30
+    }), z(E), j(!0);
   };
-  function L(p) {
-    if ($)
-      return p ? /* @__PURE__ */ t.jsx(
+  function O(h) {
+    if (S)
+      return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p[0]}/w=1000`,
+          src: `https://imagedelivery.net/${h[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        g,
+        f,
         {
           name: "Image",
           width: 16,
@@ -691,20 +691,20 @@ const ti = (d) => {
         }
       );
   }
-  const K = (p) => {
-    const { active: A, over: E } = p;
-    if (E && A.id !== E.id) {
-      const R = s.findIndex((V) => V.id === A.id), tt = s.findIndex((V) => V.id === E.id);
-      if (R !== -1 && tt !== -1) {
-        const V = [...s], [X] = V.splice(R, 1);
-        V.splice(tt, 0, X), i(V);
+  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], [K] = Y.splice(R, 1);
+        Y.splice(et, 0, K), i(Y);
       }
     }
-  }, et = (p) => {
-    var E;
-    const A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        g,
+  }, Q = (h) => {
+    var P;
+    const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        f,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -712,140 +712,140 @@ const ti = (d) => {
           height: 20
         }
       ) }),
-      T === "select" && C && /* @__PURE__ */ t.jsx(
+      T === "select" && M && /* @__PURE__ */ t.jsx(
         at,
         {
           onChange: (R) => {
-            const V = [...s].map((X) => X.id === p.id ? {
-              ...p,
+            const Y = [...n].map((K) => K.id === h.id ? {
+              ...h,
               name: {
                 "en-US": R
               }
-            } : X);
-            D({
-              ...p,
+            } : K);
+            z({
+              ...h,
               name: {
                 "en-US": R
               }
-            }), i([...V]);
+            }), i([...Y]);
           },
-          value: p.name["en-US"],
-          options: C.filter(
-            (R) => !s.find((tt) => tt.name["en-US"] === R)
+          value: h.name["en-US"],
+          options: M.filter(
+            (R) => !n.find((et) => et.name["en-US"] === R)
           ),
-          leftAddon: L(p.images)
+          leftAddon: O(h.images)
         }
       ),
       T === "input" && /* @__PURE__ */ t.jsx(
-        dt,
+        ut,
         {
           onChange: (R) => {
-            const V = [...s].map((X) => X.id === p.id ? {
-              ...p,
+            const Y = [...n].map((K) => K.id === h.id ? {
+              ...h,
               name: {
                 "en-US": R
               }
-            } : X);
-            i([...V]);
+            } : K);
+            i([...Y]);
           },
-          value: p.name["en-US"],
-          placeholder: w
+          value: h.name["en-US"],
+          placeholder: $
         }
       ),
       T === "image" && /* @__PURE__ */ t.jsx(
-        wt,
+        $t,
         {
           onChange: (R) => {
-            const V = [...s].map((X) => X.id === p.id ? {
-              ...p,
+            const Y = [...n].map((K) => K.id === h.id ? {
+              ...h,
               images: R
-            } : X);
-            i([...V]);
+            } : K);
+            i([...Y]);
           },
-          activeImage: (E = s.find((R) => R.id === p.id)) == null ? void 0 : E.images[0]
+          activeImage: (P = n.find((R) => R.id === h.id)) == null ? void 0 : P.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
+        m && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (R) => P(R, p)
+            onClick: (R) => U(R, h)
           }
         ) }),
-        l && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+        c && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((R) => R.id !== p.id))
+            onClick: () => i(n.filter((R) => R.id !== h.id))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
-      ze,
+    return g ? /* @__PURE__ */ t.jsx(
+      Ve,
       {
-        product: p,
-        children: A
+        product: h,
+        children: E
       },
-      p.id
+      h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: z.product,
-        children: A
+        className: F.product,
+        children: E
       },
-      p.id
+      h.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
-    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: z.title, children: h }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: u }),
+      s !== void 0 && /* @__PURE__ */ t.jsx(
         it,
         {
-          current: n,
-          onChange: (p) => e == null ? void 0 : e(p)
+          current: s,
+          onChange: (h) => e == null ? void 0 : e(h)
         }
       )
     ] }),
-    M && u && a && v && /* @__PURE__ */ t.jsx(
-      St,
+    w && m && a && p && /* @__PURE__ */ t.jsx(
+      wt,
       {
-        ref: c,
-        activeItem: M,
-        setActiveItem: D,
-        popupPosition: S,
+        ref: B,
+        activeItem: w,
+        setActiveItem: z,
+        popupPosition: C,
         modalOptions: a,
-        setIsOpenModal: I
+        setIsOpenModal: j
       }
     ),
-    x && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
-    /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: o }),
-      f ? /* @__PURE__ */ t.jsx(
-        _t,
+    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(
+        gt,
         {
-          sensors: U,
-          onDragEnd: K,
+          sensors: A,
+          onDragEnd: L,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
-              items: s.map((p) => p.id),
-              strategy: ft,
-              children: s.map((p) => et(p))
+              items: n.map((h) => h.id),
+              strategy: xt,
+              children: n.map((h) => Q(h))
             }
           )
         }
-      ) : s.map((p) => et(p)),
-      r && /* @__PURE__ */ t.jsx(
+      ) : n.map((h) => Q(h)),
+      l && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -857,52 +857,52 @@ const ti = (d) => {
             ot,
             {
               withoutHover: !0,
-              className: G(z.button, {
-                [z.disabled]: !!(q && q <= s.length)
+              className: W(F.button, {
+                [F.disabled]: !!(D && D <= n.length)
               }),
               size: "s",
-              disabled: !!(q && q <= s.length),
+              disabled: !!(D && D <= n.length),
               onClick: () => {
-                const p = [...s];
-                let A = null;
-                if (C) {
-                  for (let E = 0; E < C.length; E++)
-                    if (!s.find((R) => R.name["en-US"] === C[E])) {
-                      A = C[E];
+                const h = [...n];
+                let E = null;
+                if (M) {
+                  for (let P = 0; P < M.length; P++)
+                    if (!n.find((R) => R.name["en-US"] === M[P])) {
+                      E = M[P];
                       break;
                     }
                 }
-                T === "select" && C ? p.push({
+                T === "select" && M ? h.push({
                   name: {
-                    "en-US": A || C[0]
+                    "en-US": E || M[0]
                   },
-                  id: nt(),
+                  id: st(),
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : T === "input" ? p.push({
+                }) : T === "input" ? h.push({
                   name: {
                     "en-US": ""
                   },
-                  id: nt(),
+                  id: st(),
                   ...b,
                   maxSymbols: 100
-                }) : p.push({
+                }) : h.push({
                   name: {
-                    "en-US": `Image ${s.length + 1}`
+                    "en-US": `Image ${n.length + 1}`
                   },
-                  id: nt(),
+                  id: st(),
                   ...b,
                   maxSymbols: 100
-                }), i(p);
+                }), i(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: z.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  g,
+                  f,
                   {
                     name: "Plus",
                     width: 16,
@@ -915,119 +915,119 @@ const ti = (d) => {
         }
       )
     ] }),
-    m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m })
+    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", 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,
-  header: Ve,
-  text: Ye,
-  productsBlock: Ge,
-  buttonsBlock: We,
-  top: Je,
-  itemsBlock: Xe,
-  typeTexts: Qe,
-  block: Ke,
-  active: Ze,
-  products: ts,
-  product: es,
-  button: ss,
-  image: ns,
-  info: is,
-  name: os,
-  buttons: as,
-  modal: cs,
-  other: ls,
-  options: rs,
-  addButton: ds,
-  deleteButton: us
-}, ms = (d) => {
-  const { buttons: n, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: m = !0 } = d, { pages: h } = Bt(), [o, u] = _.useState(null), [f, $] = _.useState({
+}, 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
-  }), [l, r] = _.useState(null), T = _.useRef(null);
+  }), [c, l] = _.useState(null), T = _.useRef(null);
   _.useEffect(() => {
     if (o) {
-      const x = [...n].map((B) => B.id === o.id ? o : B);
+      const x = [...s].map((k) => k.id === o.id ? o : k);
       e(x);
     }
   }, [o]), _.useEffect(() => {
-    if (T.current && l) {
-      const x = 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), $({
+    if (T.current && c) {
+      const x = T.current.getBoundingClientRect().height, k = window.innerHeight;
+      let a = c.top;
+      a + x > k + window.scrollY - 200 && (a = k + window.scrollY - x - 200), a < 0 && (a = 10), S({
         top: a,
-        left: l.left
+        left: c.left
       });
     }
-  }, [T.current, l]);
-  const w = (x, B) => {
+  }, [T.current, c]);
+  const $ = (x, k) => {
     x.stopPropagation();
     const a = x.target.getBoundingClientRect();
-    r({
+    l({
       top: a.top + window.scrollY - 70,
       left: a.left - (i ? 30 : 65)
-    }), u(B);
-  }, C = (x, B) => {
-    const a = [...n], b = {
+    }), m(k);
+  }, M = (x, k) => {
+    const a = [...s], b = {
       ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    a.splice(B + 1, 0, b), e(a);
+    a.splice(k + 1, 0, b), e(a);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: "Button Type" }),
-    n.map((x, B) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
+    s.map((x, k) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: Q.product,
+        className: Z.product,
         children: [
           /* @__PURE__ */ t.jsx(
             at,
             {
               onChange: (a) => {
-                const q = [...n].map((M) => M.id === x.id ? {
+                const D = [...s].map((w) => w.id === x.id ? {
                   ...x,
                   type: a
-                } : M);
-                e(q);
+                } : w);
+                e(D);
               },
               value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: Q.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-              g,
+          /* @__PURE__ */ t.jsxs("div", { className: Z.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
+              f,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  C(x, B);
+                  M(x, k);
                 }
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-              g,
+            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
+              f,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: (a) => {
-                  w(a, x);
+                  $(a, x);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-              g,
+            n && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
+              f,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const a = n.filter((b) => b.id !== x.id);
+                  const a = s.filter((b) => b.id !== x.id);
                   e(a);
                 },
                 width: 20,
@@ -1041,13 +1041,13 @@ const ti = (d) => {
       x.id
     )),
     o && /* @__PURE__ */ t.jsx(
-      $t,
+      Pt,
       {
         ref: T,
         activeButton: o,
-        setActiveButton: u,
-        popupPosition: f,
-        editableLink: m
+        setActiveButton: m,
+        popupPosition: g,
+        editableLink: d
       }
     ),
     i && /* @__PURE__ */ t.jsx(
@@ -1062,39 +1062,39 @@ const ti = (d) => {
           ot,
           {
             withoutHover: !0,
-            className: Q.button,
+            className: Z.button,
             size: "s",
             onClick: () => {
-              const x = [...n];
-              m ? x.push({
+              const x = [...s];
+              d ? x.push({
                 type: "Primary",
-                id: nt(),
+                id: st(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: h ? Object.values(h)[0].name : "Home",
+                page: u ? Object.values(u)[0].name : "Home",
                 openInNewTab: !1
               }) : x.push({
                 type: "Primary",
-                id: nt(),
+                id: st(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: h ? Object.values(h)[0].name : "Home",
+                page: u ? Object.values(u)[0].name : "Home",
                 openInNewTab: !1
               }), e(x);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: Z.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                g,
+                f,
                 {
                   name: "Plus",
                   width: 16,
@@ -1107,120 +1107,121 @@ const ti = (d) => {
       }
     )
   ] });
-}, ei = (d) => {
+}, ai = (r) => {
   const {
-    isActiveButtons: n,
+    isActiveButtons: s,
     setIsActiveButtons: e,
-    buttons: s,
+    buttons: n,
     setButtons: i,
-    editableLink: m = !0,
-    addable: h = !0,
+    editableLink: d = !0,
+    addable: u = !0,
     deletable: o = !0
-  } = d;
+  } = r;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: rt.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: rt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: rt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
         it,
         {
-          current: n,
-          onChange: (u) => e(u)
+          current: s,
+          onChange: (m) => e(m)
         }
       )
     ] }),
-    n && /* @__PURE__ */ t.jsx(
-      ms,
+    s && /* @__PURE__ */ t.jsx(
+      _n,
       {
-        buttons: s,
+        buttons: n,
         setButtons: i,
-        editableLink: m,
-        addable: h,
+        editableLink: d,
+        addable: u,
         deletable: o
       }
     )
   ] }) });
 };
-function hs(d) {
-  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = xt({
-    id: String(n.listingId)
-  }), f = {
-    transform: bt.Transform.toString(h),
+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),
     transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: m,
-      style: f,
-      className: `${Y.product} ${u ? Y.dragging : ""}`,
-      ...s,
+      ref: d,
+      style: g,
+      className: `${G.product} ${m ? G.dragging : ""}`,
+      ...n,
       ...i,
       children: e
     }
   );
 }
-const si = (d) => {
+const ci = (r) => {
   const {
-    isActiveItems: n,
+    isActiveItems: s,
     setIsActiveItems: e,
-    items: s,
+    items: n,
     setItems: i,
-    other: m,
-    title: h,
+    other: d,
+    title: u,
     subtitle: o,
-    editable: u = !0,
-    draggable: f = !1,
-    withImage: $ = !1,
-    deletable: l = !0,
-    addable: r = !0,
+    editable: m = !0,
+    draggable: g = !1,
+    withImage: S = !1,
+    deletable: c = !0,
+    addable: l = !0,
     itemsType: T,
-    itemsOptions: w
-  } = d, [C, x] = _.useState(
+    itemsOptions: $,
+    limit: M
+  } = r, [x, k] = _.useState(
     null
-  ), [B, a] = _.useState({
+  ), [a, b] = _.useState({
     top: 0,
     left: 0
-  }), [b, q] = _.useState(!1), M = mt(
-    ht(pt, {
+  }), [D, w] = _.useState(!1), z = ht(
+    pt(_t, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   _.useEffect(() => {
-    const c = () => {
-      x(null), q(!1);
+    const p = () => {
+      k(null), w(!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", p), k(null), w(!1), () => {
+      k(null), w(!1), document.body.removeEventListener("click", p);
     };
   }, []), _.useEffect(() => {
-    if (C) {
-      const c = [...s].map((v) => v.listingId === C.listingId ? C : v);
-      i(c);
+    if (x) {
+      const p = [...n].map((j) => j.listingId === x.listingId ? x : j);
+      i(p);
     }
-  }, [C]);
-  const D = (c, v) => {
-    c.stopPropagation();
-    const I = c.target.getBoundingClientRect(), U = 100, P = window.innerHeight;
-    let L = I.top + window.scrollY;
-    L + U > P && (L = P - U - 20), q(!0), a({
+  }, [x]);
+  const C = (p, j) => {
+    p.stopPropagation();
+    const A = p.target.getBoundingClientRect(), U = 100, O = window.innerHeight;
+    let L = A.top + window.scrollY;
+    L + U > O && (L = O - U - 20), w(!0), b({
       top: L - 80,
-      left: I.left - 30
-    }), x(v);
+      left: A.left - 30
+    }), k(j);
   };
-  function S(c) {
-    if ($)
-      return c ? /* @__PURE__ */ t.jsx(
+  function v(p) {
+    if (S)
+      return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${c}/w=1000`,
+          src: `https://imagedelivery.net/${p}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        g,
+        f,
         {
           name: "Image",
           width: 16,
@@ -1229,21 +1230,21 @@ const si = (d) => {
         }
       );
   }
-  const j = (c) => {
-    const { active: v, over: I } = c;
-    if (I && v.id !== I.id) {
-      const U = s.findIndex((L) => String(L.listingId) === v.id), P = s.findIndex((L) => String(L.listingId) === I.id);
-      if (U !== -1 && P !== -1) {
-        const L = [...s], [K] = L.splice(U, 1);
-        L.splice(P, 0, K), i(L);
+  const I = (p) => {
+    const { active: j, over: A } = p;
+    if (A && j.id !== A.id) {
+      const U = n.findIndex((L) => String(L.listingId) === j.id), O = n.findIndex((L) => String(L.listingId) === A.id);
+      if (U !== -1 && O !== -1) {
+        const L = [...n], [Q] = L.splice(U, 1);
+        L.splice(O, 0, Q), i(L);
       }
     }
-  }, N = (c, v) => {
-    const I = w.find((P) => c.listingId === P.id);
-    if (!I) return null;
+  }, q = (p, j) => {
+    const A = $.find((O) => p.listingId === O.id);
+    if (!A) return null;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        g,
+      g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        f,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1254,105 +1255,105 @@ const si = (d) => {
       T === "select" && /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (P) => {
-            const L = [...s], K = w.find((A) => A.productData.name === P);
-            if (!K) return;
-            const et = {
-              listingId: K.id,
-              image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
-            }, p = L.map((A) => A.listingId === c.listingId ? et : A);
-            x(et), i([...p]);
+          onChange: (O) => {
+            const L = [...n], Q = $.find((P) => P.productData.name === O);
+            if (!Q) return;
+            const h = {
+              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: I.productData.name,
+          value: A.productData.name,
           options: [
-            ...w.filter((P) => !s.find((L) => L.listingId === P.id)).map((P) => P.productData.name)
+            ...$.filter((O) => !n.find((L) => L.listingId === O.id)).map((O) => O.productData.name)
           ],
-          leftAddon: S(
-            c.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
+          leftAddon: v(
+            p.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
           )
         },
-        v
+        j
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+      /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
+        m && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => D(P, c)
+            onClick: (O) => C(O, p)
           }
         ) }),
-        l && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          g,
+        c && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+          f,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((P) => P !== c))
+            onClick: () => i(n.filter((O) => O !== p))
           }
         ) })
       ] })
     ] });
-    return f ? /* @__PURE__ */ t.jsx(
-      hs,
+    return g ? /* @__PURE__ */ t.jsx(
+      gn,
       {
-        product: c,
+        product: p,
         children: U
       },
-      c.listingId
+      p.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y.product,
+        className: G.product,
         children: U
       },
-      c.listingId
+      p.listingId
     );
-  }, O = _.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: h }),
-      n !== void 0 && /* @__PURE__ */ t.jsx(
+  }, 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 }),
+      s !== void 0 && /* @__PURE__ */ t.jsx(
         it,
         {
-          current: n,
-          onChange: (c) => e == null ? void 0 : e(c)
+          current: s,
+          onChange: (p) => e == null ? void 0 : e(p)
         }
       )
     ] }),
-    b && C && /* @__PURE__ */ t.jsx(
-      Pt,
+    D && x && /* @__PURE__ */ t.jsx(
+      Mt,
       {
-        ref: O,
-        activeItem: C,
-        setActiveItem: x,
-        setIsOpenModal: q,
-        popupPosition: B,
-        itemsOptions: w
+        ref: B,
+        activeItem: x,
+        setActiveItem: k,
+        setIsOpenModal: w,
+        popupPosition: a,
+        itemsOptions: $
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: o }),
-      f ? /* @__PURE__ */ t.jsx(
-        _t,
+    s && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
+      g ? /* @__PURE__ */ t.jsx(
+        gt,
         {
-          sensors: M,
-          onDragEnd: j,
+          sensors: z,
+          onDragEnd: I,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            ft,
             {
-              items: s.map((c) => String(c.listingId)),
-              strategy: ft,
-              children: s.map((c, v) => N(c, v))
+              items: n.map((p) => String(p.listingId)),
+              strategy: xt,
+              children: n.map((p, j) => q(p, j))
             }
           )
         }
-      ) : s.map((c, v) => N(c, v)),
-      r && /* @__PURE__ */ t.jsx(
+      ) : n.map((p, j) => q(p, j)),
+      l && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1364,28 +1365,28 @@ const si = (d) => {
             ot,
             {
               withoutHover: !0,
-              className: Y.button,
+              className: G.button,
               size: "s",
               onClick: () => {
-                const c = [...s];
-                for (let v = 0; v < w.length; v++)
-                  if (!s.find((I) => I.listingId === w[v].id)) {
-                    c.push({
-                      listingId: w[v].id,
-                      image: w[v].productData.images.length > 0 ? w[v].productData.images[0].cfId : ""
+                const p = [...n];
+                for (let j = 0; j < $.length; j++)
+                  if (!n.find((A) => A.listingId === $[j].id)) {
+                    p.push({
+                      listingId: $[j].id,
+                      image: $[j].productData.images.length > 0 ? $[j].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                i(c);
+                i(p);
               },
-              disabled: s.length === w.length,
+              disabled: n.length === (M || $.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  g,
+                  f,
                   {
                     name: "Plus",
                     width: 16,
@@ -1398,99 +1399,99 @@ const si = (d) => {
         }
       )
     ] }),
-    n && m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m })
+    s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
   ] });
-}, ps = "_options_6cemk_1", _s = "_price_6cemk_12", gs = "_oldPrice_6cemk_19", fs = "_newPrice_6cemk_27", xs = "_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,
-  price: _s,
-  oldPrice: gs,
-  newPrice: fs,
-  animate: xs,
-  appearAndBounce: bs,
-  meta: js,
-  info: vs,
-  infoRight: ys,
-  buttons: Ns,
-  variants: ks,
-  variant: Is,
-  stock: Cs,
-  variantInfo: Ss,
-  quantity: ws,
-  count: Bs,
-  focused: $s,
-  button: Ps,
-  activeVariant: Ms,
-  chargeTypes: Ts,
-  charge: qs,
-  chargeActive: As,
-  title: Os
+}, 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__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(It || {});
-const ni = (d) => {
-  var x, B;
-  const { variants: n } = d, [e, s] = _.useState(n[0]), [i, m] = _.useState(e.chargeTypes[0]), h = lt(), [o, u] = _.useState(1), { reset: f, addProductToCart: $ } = jt(), [l, r] = _.useState(!1);
+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 } = vt(), [c, l] = _.useState(!1);
   _.useEffect(() => {
-    r(!0);
-    const a = setTimeout(() => r(!1), 600);
+    l(!0);
+    const a = setTimeout(() => l(!1), 600);
     return () => clearTimeout(a);
   }, [o]);
   async function T() {
-    await $({
-      productId: d.id,
+    await S({
+      productId: r.id,
       productVariantId: e.id,
       quantity: o
     });
   }
-  function w() {
-    f(), T(), h("/checkout");
+  function $() {
+    g(), T(), u("/checkout");
   }
-  function C(a) {
+  function M(a) {
     if (a >= 864e5) {
-      const S = Math.floor(a / 864e5);
-      return `${S} ${S === 1 ? "day" : "days"}`;
+      const C = Math.floor(a / 864e5);
+      return `${C} ${C === 1 ? "day" : "days"}`;
     } else if (a >= 36e5) {
-      const S = Math.floor(a / 36e5);
-      return `${S} ${S === 1 ? "hour" : "hours"}`;
+      const C = Math.floor(a / 36e5);
+      return `${C} ${C === 1 ? "hour" : "hours"}`;
     } else if (a >= 6e4) {
-      const S = Math.floor(a / 6e4);
-      return `${S} ${S === 1 ? "minute" : "minutes"}`;
+      const C = Math.floor(a / 6e4);
+      return `${C} ${C === 1 ? "minute" : "minutes"}`;
     } else {
-      const S = Math.floor(a / 1e3);
-      return `${S} ${S === 1 ? "second" : "seconds"}`;
+      const C = Math.floor(a / 1e3);
+      return `${C} ${C === 1 ? "second" : "seconds"}`;
     }
   }
   return _.useEffect(() => {
-    (e.quantity.available === 0 || !e.quantity.available) && u(0);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: k.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
+    (e.quantity.available === 0 || !e.quantity.available) && m(0);
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: G(k.charge, {
-          [k.chargeActive]: i === a
+        className: W(N.charge, {
+          [N.chargeActive]: i === a
         }),
-        onClick: () => m(a),
-        children: It[a]
+        onClick: () => d(a),
+        children: Ct[a]
       },
       a
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: n.map((a) => {
+    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: s.map((a) => {
       var b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: G(k.variant, {
-            [k.activeVariant]: e.id === a.id
+          className: W(N.variant, {
+            [N.activeVariant]: e.id === a.id
           }),
-          onClick: () => s(a),
+          onClick: () => n(a),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: k.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: N.title, children: a.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
                 i === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: k.stock, children: [
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
               ((b = a.quantity.restrictions) == null ? void 0 : b.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
@@ -1499,27 +1500,27 @@ const ni = (d) => {
         a.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
       /* @__PURE__ */ t.jsx(
         H,
         {
           type: "Secondary",
           onClick: () => {
-            o > 1 ? u((a) => a - 1) : u(1);
+            o > 1 ? m((a) => a - 1) : m(1);
           },
-          className: k.button,
+          className: N.button,
           disabled: e.quantity.available === 0 || e.quantity.restrictions && o <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
-          children: /* @__PURE__ */ t.jsx(g, { name: "Minus" })
+          children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Mt,
+        Tt,
         {
           type: "number",
           value: String(o),
-          onChange: (a) => u(Number(a)),
+          onChange: (a) => m(Number(a)),
           max: ((x = e.quantity.restrictions) == null ? void 0 : x.max) || e.quantity.available || 1 / 0,
-          min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
+          min: ((k = e.quantity.restrictions) == null ? void 0 : k.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
@@ -1529,20 +1530,20 @@ const ni = (d) => {
         {
           type: "Secondary",
           onClick: () => {
-            u((a) => a + 1);
+            m((a) => a + 1);
           },
-          className: k.button,
+          className: N.button,
           disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available !== void 0 && o >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
-          children: /* @__PURE__ */ t.jsx(g, { name: "Plus" })
+          children: /* @__PURE__ */ t.jsx(f, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: k.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: k.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            g,
+            f,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1550,44 +1551,44 @@ const ni = (d) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : C(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : M(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__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: G(k.newPrice, { [k.animate]: l }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
             "$ ",
             (e.price.amount || 0) * o
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
           "$ ",
           (e.price.amount || 0) * o
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
       /* @__PURE__ */ t.jsx(
         H,
         {
           type: "Primary",
-          onClick: () => w(),
+          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"
         }
@@ -1603,59 +1604,59 @@ const ni = (d) => {
       )
     ] })
   ] });
-}, Es = "_button_1tdo3_1", Rs = "_login_1tdo3_14", Ls = "_signUp_1tdo3_18", Ds = "_buttons_1tdo3_23", Hs = "_modal_1tdo3_32", Us = "_closing_1tdo3_64", zs = "_info_1tdo3_113", Fs = "_top_1tdo3_120", Vs = "_title_1tdo3_131", Ys = "_clear_1tdo3_138", Gs = "_activeClear_1tdo3_145", Ws = "_count_1tdo3_149", Js = "_cart_1tdo3_164", Xs = "_empty_1tdo3_172", Qs = "_product_1tdo3_198", Ks = "_products_1tdo3_207", Zs = "_image_1tdo3_215", tn = "_productInfo_1tdo3_221", en = "_content_1tdo3_228", sn = "_name_1tdo3_234", nn = "_price_1tdo3_240", on = "_productButtons_1tdo3_246", an = "_productButton_1tdo3_246", cn = "_productCount_1tdo3_266", ln = "_bottom_1tdo3_282", rn = "_subtotal_1tdo3_290", dn = "_block_1tdo3_298", un = "_shoppingCount_1tdo3_305", mn = "_total_1tdo3_325", hn = "_link_1tdo3_331", pn = "_userInfo_1tdo3_338", _n = "_pagesMobileModal_1tdo3_349", gn = "_pagesMobileModalContent_1tdo3_363", fn = "_pagesMobileModalHeader_1tdo3_369", xn = "_pagesMobileModalFooter_1tdo3_379", y = {
-  button: Es,
-  login: Rs,
-  signUp: Ls,
-  buttons: Ds,
-  modal: Hs,
+}, 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: Fn,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Us,
+  closing: Vn,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: zs,
-  top: Fs,
-  title: Vs,
-  clear: Ys,
-  activeClear: Gs,
-  count: Ws,
-  cart: Js,
-  empty: Xs,
-  product: Qs,
-  products: Ks,
-  image: Zs,
-  productInfo: tn,
-  content: en,
-  name: sn,
-  price: nn,
-  productButtons: on,
-  productButton: an,
-  productCount: cn,
-  bottom: ln,
-  subtotal: rn,
-  block: dn,
-  shoppingCount: un,
-  total: mn,
-  link: hn,
-  userInfo: pn,
-  pagesMobileModal: _n,
-  pagesMobileModalContent: gn,
-  pagesMobileModalHeader: fn,
-  pagesMobileModalFooter: xn
-}, ii = (d) => {
-  const { shopping: n, signUp: e, isShowUserInfo: s = !0 } = d;
+  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: [
-    n && /* @__PURE__ */ t.jsx(bn, {}),
-    s && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
+    s && /* @__PURE__ */ t.jsx(vs, {}),
+    n && /* @__PURE__ */ t.jsx(St, { signUp: e })
   ] });
-}, bn = () => {
-  const [d, n] = _.useState(!1), [e, s] = _.useState([]), { cart: i } = jt();
-  function m(f) {
-    var $;
-    return !f || !(f != null && f.variants) ? !1 : ($ = f.variants.find((l) => l.id === f.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
+}, 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;
   }
-  const h = i.parts.length > 0 && e.length > 0 && !m(e[0]), [o, u] = _.useState(!1);
+  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(
       H,
@@ -1664,67 +1665,67 @@ const ni = (d) => {
         style: {
           padding: 10
         },
-        onClick: (f) => {
-          f.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), u(!0));
+        onClick: (g) => {
+          g.stopPropagation(), window.location.pathname.includes("/admin/builder") || (s(!0), m(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            g,
+            f,
             {
               name: "Handbag",
               fill: "var(--icon-primary)"
             }
           ),
-          h && /* @__PURE__ */ t.jsx("div", { className: y.shoppingCount, children: i.parts.length })
+          u && /* @__PURE__ */ t.jsx("div", { className: y.shoppingCount, children: i.parts.length })
         ]
       }
     ),
-    d && /* @__PURE__ */ t.jsx(
-      vt,
+    r && /* @__PURE__ */ t.jsx(
+      yt,
       {
         close: () => {
-          u(!1), setTimeout(() => {
-            n(!1);
+          m(!1), setTimeout(() => {
+            s(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          jn,
+          ys,
           {
             activeProducts: e,
-            isCartNotEmpty: h,
+            isCartNotEmpty: u,
             isOpen: o
           }
         )
       }
     )
   ] });
-}, jn = (d) => {
-  const { activeProducts: n, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: m, getTotalAndDiscount: h, updateQuantityOfProduct: o } = jt(), u = lt();
-  function f(r) {
-    u(r);
+}, 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);
   }
-  function $(r) {
+  function S(l) {
     o({
-      productId: r.id,
-      productVariantId: r.activeVariantId,
-      quantity: r.quantity + 1
+      productId: l.id,
+      productVariantId: l.activeVariantId,
+      quantity: l.quantity + 1
     });
   }
-  function l(r) {
+  function c(l) {
     o({
-      productId: r.id,
-      productVariantId: r.activeVariantId,
-      quantity: r.quantity - 1
+      productId: l.id,
+      productVariantId: l.activeVariantId,
+      quantity: l.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: G(y.modal, {
-        [y.closing]: !s
+      className: W(y.modal, {
+        [y.closing]: !n
       }),
-      onClick: (r) => r.stopPropagation(),
+      onClick: (l) => l.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: y.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: y.info, children: [
@@ -1734,17 +1735,17 @@ const ni = (d) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: G(y.clear, {
+              className: W(y.clear, {
                 [y.activeClear]: e
               }),
               disabled: !e,
-              onClick: m,
+              onClick: d,
               children: "Clear all"
             }
           )
         ] }),
         e ? /* @__PURE__ */ t.jsxs("div", { className: y.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: y.products, children: n.map((r) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: y.products, children: s.map((l) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: y.product,
@@ -1753,7 +1754,7 @@ const ni = (d) => {
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${r.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${l.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
@@ -1761,10 +1762,10 @@ const ni = (d) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsxs("div", { className: y.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: y.name, children: r.name }),
+                    /* @__PURE__ */ t.jsx("div", { className: y.name, children: l.name }),
                     /* @__PURE__ */ t.jsxs("div", { className: y.price, children: [
                       "$",
-                      r.variants.find((T) => T.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
+                      l.variants.find((T) => T.id === l.activeVariantId).price.amount * ((l == null ? void 0 : l.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -1773,11 +1774,11 @@ const ni = (d) => {
                     "div",
                     {
                       onClick: () => {
-                        r.quantity !== 1 && l(r);
+                        l.quantity !== 1 && c(l);
                       },
                       className: y.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        g,
+                        f,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1787,14 +1788,14 @@ const ni = (d) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: y.productCount, children: r.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: y.productCount, children: l.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => $(r),
+                      onClick: () => S(l),
                       className: y.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        g,
+                        f,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1807,14 +1808,14 @@ const ni = (d) => {
                 ] })
               ]
             },
-            r.id
+            l.id
           )) }),
           /* @__PURE__ */ t.jsxs("div", { className: y.bottom, children: [
             /* @__PURE__ */ t.jsxs("div", { className: y.subtotal, children: [
               /* @__PURE__ */ t.jsxs("div", { className: y.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  g,
+                  f,
                   {
                     name: "Info",
                     width: 20,
@@ -1825,18 +1826,18 @@ const ni = (d) => {
               ] }),
               /* @__PURE__ */ t.jsxs("div", { className: y.total, children: [
                 "$",
-                h().total
+                u().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(H, { onClick: () => f("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(H, { onClick: () => g("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(vn, {})
+        ] }) : /* @__PURE__ */ t.jsx(Ns, {})
       ]
     }
   );
-}, vn = () => /* @__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(
-    g,
+    f,
     {
       name: "Handbag",
       fill: "var(--icon-secondary)"
@@ -1855,18 +1856,18 @@ const ni = (d) => {
       }
     )
   ] })
-] }), 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);
+] }), 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);
   }
-  if (!s)
+  if (!n)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         H,
         {
           onClick: () => {
-            m("/customer-dash"), n == null || n();
+            d("/customer-dash"), s == null || s();
           },
           type: "Secondary",
           style: {
@@ -1875,11 +1876,11 @@ const ni = (d) => {
           children: "Login"
         }
       ),
-      d && /* @__PURE__ */ t.jsx(
+      r && /* @__PURE__ */ t.jsx(
         H,
         {
           onClick: () => {
-            m("/customer-dash"), n == null || n();
+            d("/customer-dash"), s == null || s();
           },
           type: "Primary",
           style: {
@@ -1890,29 +1891,29 @@ const ni = (d) => {
         }
       )
     ] });
-  const [h, o] = _.useState("test-email@gmail.com");
+  const [u, o] = _.useState("test-email@gmail.com");
   return _.useEffect(() => {
     (async () => {
-      const f = Tt(s);
-      o(f.email);
+      const g = qt(n);
+      o(g.email);
     })();
-  }, [s]), /* @__PURE__ */ t.jsx(
+  }, [n]), /* @__PURE__ */ t.jsx(
     "div",
     {
       className: y.userInfo,
       onClick: () => {
-        m("/customer-dash"), n == null || n();
+        d("/customer-dash"), s == null || s();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: h || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
     }
   );
-}, yn = ({
-  children: d,
-  logo: n,
+}, ks = ({
+  children: r,
+  logo: s,
   setIsOpen: e,
-  signUp: s
+  signUp: n
 }) => {
-  const { setIsOpen: i } = Nt(), m = () => {
+  const { setIsOpen: i } = kt(), d = () => {
     i(!1), setTimeout(() => {
       e(!1), i(!0);
     }, 300);
@@ -1921,17 +1922,17 @@ const ni = (d) => {
     "div",
     {
       className: y.pagesMobileModal,
-      onClick: (h) => h.stopPropagation(),
+      onClick: (u) => u.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: y.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: n }),
+          /* @__PURE__ */ t.jsx("div", { children: s }),
           /* @__PURE__ */ t.jsx(
             H,
             {
               type: "Secondary",
-              onClick: m,
+              onClick: d,
               children: /* @__PURE__ */ t.jsx(
-                g,
+                f,
                 {
                   name: "X",
                   fill: "var(--icon-primary)"
@@ -1940,37 +1941,37 @@ const ni = (d) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: d }),
+        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: r }),
         /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Ct,
+          St,
           {
-            signUp: s,
-            close: m
+            signUp: n,
+            close: d
           }
         ) })
       ]
     }
   );
-}, oi = ({
-  children: d,
-  logo: n,
+}, di = ({
+  children: r,
+  logo: s,
   signUp: e
 }) => {
-  const [s, i] = _.useState(!1);
+  const [n, i] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Nn, { setIsOpenModal: i }),
-    s && /* @__PURE__ */ t.jsx(vt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
-      yn,
+    /* @__PURE__ */ t.jsx(Is, { setIsOpenModal: i }),
+    n && /* @__PURE__ */ t.jsx(yt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
+      ks,
       {
-        logo: n,
+        logo: s,
         setIsOpen: i,
         signUp: e,
-        children: d
+        children: r
       }
     ) })
   ] });
-}, Nn = (d) => {
-  const { setIsOpenModal: n } = d;
+}, Is = (r) => {
+  const { setIsOpenModal: s } = r;
   return /* @__PURE__ */ t.jsx(
     H,
     {
@@ -1979,10 +1980,10 @@ const ni = (d) => {
         padding: 10
       },
       onClick: (e) => {
-        e.stopPropagation(), n(!0);
+        e.stopPropagation(), s(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        g,
+        f,
         {
           name: "List",
           fill: "var(--icon-primary)"
@@ -1990,34 +1991,34 @@ const ni = (d) => {
       )
     }
   );
-}, kn = "_share_10urc_1", In = "_modal_10urc_9", Cn = "_header_10urc_21", Sn = "_socials_10urc_31", wn = "_social_10urc_31", Bn = "_copy_10urc_41", $n = "_title_10urc_48", Pn = "_copyWrapper_10urc_54", Mn = "_copyText_10urc_63", Tn = "_copyTextMobile_10urc_76", qn = "_copyTextMiniMobile_10urc_95", Z = {
-  share: kn,
-  modal: In,
-  header: Cn,
-  socials: Sn,
-  social: wn,
-  copy: Bn,
-  title: $n,
-  copyWrapper: Pn,
-  copyText: Mn,
-  copyTextMobile: Tn,
-  copyTextMiniMobile: qn
-}, ai = () => {
-  const { isOpenModal: d, setIsOpenModal: n } = kt();
-  function e() {
-    n(!0);
+}, 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(
       H,
       {
-        className: Z.share,
-        onClick: (s) => {
-          s.stopPropagation(), e();
+        className: tt.share,
+        onClick: (i) => {
+          i.stopPropagation(), n();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          g,
+          f,
           {
             name: "Share",
             fill: "#757575",
@@ -2026,55 +2027,55 @@ const ni = (d) => {
         )
       }
     ),
-    d && /* @__PURE__ */ t.jsx(vt, { close: n, children: /* @__PURE__ */ t.jsx(An, {}) })
+    s && /* @__PURE__ */ t.jsx(yt, { close: e, children: /* @__PURE__ */ t.jsx(Es, { title: r }) })
   ] });
-}, An = () => {
-  const { setIsOpenModal: d } = kt(), { notification: n, setNotification: e } = qt(), { setIsOpen: s } = Nt(), i = window.location.href;
-  function m() {
-    navigator.clipboard.writeText(i), e({
+}, 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",
       status: "success"
     });
   }
-  function h() {
-    s(!1), setTimeout(() => {
-      d(!1), s(!0);
+  function o() {
+    i(!1), setTimeout(() => {
+      s(!1), i(!0);
     }, 300);
   }
-  function o(u, f) {
-    return u.length > f ? u.slice(0, f) + "..." : u;
+  function m(g, S) {
+    return g.length > S ? g.slice(0, S) + "..." : g;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Z.modal,
-      onClick: (u) => u.stopPropagation(),
+      className: tt.modal,
+      onClick: (g) => g.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: Z.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: Z.title, children: "Copy Product Link" }),
+        /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: tt.title, children: r }),
           /* @__PURE__ */ t.jsx(
-            g,
+            f,
             {
               name: "X",
               fill: "#757575",
-              onClick: h,
+              onClick: o,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: Z.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
             H,
             {
               type: "Secondary",
-              onClick: m,
+              onClick: u,
               style: {
                 flex: 1
               },
               children: [
-                /* @__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) })
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: m(d, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: m(d, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: m(d, 20) })
               ]
             }
           ),
@@ -2082,35 +2083,35 @@ const ni = (d) => {
             H,
             {
               type: "Secondary",
-              onClick: m,
-              children: n ? /* @__PURE__ */ t.jsx(g, { name: "Check" }) : /* @__PURE__ */ t.jsx(g, { name: "Copy" })
+              onClick: u,
+              children: e ? /* @__PURE__ */ t.jsx(f, { name: "Check" }) : /* @__PURE__ */ t.jsx(f, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, On = "_accordion_1s1lq_1", En = "_header_1s1lq_9", Rn = "_icon_1s1lq_18", Ln = "_open_1s1lq_21", Dn = "_content_1s1lq_25", st = {
-  accordion: On,
-  header: En,
-  icon: Rn,
-  open: Ln,
-  content: Dn
-}, ci = ({ title: d, content: n, defaultOpen: e = !1 }) => {
-  const [s, i] = _.useState(e), [m, h] = _.useState(0), o = _.useRef(null), u = () => {
-    i(!s);
+}, 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);
   };
   return _.useEffect(() => {
-    o.current && h(s ? o.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: st.accordion, children: [
+    o.current && u(n ? o.current.scrollHeight : 0);
+  }, [n]), /* @__PURE__ */ t.jsxs("div", { className: nt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: st.header,
-        onClick: u,
+        className: nt.header,
+        onClick: m,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: d }),
-          /* @__PURE__ */ t.jsx("div", { className: G(st.icon, { [st.open]: s }), children: /* @__PURE__ */ t.jsx(g, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
+          /* @__PURE__ */ t.jsx("div", { className: W(nt.icon, { [nt.open]: n }), children: /* @__PURE__ */ t.jsx(f, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2118,13 +2119,13 @@ const ni = (d) => {
       "div",
       {
         ref: o,
-        className: st.content,
-        style: { height: `${m}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: n })
+        className: nt.content,
+        style: { height: `${d}px` },
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: s })
       }
     )
   ] });
-}, li = ({ children: d, path: n, className: e, target: s = "_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",
@@ -2133,11 +2134,11 @@ const ni = (d) => {
         role: "link",
         style: { cursor: "pointer" },
         id: i,
-        children: d
+        children: r
       }
     );
-  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 }));
+  const d = lt(), u = /^https?:\/\//.test(s), o = (m) => {
+    u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.location.href = s : (m.preventDefault(), d(s, { replace: !0 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -2147,13 +2148,13 @@ const ni = (d) => {
       role: "link",
       style: { cursor: "pointer" },
       id: i,
-      children: d
+      children: r
     }
   );
-}, Hn = "_buttonsBlock_1b2rb_1", Un = "_slideUp_1b2rb_1", zn = {
-  buttonsBlock: Hn,
-  slideUp: Un
-}, ri = () => /* @__PURE__ */ t.jsxs("div", { className: zn.buttonsBlock, children: [
+}, Hs = "_buttonsBlock_1b2rb_1", Fs = "_slideUp_1b2rb_1", Vs = {
+  buttonsBlock: Hs,
+  slideUp: Fs
+}, pi = () => /* @__PURE__ */ t.jsxs("div", { className: Vs.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
     H,
     {
@@ -2165,22 +2166,61 @@ const ni = (d) => {
     }
   ),
   /* @__PURE__ */ t.jsx(H, { type: "Secondary", children: "Buy" })
-] }), Fn = "_wrapper_st58d_1", Vn = "_label_st58d_10", Yn = "_textarea_st58d_18", Gn = "_length_st58d_33", ct = {
-  wrapper: Fn,
-  label: Vn,
-  textarea: Yn,
-  length: Gn
-}, di = (d) => {
+] }), 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: n,
+    onChange: s,
     label: e,
-    value: s,
+    value: n,
     maxLength: i,
-    placeholder: m = "Type something...",
-    type: h = "text"
-  } = d, [o, u] = _.useState(s.length);
-  function f($) {
-    return h === "number" ? $.replace(/[^\d\n]+/g, "") : $;
+    placeholder: d = "Type something...",
+    type: u = "text"
+  } = r, [o, m] = _.useState(n.length);
+  function g(S) {
+    return u === "number" ? S.replace(/[^\d\n]+/g, "") : S;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: ct.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
@@ -2195,12 +2235,12 @@ const ni = (d) => {
       "textarea",
       {
         id: e,
-        value: s,
-        onChange: ($) => {
-          const l = f($.target.value);
-          u(l.length), n(l);
+        value: n,
+        onChange: (S) => {
+          const c = g(S.target.value);
+          m(c.length), s(c);
         },
-        placeholder: m,
+        placeholder: d,
         className: ct.textarea,
         maxLength: i
       }
@@ -2213,40 +2253,41 @@ const ni = (d) => {
   ] });
 };
 export {
-  ci as Accordion,
-  Nn as BurgerMenuButton,
+  mi as Accordion,
+  Is as BurgerMenuButton,
   H as Button,
-  ms as ButtonTypeSettings,
-  ei as ButtonsSettings,
-  Kn as CategorySettings,
-  wt as ChooseImage,
-  hi as ChooseImageModal,
-  vn as EmptyCart,
-  ti as FormSettings,
-  ii as HeaderButtons,
-  g as Icon,
-  dt as InputSettings,
-  Mt as InputUI,
-  pi as ItemsSettings,
-  Qn as LayoutSettings,
-  li as Link,
-  si as ListingSelector,
-  _i as Loader,
-  vt as Modal,
-  oi as PagesMobileMenu,
-  yn as PagesMobileModal,
-  Zn as PagesSettings,
-  ri as ProductCardButtons,
-  ni as ProductOptions,
-  yt as RangeSelector,
+  _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,
+  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,
-  bn as ShoppingButton,
-  jn 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
 };