@billgangcom/theme-lib 1.65.0 → 1.65.2

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, c as V, a as yt, u as ut, d as mt, P as ht, S as ot, R as St, D as pt, e as _t, v as gt, B as ct, O as It, f as rt, g as ft, C as xt, h as H, i as Pt, k as at, l as Tt, m as lt, n as Mt, o as jt, p as G, L as At, r as vt, t as dt, s as Nt, w as F, x as Ot, M as kt, y as $t, z as Et, A as wt, E as qt, F as Dt, G as Rt } from "./index-BPn2qi_o.js";
-import { Q as Zi, J as ta, N as ea, H as na, T as sa, K as ia } from "./index-BPn2qi_o.js";
+import { j as t, I as v, c as V, a as yt, u as ut, d as mt, P as ht, S as ot, R as St, D as pt, e as _t, v as gt, B as ct, O as It, f as rt, g as st, h as ft, C as xt, i as H, k as Pt, l as Tt, m as lt, n as Mt, o as jt, p as G, L as At, r as vt, t as dt, s as Nt, w as F, x as Ot, M as kt, y as $t, z as Et, A as wt, E as qt, F as Dt, G as Rt } from "./index-CMw6nNKj.js";
+import { Q as Zi, J as ta, N as ea, H as na, T as sa, K as ia } from "./index-CMw6nNKj.js";
 import x from "react";
 import "@phosphor-icons/react";
 const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmyb_15", Vt = "_subtitle_1vmyb_22", Ut = "_alignmentContent_1vmyb_29", Ht = "_alignments_1vmyb_37", Yt = "_alignment_1vmyb_8", Wt = "_circle_1vmyb_60", Gt = "_paddings_1vmyb_67", Qt = "_padding_1vmyb_67", Xt = "_active_1vmyb_91", Jt = "_input_1vmyb_98", J = {
@@ -79,7 +79,7 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
             children: [
               l !== s && r !== l && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
               l !== s && r === l && /* @__PURE__ */ t.jsx(
-                j,
+                v,
                 {
                   name: c(r),
                   fill: "#c2c2c2",
@@ -88,7 +88,7 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
                 }
               ),
               l === s && /* @__PURE__ */ t.jsx(
-                j,
+                v,
                 {
                   name: c(s),
                   fill: "#FF3F19",
@@ -114,7 +114,7 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                j,
+                v,
                 {
                   name: u(l),
                   width: 20,
@@ -207,7 +207,7 @@ const Ei = (o) => {
     addable: B = !0,
     itemsOptions: l,
     hasRangeSelector: a = !1,
-    rangeSelectorOptions: b,
+    rangeSelectorOptions: j,
     limit: d,
     autoScrollInterval: S,
     deletable: g
@@ -217,9 +217,9 @@ const Ei = (o) => {
         distance: 5
       }
     })
-  ), q = (v) => {
+  ), q = (y) => {
     console.log("Trigger?");
-    const { active: M, over: O } = v;
+    const { active: M, over: O } = y;
     if (O && M.id !== O.id) {
       const I = n.findIndex(($) => $ === M.id), h = n.findIndex(($) => $ === O.id);
       if (I !== -1 && h !== -1) {
@@ -228,18 +228,18 @@ const Ei = (o) => {
       }
     }
   };
-  function E(v) {
+  function E(y) {
     if (p)
-      return v ? /* @__PURE__ */ t.jsx(
+      return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${v[0]}/w=1000`,
+          src: `https://imagedelivery.net/${y[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "Image",
           width: 16,
@@ -248,12 +248,12 @@ const Ei = (o) => {
         }
       );
   }
-  const f = (v, M = !1) => {
-    const O = l.find((h) => h.id === v);
+  const f = (y, M = !1) => {
+    const O = l.find((h) => h.id === y);
     if (!O) return;
     const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -267,7 +267,7 @@ const Ei = (o) => {
           onChange: (h) => {
             const $ = [...n], P = l.find((A) => A.name === h);
             if (!P) return;
-            const y = P.id, N = $.map((A) => A === v ? y : A);
+            const b = P.id, N = $.map((A) => A === y ? b : A);
             i([...N]);
           },
           value: O.name,
@@ -276,31 +276,31 @@ const Ei = (o) => {
         }
       ),
       M && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(n.filter((h) => h !== v))
+          onClick: () => i(n.filter((h) => h !== y))
         }
       ) }) })
     ] });
     return m ? /* @__PURE__ */ t.jsx(
       Ie,
       {
-        id: v,
+        id: y,
         children: I
       },
-      v
+      st()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Q.product,
         children: I
       },
-      v
+      st()
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
@@ -310,11 +310,11 @@ const Ei = (o) => {
         ot,
         {
           current: s,
-          onChange: (v) => e == null ? void 0 : e(v)
+          onChange: (y) => e == null ? void 0 : e(y)
         }
       )
     ] }),
-    a && b && /* @__PURE__ */ t.jsx(St, { ...b }),
+    a && j && /* @__PURE__ */ t.jsx(St, { ...j }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
       r && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: r }),
       m ? /* @__PURE__ */ t.jsx(
@@ -327,11 +327,11 @@ const Ei = (o) => {
             {
               items: n,
               strategy: gt,
-              children: n.map((v) => f(v, g))
+              children: n.map((y) => f(y, g))
             }
           )
         }
-      ) : n.map((v) => f(v, g)),
+      ) : n.map((y) => f(y, g)),
       B && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -351,7 +351,7 @@ const Ei = (o) => {
               size: "s",
               disabled: !!(d && d <= n.length || n.length === l.length),
               onClick: () => {
-                const v = [...n];
+                const y = [...n];
                 let M = null;
                 if (l) {
                   for (let O = 0; O < l.length; O++)
@@ -360,7 +360,7 @@ const Ei = (o) => {
                       break;
                     }
                 }
-                v.push((M == null ? void 0 : M.id) || l[0].id), i(v);
+                y.push((M == null ? void 0 : M.id) || l[0].id), i(y);
               },
               style: {
                 width: "fit-content"
@@ -368,7 +368,7 @@ const Ei = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -388,7 +388,7 @@ const Ei = (o) => {
         label: "Auto scroll interval",
         type: "number",
         value: String(S.scrollInterval),
-        onChange: (v) => S.setScrollInterval(Number(v)),
+        onChange: (y) => S.setScrollInterval(Number(y)),
         min: 0.1,
         max: 100,
         style: {
@@ -464,7 +464,7 @@ const Di = (o) => {
     addable: B = !0,
     itemsType: l,
     itemsOptions: a,
-    addableOptions: b = {},
+    addableOptions: j = {},
     limit: d
   } = o, [S, g] = x.useState(null), [k, q] = x.useState(null), E = x.useRef(null), f = ut(
     mt(ht, {
@@ -481,7 +481,7 @@ const Di = (o) => {
   }, [S]), x.useEffect(() => {
     E.current && k && (E.current.getBoundingClientRect().height, k.top);
   }, [E.current, k]);
-  const v = (I, h) => {
+  const y = (I, h) => {
     I.stopPropagation();
     const $ = I.target.getBoundingClientRect();
     q({
@@ -491,16 +491,16 @@ const Di = (o) => {
   }, M = (I) => {
     const { active: h, over: $ } = I;
     if ($ && h.id !== $.id) {
-      const P = n.findIndex((N) => N.id === h.id), y = n.findIndex((N) => N.id === $.id);
-      if (P !== -1 && y !== -1) {
+      const P = n.findIndex((N) => N.id === h.id), b = n.findIndex((N) => N.id === $.id);
+      if (P !== -1 && b !== -1) {
         const N = [...n], [A] = N.splice(P, 1);
-        N.splice(y, 0, A), i(N);
+        N.splice(b, 0, A), i(N);
       }
     }
   }, O = (I, h) => {
     const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -512,9 +512,9 @@ const Di = (o) => {
         rt,
         {
           onChange: (P) => {
-            const y = [...n], N = a.find((U) => U.name === P);
+            const b = [...n], N = a.find((U) => U.name === P);
             if (!N) return;
-            const A = y.map((U) => U.id === I.id ? {
+            const A = b.map((U) => U.id === I.id ? {
               ...N,
               name: {
                 "en-US": P
@@ -528,22 +528,22 @@ const Di = (o) => {
             }), i([...A]);
           },
           value: I.name,
-          options: a.filter((P) => !n.find((y) => y.name === P.name)).map((P) => P.name)
+          options: a.filter((P) => !n.find((b) => b.name === P.name)).map((P) => P.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
         r && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => v(P, I)
+            onClick: (P) => y(P, I)
           }
         ) }),
         p && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Trash",
             hoverable: !0,
@@ -630,7 +630,7 @@ const Di = (o) => {
                 l === "select" && a && I.push({
                   name: h ? h.name : a[0].name,
                   id: (h == null ? void 0 : h.id) || a[0].id,
-                  ...b
+                  ...j
                 }), i(I);
               },
               style: {
@@ -639,7 +639,7 @@ const Di = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -687,7 +687,7 @@ const Ri = (o) => {
     withImage: B = !1,
     deletable: l = !0,
     addable: a = !0,
-    itemsType: b,
+    itemsType: j,
     itemsPlaceholder: d = "",
     itemsOptions: S,
     hasRangeSelector: g = !1,
@@ -695,10 +695,10 @@ const Ri = (o) => {
     modalOptions: q,
     addableOptions: E = {},
     limit: f
-  } = o, [v, M] = x.useState(null), [O, I] = x.useState({
+  } = o, [y, M] = x.useState(null), [O, I] = x.useState({
     top: 0,
     left: 0
-  }), [h, $] = x.useState(null), P = x.useRef(null), [y, N] = x.useState(!1), A = ut(
+  }), [h, $] = x.useState(null), P = x.useRef(null), [b, N] = x.useState(!1), A = ut(
     mt(ht, {
       activationConstraint: {
         distance: 5
@@ -713,11 +713,11 @@ const Ri = (o) => {
       M(null), N(!1), document.body.removeEventListener("click", _);
     };
   }, []), x.useEffect(() => {
-    if (v) {
-      const _ = [...n].map((R) => R.id === v.id ? v : R);
+    if (y) {
+      const _ = [...n].map((R) => R.id === y.id ? y : R);
       i(_);
     }
-  }, [v]), x.useEffect(() => {
+  }, [y]), x.useEffect(() => {
     if (P.current && h) {
       const _ = P.current.getBoundingClientRect().height, R = window.innerHeight;
       let T = h.top;
@@ -746,7 +746,7 @@ const Ri = (o) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "Image",
           width: 16,
@@ -768,7 +768,7 @@ const Ri = (o) => {
     var T;
     const R = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -776,7 +776,7 @@ const Ri = (o) => {
           height: 20
         }
       ) }),
-      b === "select" && S && /* @__PURE__ */ t.jsx(
+      j === "select" && S && /* @__PURE__ */ t.jsx(
         rt,
         {
           onChange: (L) => {
@@ -800,7 +800,7 @@ const Ri = (o) => {
           leftAddon: D(_.images)
         }
       ),
-      b === "input" && /* @__PURE__ */ t.jsx(
+      j === "input" && /* @__PURE__ */ t.jsx(
         yt,
         {
           onChange: (L) => {
@@ -816,7 +816,7 @@ const Ri = (o) => {
           placeholder: d
         }
       ),
-      b === "image" && /* @__PURE__ */ t.jsx(
+      j === "image" && /* @__PURE__ */ t.jsx(
         Tt,
         {
           onChange: (L) => {
@@ -831,7 +831,7 @@ const Ri = (o) => {
       ),
       /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
@@ -841,7 +841,7 @@ const Ri = (o) => {
           }
         ) }),
         l && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Trash",
             hoverable: !0,
@@ -880,11 +880,11 @@ const Ri = (o) => {
         }
       )
     ] }),
-    v && m && q && y && /* @__PURE__ */ t.jsx(
+    y && m && q && b && /* @__PURE__ */ t.jsx(
       Pt,
       {
         ref: P,
-        activeItem: v,
+        activeItem: y,
         setActiveItem: M,
         popupPosition: O,
         modalOptions: q,
@@ -936,26 +936,26 @@ const Ri = (o) => {
                       break;
                     }
                 }
-                b === "select" && S ? _.push({
+                j === "select" && S ? _.push({
                   name: {
                     "en-US": R || S[0]
                   },
-                  id: at(),
+                  id: st(),
                   ...E,
                   maxSymbols: 100
                   // пример значения
-                }) : b === "input" ? _.push({
+                }) : j === "input" ? _.push({
                   name: {
                     "en-US": ""
                   },
-                  id: at(),
+                  id: st(),
                   ...E,
                   maxSymbols: 100
                 }) : _.push({
                   name: {
                     "en-US": `Image ${n.length + 1}`
                   },
-                  id: at(),
+                  id: st(),
                   ...E,
                   maxSymbols: 100
                 }), i(_);
@@ -966,7 +966,7 @@ const Ri = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -1008,22 +1008,22 @@ const Ri = (o) => {
   const { buttons: s, setButtons: e, deletable: n = !0, addable: i = !0, editableLink: c = !0 } = o, { pages: u } = lt(), [r, m] = x.useState(null), [p, B] = x.useState({
     top: 0,
     left: 0
-  }), [l, a] = x.useState(null), b = x.useRef(null);
+  }), [l, a] = x.useState(null), j = x.useRef(null);
   x.useEffect(() => {
     if (r) {
       const g = [...s].map((k) => k.id === r.id ? r : k);
       e(g);
     }
   }, [r]), x.useEffect(() => {
-    if (b.current && l) {
-      const g = b.current.getBoundingClientRect().height, k = window.innerHeight;
+    if (j.current && l) {
+      const g = j.current.getBoundingClientRect().height, k = window.innerHeight;
       let q = l.top;
       q + g > k + window.scrollY - 200 && (q = k + window.scrollY - g - 200), q < 0 && (q = 10), B({
         top: q,
         left: l.left
       });
     }
-  }, [b.current, l]);
+  }, [j.current, l]);
   const d = (g, k) => {
     g.stopPropagation();
     const q = g.target.getBoundingClientRect();
@@ -1050,10 +1050,10 @@ const Ri = (o) => {
             rt,
             {
               onChange: (q) => {
-                const f = [...s].map((v) => v.id === g.id ? {
+                const f = [...s].map((y) => y.id === g.id ? {
                   ...g,
                   type: q
-                } : v);
+                } : y);
                 e(f);
               },
               value: g.type,
@@ -1062,7 +1062,7 @@ const Ri = (o) => {
           ),
           /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              v,
               {
                 name: "Copy",
                 hoverable: !0,
@@ -1074,7 +1074,7 @@ const Ri = (o) => {
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              v,
               {
                 name: "Sliders",
                 hoverable: !0,
@@ -1086,7 +1086,7 @@ const Ri = (o) => {
               }
             ) }),
             n && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              v,
               {
                 name: "Trash",
                 hoverable: !0,
@@ -1107,7 +1107,7 @@ const Ri = (o) => {
     r && /* @__PURE__ */ t.jsx(
       Mt,
       {
-        ref: b,
+        ref: j,
         activeButton: r,
         setActiveButton: m,
         popupPosition: p,
@@ -1132,7 +1132,7 @@ const Ri = (o) => {
               const g = [...s];
               c ? g.push({
                 type: "Primary",
-                id: at(),
+                id: st(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -1142,7 +1142,7 @@ const Ri = (o) => {
                 openInNewTab: !1
               }) : g.push({
                 type: "Primary",
-                id: at(),
+                id: st(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -1158,7 +1158,7 @@ const Ri = (o) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                j,
+                v,
                 {
                   name: "Plus",
                   width: 16,
@@ -1237,7 +1237,7 @@ const zi = (o) => {
     withImage: B = !1,
     deletable: l = !0,
     addable: a = !0,
-    itemsType: b,
+    itemsType: j,
     itemsOptions: d,
     limit: S
   } = o, [g, k] = x.useState(
@@ -1245,7 +1245,7 @@ const zi = (o) => {
   ), [q, E] = x.useState({
     top: 0,
     left: 0
-  }), [f, v] = x.useState(!1), M = ut(
+  }), [f, y] = x.useState(!1), M = ut(
     mt(ht, {
       activationConstraint: {
         distance: 5
@@ -1253,39 +1253,39 @@ const zi = (o) => {
     })
   );
   x.useEffect(() => {
-    const y = () => {
-      k(null), v(!1);
+    const b = () => {
+      k(null), y(!1);
     };
-    return document.body.addEventListener("click", y), k(null), v(!1), () => {
-      k(null), v(!1), document.body.removeEventListener("click", y);
+    return document.body.addEventListener("click", b), k(null), y(!1), () => {
+      k(null), y(!1), document.body.removeEventListener("click", b);
     };
   }, []), x.useEffect(() => {
     if (g) {
-      const y = [...n].map((N) => N.listingId === g.listingId ? g : N);
-      i(y);
+      const b = [...n].map((N) => N.listingId === g.listingId ? g : N);
+      i(b);
     }
   }, [g]);
-  const O = (y, N) => {
-    y.stopPropagation();
-    const A = y.target.getBoundingClientRect(), U = 100, D = window.innerHeight;
+  const O = (b, N) => {
+    b.stopPropagation();
+    const A = b.target.getBoundingClientRect(), U = 100, D = window.innerHeight;
     let z = A.top + window.scrollY;
-    z + U > D && (z = D - U - 20), v(!0), E({
+    z + U > D && (z = D - U - 20), y(!0), E({
       top: z - 80,
       left: A.left - 30
     }), k(N);
   };
-  function I(y) {
+  function I(b) {
     if (B)
-      return y ? /* @__PURE__ */ t.jsx(
+      return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${y}/w=1000`,
+          src: `https://imagedelivery.net/${b}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "Image",
           width: 16,
@@ -1294,8 +1294,8 @@ const zi = (o) => {
         }
       );
   }
-  const h = (y) => {
-    const { active: N, over: A } = y;
+  const h = (b) => {
+    const { active: N, over: A } = b;
     if (A && N.id !== A.id) {
       const U = n.findIndex((z) => String(z.listingId) === N.id), D = n.findIndex((z) => String(z.listingId) === A.id);
       if (U !== -1 && D !== -1) {
@@ -1303,12 +1303,12 @@ const zi = (o) => {
         z.splice(D, 0, Z), i(z);
       }
     }
-  }, $ = (y, N) => {
-    const A = d.find((D) => y.listingId === D.id);
+  }, $ = (b, N) => {
+    const A = d.find((D) => b.listingId === D.id);
     if (!A) return null;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1316,7 +1316,7 @@ const zi = (o) => {
           height: 20
         }
       ) }),
-      b === "select" && /* @__PURE__ */ t.jsx(
+      j === "select" && /* @__PURE__ */ t.jsx(
         rt,
         {
           onChange: (D) => {
@@ -1325,7 +1325,7 @@ const zi = (o) => {
             const _ = {
               listingId: Z.id,
               image: Z.productData.images.length > 0 ? Z.productData.images[0].cfId : ""
-            }, R = z.map((T) => T.listingId === y.listingId ? _ : T);
+            }, R = z.map((T) => T.listingId === b.listingId ? _ : T);
             k(_), i([...R]);
           },
           value: A.productData.name,
@@ -1333,31 +1333,31 @@ const zi = (o) => {
             ...d.filter((D) => !n.find((z) => z.listingId === D.id)).map((D) => D.productData.name)
           ],
           leftAddon: I(
-            y.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
+            b.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
           )
         },
         N
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (D) => O(D, y)
+            onClick: (D) => O(D, b)
           }
         ) }),
         l && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((D) => D !== y))
+            onClick: () => i(n.filter((D) => D !== b))
           }
         ) })
       ] })
@@ -1365,17 +1365,17 @@ const zi = (o) => {
     return p ? /* @__PURE__ */ t.jsx(
       jn,
       {
-        product: y,
+        product: b,
         children: U
       },
-      y.listingId
+      b.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: G.product,
         children: U
       },
-      y.listingId
+      b.listingId
     );
   }, P = x.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
@@ -1385,7 +1385,7 @@ const zi = (o) => {
         ot,
         {
           current: s,
-          onChange: (y) => e == null ? void 0 : e(y)
+          onChange: (b) => e == null ? void 0 : e(b)
         }
       )
     ] }),
@@ -1395,7 +1395,7 @@ const zi = (o) => {
         ref: P,
         activeItem: g,
         setActiveItem: k,
-        setIsOpenModal: v,
+        setIsOpenModal: y,
         popupPosition: q,
         itemsOptions: d
       }
@@ -1410,13 +1410,13 @@ const zi = (o) => {
           children: /* @__PURE__ */ t.jsx(
             _t,
             {
-              items: n.map((y) => String(y.listingId)),
+              items: n.map((b) => String(b.listingId)),
               strategy: gt,
-              children: n.map((y, N) => $(y, N))
+              children: n.map((b, N) => $(b, N))
             }
           )
         }
-      ) : n.map((y, N) => $(y, N)),
+      ) : n.map((b, N) => $(b, N)),
       a && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1432,16 +1432,16 @@ const zi = (o) => {
               className: G.button,
               size: "s",
               onClick: () => {
-                const y = [...n];
+                const b = [...n];
                 for (let N = 0; N < d.length; N++)
                   if (!n.find((A) => A.listingId === d[N].id)) {
-                    y.push({
+                    b.push({
                       listingId: d[N].id,
                       image: d[N].productData.images.length > 0 ? d[N].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                i(y);
+                i(b);
               },
               disabled: n.length === (S || d.length),
               style: {
@@ -1450,7 +1450,7 @@ const zi = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -1495,7 +1495,7 @@ const Un = (o) => {
   var q, E;
   const { variants: s } = o, [e, n] = x.useState(s[0]), [i, c] = x.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), u = vt(), [r, m] = x.useState(1), { products: p, cart: B, reset: l, addProductToCart: a } = dt(), [b, d] = x.useState(!1);
+  ), u = vt(), [r, m] = x.useState(1), { products: p, cart: B, reset: l, addProductToCart: a } = dt(), [j, d] = x.useState(!1);
   console.log(B), x.useEffect(() => {
     d(!0);
     const f = setTimeout(() => d(!1), 600);
@@ -1541,7 +1541,7 @@ const Un = (o) => {
       f
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: w.variants, children: s.map((f) => {
-      var v, M;
+      var y, M;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -1558,7 +1558,7 @@ const Un = (o) => {
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: w.stock, children: [
-              (v = f.quantity.restrictions) != null && v.max || f.quantity.available !== void 0 ? ((M = f.quantity.restrictions) == null ? void 0 : M.max) || f.quantity.available : "∞",
+              (y = f.quantity.restrictions) != null && y.max || f.quantity.available !== void 0 ? ((M = f.quantity.restrictions) == null ? void 0 : M.max) || f.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
@@ -1577,7 +1577,7 @@ const Un = (o) => {
           },
           className: w.button,
           disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
+          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1601,7 +1601,7 @@ const Un = (o) => {
           },
           className: w.button,
           disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
+          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
         }
       )
     ] }),
@@ -1610,7 +1610,7 @@ const Un = (o) => {
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: w.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            v,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1624,7 +1624,7 @@ const Un = (o) => {
       /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
         /* @__PURE__ */ t.jsx("div", { className: w.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
             "$ ",
             (e.price.amount || 0) * r
           ] }),
@@ -1632,11 +1632,11 @@ const Un = (o) => {
             "$ ",
             (e.compareAtPrice.amount || 0) * r
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
           "$ ",
           (e.price.amount || 0) * r
         ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
@@ -1644,7 +1644,7 @@ const Un = (o) => {
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
@@ -1721,23 +1721,23 @@ const Un = (o) => {
   const [o, s] = x.useState(!1), [e, n] = x.useState([]), { cart: i } = dt(), { pageContext: c } = lt();
   function u(a) {
     if (a.variants.length > 0) {
-      for (let b = 0; b < i.parts.length; b++)
+      for (let j = 0; j < i.parts.length; j++)
         for (let d = 0; d < a.variants.length; d++)
-          if (a.variants[d] && i.parts[b].productVariantId === a.variants[d].id)
-            return i.parts[b].productVariantId;
+          if (a.variants[d] && i.parts[j].productVariantId === a.variants[d].id)
+            return i.parts[j].productVariantId;
     }
     return a.variants[0].id;
   }
   function r(a) {
-    for (let b = 0; b < i.parts.length; b++)
+    for (let j = 0; j < i.parts.length; j++)
       for (let d = 0; d < a.variants.length; d++)
-        if (a.variants[d] && i.parts[b].productVariantId === a.variants[d].id)
-          return i.parts[b].quantity;
+        if (a.variants[d] && i.parts[j].productVariantId === a.variants[d].id)
+          return i.parts[j].quantity;
   }
   x.useEffect(() => {
     (async () => {
       var g;
-      const b = i.parts.map((k) => String(k.productId)), S = (((g = c == null ? void 0 : c.products) == null ? void 0 : g.filter((k) => b.includes(String(k.id)))) || []).map((k) => ({
+      const j = i.parts.map((k) => String(k.productId)), S = (((g = c == null ? void 0 : c.products) == null ? void 0 : g.filter((k) => j.includes(String(k.id)))) || []).map((k) => ({
         ...k,
         activeVariantId: u(k),
         quantity: r(k)
@@ -1746,8 +1746,8 @@ const Un = (o) => {
     })();
   }, [i.parts]);
   function m(a) {
-    var b;
-    return !a || !(a != null && a.variants) ? !1 : (b = a.variants.find((d) => d.id === a.activeVariantId)) == null ? void 0 : b.subscriptionSettings;
+    var j;
+    return !a || !(a != null && a.variants) ? !1 : (j = a.variants.find((d) => d.id === a.activeVariantId)) == null ? void 0 : j.subscriptionSettings;
   }
   const p = i.parts.length > 0 && e.length > 0 && !m(e[0]), [B, l] = x.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1764,7 +1764,7 @@ const Un = (o) => {
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            v,
             {
               name: "Handbag",
               fill: "var(--text-primary)"
@@ -1855,7 +1855,7 @@ const Un = (o) => {
                       className: C.image
                     }
                   ) : /* @__PURE__ */ t.jsx("div", { className: C.image, children: /* @__PURE__ */ t.jsx(
-                    j,
+                    v,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
@@ -1865,7 +1865,7 @@ const Un = (o) => {
                     /* @__PURE__ */ t.jsx("div", { className: C.name, children: Nt(a.name) }),
                     /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      a.variants.find((b) => b.id === a.activeVariantId).price.amount * ((a == null ? void 0 : a.quantity) || 1)
+                      a.variants.find((j) => j.id === a.activeVariantId).price.amount * ((a == null ? void 0 : a.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -1880,7 +1880,7 @@ const Un = (o) => {
                       className: C.productButton,
                       disabled: a.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        v,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1897,9 +1897,9 @@ const Un = (o) => {
                       type: "Secondary",
                       onClick: () => B(a),
                       className: C.productButton,
-                      disabled: a.quantity === a.variants.find((b) => b.id === a.activeVariantId).quantity.available,
+                      disabled: a.quantity === a.variants.find((j) => j.id === a.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        v,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1919,7 +1919,7 @@ const Un = (o) => {
               /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  v,
                   {
                     name: "Info",
                     width: 20,
@@ -1941,7 +1941,7 @@ const Un = (o) => {
   );
 }, $s = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    j,
+    v,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -2036,7 +2036,7 @@ const Un = (o) => {
               type: "Secondary",
               onClick: c,
               children: /* @__PURE__ */ t.jsx(
-                j,
+                v,
                 {
                   name: "X",
                   fill: "var(--text-primary)"
@@ -2087,7 +2087,7 @@ const Un = (o) => {
         e.stopPropagation(), window.location.pathname.includes("/admin/builder") || s(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "List",
           fill: "var(--text-primary)"
@@ -2122,7 +2122,7 @@ const Un = (o) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          j,
+          v,
           {
             name: "Share",
             fill: "#757575",
@@ -2158,7 +2158,7 @@ const Un = (o) => {
         /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
           /* @__PURE__ */ t.jsx(
-            j,
+            v,
             {
               name: "X",
               fill: "#757575",
@@ -2188,14 +2188,14 @@ const Un = (o) => {
             {
               type: "Secondary",
               onClick: u,
-              children: e ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
+              children: e ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Vs = "_accordion_1s1lq_1", Us = "_header_1s1lq_9", Hs = "_icon_1s1lq_18", Ys = "_open_1s1lq_21", Ws = "_content_1s1lq_25", it = {
+}, Vs = "_accordion_1s1lq_1", Us = "_header_1s1lq_9", Hs = "_icon_1s1lq_18", Ys = "_open_1s1lq_21", Ws = "_content_1s1lq_25", at = {
   accordion: Vs,
   header: Us,
   icon: Hs,
@@ -2207,15 +2207,15 @@ const Un = (o) => {
   };
   return x.useEffect(() => {
     r.current && u(n ? r.current.scrollHeight : 0);
-  }, [n]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
+  }, [n]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: it.header,
+        className: at.header,
         onClick: m,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
-          /* @__PURE__ */ t.jsx("div", { className: V(it.icon, { [it.open]: n }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: V(at.icon, { [at.open]: n }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2223,7 +2223,7 @@ const Un = (o) => {
       "div",
       {
         ref: r,
-        className: it.content,
+        className: at.content,
         style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: s })
       }
@@ -2328,7 +2328,7 @@ const Un = (o) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      j,
+      v,
       {
         name: "Image",
         width: 48,
@@ -2408,7 +2408,7 @@ const Un = (o) => {
   );
 }, ki = (o) => {
   const { variants: s, activeChargeType: e, setActiveChargeType: n, activeVariant: i, productId: c, setIsOpen: u } = o, { cart: r, addProductToCart: m, addProducts: p, updateQuantityOfProduct: B } = dt(), { setNotification: l } = qt(), { pageContext: a } = lt();
-  async function b(d) {
+  async function j(d) {
     const S = r.parts.find(
       (g) => g.productId === o.productId && g.productVariantId === d
     );
@@ -2429,7 +2429,7 @@ const Un = (o) => {
     /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "X",
           width: 24,
@@ -2458,7 +2458,7 @@ const Un = (o) => {
         {
           className: V(X.variant),
           onClick: () => {
-            b(d.id), u(!1);
+            j(d.id), u(!1);
           },
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: X.variantInfo, children: [
@@ -2488,7 +2488,7 @@ const Un = (o) => {
         Nt(s.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           name: "X",
           width: 24,
@@ -2505,7 +2505,7 @@ const Un = (o) => {
     ] }),
     /* @__PURE__ */ t.jsx(Un, { ...s })
   ] });
-}, Si = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", qi = "_contentField_1efqk_23", Bi = "_textarea_1efqk_27", Pi = "_length_1efqk_42", st = {
+}, Si = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", qi = "_contentField_1efqk_23", Bi = "_textarea_1efqk_27", Pi = "_length_1efqk_42", it = {
   wrapper: Si,
   label: $i,
   contentBorder: wi,
@@ -2524,11 +2524,11 @@ const Un = (o) => {
   function B(l) {
     return u === "number" ? l.replace(/[^\d\n]+/g, "") : l;
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: st.wrapper, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: st.label,
+        className: it.label,
         htmlFor: e,
         children: e
       }
@@ -2543,14 +2543,14 @@ const Un = (o) => {
           m(a.length), s(a);
         },
         placeholder: c,
-        className: V(st.textarea, {
-          [st.contentBorder]: p.inputs.border.active,
-          [st.contentField]: p.inputs.field.active
+        className: V(it.textarea, {
+          [it.contentBorder]: p.inputs.border.active,
+          [it.contentField]: p.inputs.field.active
         }),
         maxLength: i
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: st.length, children: [
+    i && /* @__PURE__ */ t.jsxs("div", { className: it.length, children: [
       r,
       "/",
       i
@@ -2570,7 +2570,7 @@ export {
   $s as EmptyCart,
   Ri as FormSettings,
   Fi as HeaderButtons,
-  j as Icon,
+  v as Icon,
   yt as InputSettings,
   Ot as InputUI,
   ta as ItemsSettings,