@billgangcom/theme-lib 1.125.7 → 1.125.9

package/dist/{ticket-F98fUmZE.js → ticket-Ddn4AIsi.js}

@@ -1,15 +1,15 @@
 var se = Object.defineProperty;
 var Ie = (n, r, e) => r in n ? se(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
-var N = (n, r, e) => Ie(n, typeof r != "symbol" ? r + "" : r, e);
+var E = (n, r, e) => Ie(n, typeof r != "symbol" ? r + "" : r, e);
 import { jsx as a, jsxs as h, Fragment as ue } from "react/jsx-runtime";
 import g from "react";
-import { j as Q, K as Z, r as ee, aa as de, O as pe, e as W, v as G, N as ge, p as $, y as U, c as oe, a as ne, b as q, f as R, ab as he, u as Se, W as re, J as me } from "./builder-C65Q5Dcx.js";
-import { y as Ce, N as we, P as fe, z as ye, B as H, D as be, E as ke, F as Le, u as Te, H as Ae, Q as Pe, U as Be } from "./charge-GQ_PuwVQ.js";
-import { e as v, g as V, E as j, k as Fe, I as K, M as De } from "./ui-components-Bx0QBPvt.js";
-import { R as te, a as ce, b as ae, c as Re } from "./builder-components-hkH4Mkhh.js";
+import { j as Z, K as ee, r as oe, aa as de, O as pe, e as z, v as q, N as ge, p as X, y as _, c as ne, a as re, b as j, f as x, ab as he, u as Se, W as te, J as me } from "./builder-C6dvV-FK.js";
+import { y as Ce, N as we, P as fe, z as ye, B as U, D as be, E as ke, F as Le, u as Te, H as Ae, Q as Pe, U as Be } from "./charge-B7mz3FHe.js";
+import { e as N, g as V, E as K, k as Fe, I as J, M as De } from "./ui-components-xpvlmZT8.js";
+import { R as ce, a as ae, b as ie, c as Re } from "./builder-components-DLRHTlOM.js";
 import "react-dom";
-import "./checkout-CLNsA_yQ.js";
-const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne = "_noAnimation_1vt13_37", He = "_loading_1vt13_51", Ee = "_loadingContent_1vt13_61", Ue = "_loader_1vt13_66", B = {
+import "./checkout-CCdVQ5P4.js";
+const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne = "_noAnimation_1vt13_37", He = "_loading_1vt13_51", Ee = "_loadingContent_1vt13_61", Ue = "_loader_1vt13_66", F = {
   wrapper: ve,
   bg: Me,
   main: xe,
@@ -18,12 +18,12 @@ const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne =
   loadingContent: Ee,
   loader: Ue
 }, Oe = async (n, r) => {
-  const e = Q.getState().apiUrls, o = Z ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, i = localStorage.getItem("shopPassword");
+  const e = Z.getState().apiUrls, o = ee ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, i = localStorage.getItem("shopPassword");
   if (r && !i)
     return null;
   const t = `${e.storeApi}/v2/shops/${o}/pages/${n}` + (r ? `?password=${i}` : "");
   try {
-    return await ee({
+    return await oe({
       url: t,
       withToken: !0,
       method: "get"
@@ -32,7 +32,7 @@ const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne =
     if (de.isAxiosError(c) && c.response && c.response.status === 404)
       return null;
   }
-}, _e = "_wrapper_ysrl4_1", Ge = "_tableContainer_ysrl4_6", We = "_ticketsTable_ysrl4_19", $e = "_tableItem_ysrl4_37", qe = "_tableLoader_ysrl4_41", T = {
+}, _e = "_wrapper_ysrl4_1", Ge = "_tableContainer_ysrl4_6", We = "_ticketsTable_ysrl4_19", $e = "_tableItem_ysrl4_37", qe = "_tableLoader_ysrl4_41", A = {
   wrapper: _e,
   tableContainer: Ge,
   ticketsTable: We,
@@ -64,14 +64,14 @@ const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne =
       description: "You don't have any tickets yet. If you contact support, tickets will be displayed here.",
       centered: !0
     }
-  ) : /* @__PURE__ */ h("div", { className: T.wrapper, children: [
+  ) : /* @__PURE__ */ h("div", { className: A.wrapper, children: [
     /* @__PURE__ */ a(fe, { title: "Tickets" }),
-    /* @__PURE__ */ h("div", { className: T.tableContainer, children: [
-      /* @__PURE__ */ h(ye, { className: T.ticketsTable, children: [
-        /* @__PURE__ */ a(H, { className: T.tableItem, children: "TICKET ID" }),
-        /* @__PURE__ */ a(H, { className: T.tableItem, children: "LAST MESSAGE" }),
-        /* @__PURE__ */ a(H, { className: T.tableItem, children: "CREATED" }),
-        /* @__PURE__ */ a(H, { className: T.tableItem, children: "STATUS" }),
+    /* @__PURE__ */ h("div", { className: A.tableContainer, children: [
+      /* @__PURE__ */ h(ye, { className: A.ticketsTable, children: [
+        /* @__PURE__ */ a(U, { className: A.tableItem, children: "TICKET ID" }),
+        /* @__PURE__ */ a(U, { className: A.tableItem, children: "LAST MESSAGE" }),
+        /* @__PURE__ */ a(U, { className: A.tableItem, children: "CREATED" }),
+        /* @__PURE__ */ a(U, { className: A.tableItem, children: "STATUS" }),
         u && (n == null ? void 0 : n.map((m) => /* @__PURE__ */ a(
           be,
           {
@@ -80,7 +80,7 @@ const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", Ne =
           m.id
         )))
       ] }),
-      !u && /* @__PURE__ */ a("div", { className: T.tableLoader, children: /* @__PURE__ */ a(v, {}) }),
+      !u && /* @__PURE__ */ a("div", { className: A.tableLoader, children: /* @__PURE__ */ a(N, {}) }),
       u && /* @__PURE__ */ a(
         ke,
         {
@@ -3244,10 +3244,10 @@ const Go = [
     )
   }
 ], Wo = (n) => {
-  const { notifications: r, setNotifications: e } = W.getState();
+  const { notifications: r, setNotifications: e } = z.getState();
   e(r.filter((o) => o.id !== n));
 }, $o = (n) => {
-  const { notifications: r, setNotifications: e } = W.getState(), o = G();
+  const { notifications: r, setNotifications: e } = z.getState(), o = q();
   return e([
     ...r,
     {
@@ -3256,11 +3256,11 @@ const Go = [
     }
   ]), o;
 };
-class Ve {
+class je {
   constructor() {
-    N(this, "observer", null);
-    N(this, "callbacks", /* @__PURE__ */ new Map());
-    N(this, "handleWindowResize", () => {
+    E(this, "observer", null);
+    E(this, "callbacks", /* @__PURE__ */ new Map());
+    E(this, "handleWindowResize", () => {
       this.callbacks.forEach((r, e) => {
         const o = e.getBoundingClientRect().width;
         r.forEach((i) => i(o));
@@ -3297,7 +3297,7 @@ class Ve {
     this.observer && (this.observer.disconnect(), this.observer = null), this.callbacks.clear(), window.removeEventListener("resize", this.handleWindowResize);
   }
 }
-const J = new Ve();
+const Y = new je();
 function qo(n) {
   const [r, e] = g.useState("desktop");
   return g.useEffect(() => {
@@ -3307,10 +3307,10 @@ function qo(n) {
       const u = i(s);
       e(u);
     };
-    J.observe(o, t);
+    Y.observe(o, t);
     const c = o.getBoundingClientRect().width;
     return t(c), () => {
-      J.unobserve(o, t);
+      Y.unobserve(o, t);
     };
   }, [n]), r;
 }
@@ -3323,12 +3323,12 @@ const zo = () => {
       r(i);
     })();
   }, [n]), n;
-}, je = "_wrapper_rccv2_1", Ke = "_content_rccv2_11", Je = "_title_rccv2_21", O = {
-  wrapper: je,
+}, Ve = "_wrapper_rccv2_1", Ke = "_content_rccv2_11", Je = "_title_rccv2_21", W = {
+  wrapper: Ve,
   content: Ke,
   title: Je
 }, Ye = () => {
-  const n = $(), { isAntistock: r } = U();
+  const n = X(), { isAntistock: r } = _();
   return r ? /* @__PURE__ */ h(
     "div",
     {
@@ -3343,8 +3343,8 @@ const zo = () => {
         color: "var(--text-primary)"
       },
       children: [
-        /* @__PURE__ */ a(te, {}),
         /* @__PURE__ */ a(ce, {}),
+        /* @__PURE__ */ a(ae, {}),
         /* @__PURE__ */ h(
           "div",
           {
@@ -3378,11 +3378,11 @@ const zo = () => {
             ]
           }
         ),
-        /* @__PURE__ */ a(ae, {})
+        /* @__PURE__ */ a(ie, {})
       ]
     }
-  ) : /* @__PURE__ */ a("div", { className: O.wrapper, children: /* @__PURE__ */ h("div", { className: O.content, children: [
-    /* @__PURE__ */ a("h1", { className: O.title, children: "Page Not Found" }),
+  ) : /* @__PURE__ */ a("div", { className: W.wrapper, children: /* @__PURE__ */ h("div", { className: W.content, children: [
+    /* @__PURE__ */ a("h1", { className: W.title, children: "Page Not Found" }),
     /* @__PURE__ */ a(
       V,
       {
@@ -3392,7 +3392,7 @@ const zo = () => {
       }
     )
   ] }) });
-}, Y = {
+}, Q = {
   "/": "Home",
   "/products": "Products",
   "/reviews": "Reviews",
@@ -3402,7 +3402,7 @@ const zo = () => {
   "/support": "Support",
   "/cart": "Cart"
 }, Qe = ({ pagePath: n }) => {
-  const { sourceBlocks: r } = oe(), e = $(), [o, i] = g.useState(null), [t, c] = g.useState(!0), [s, u] = g.useState(null), { settings: m } = ne(), { addProducts: k } = Te(), { pageContext: C } = q(), { isAntistock: w, general: p } = U();
+  const { sourceBlocks: r } = ne(), e = X(), [o, i] = g.useState(null), [t, c] = g.useState(!0), [s, u] = g.useState(null), { settings: m } = re(), { addProducts: k } = Te(), { pageContext: C } = j(), { isAntistock: w, general: p } = _();
   g.useEffect(() => {
     var S, L;
     if (n === "/support" && ((S = p == null ? void 0 : p.info) != null && S.disableSupport)) {
@@ -3418,7 +3418,7 @@ const zo = () => {
       );
       if (L) {
         const { data: l } = L;
-        if (l.seo && l.seo.pageTitle ? document.title = l.seo.pageTitle : Y[n] ? document.title = Y[n] : l.products.length > 0 ? document.title = `Product | ${l.products[0].name}` : l.fullPosts.length > 0 && (document.title = `Post | ${l.fullPosts[0].title}`), l.preserveContent) {
+        if (l.seo && l.seo.pageTitle ? document.title = l.seo.pageTitle : Q[n] ? document.title = Q[n] : l.products.length > 0 ? document.title = `Product | ${l.products[0].name}` : l.fullPosts.length > 0 && (document.title = `Post | ${l.fullPosts[0].title}`), l.preserveContent) {
           const f = {
             order: [...(s == null ? void 0 : s.order) ?? [], ...l.layout.order],
             data: {
@@ -3429,12 +3429,12 @@ const zo = () => {
           u(f);
         } else
           u(l.layout);
-        const M = l.listings.filter(
+        const H = l.listings.filter(
           (f) => f.type === "PRODUCT" || f.type === "GROUP"
-        ), F = M && M.length > 0 ? l.listings : [...C.listings ?? [], ...l.listings];
+        ), R = H && H.length > 0 ? l.listings : [...C.listings ?? [], ...l.listings];
         if (l.preserveContent) {
           console.log("FINAL PRODUCTS: ", [...(o == null ? void 0 : o.products) ?? [], ...l.products]);
-          const f = {
+          const f = (T) => Array.isArray(T) ? T : T && typeof T == "object" ? Object.entries(T).filter(([, D]) => typeof D == "number").map(([D, G]) => ({ key: D, value: G })) : [], v = {
             ...C,
             products: [...(o == null ? void 0 : o.products) ?? [], ...l.products],
             reviews: [...(o == null ? void 0 : o.reviews) ?? [], ...l.reviews],
@@ -3445,10 +3445,13 @@ const zo = () => {
             posts: [...(o == null ? void 0 : o.posts) ?? [], ...l.posts],
             preserveContent: l.preserveContent,
             vouches: [...(o == null ? void 0 : o.vouches) ?? [], ...l.vouches ?? []],
-            liveStats: [...(o == null ? void 0 : o.liveStats) ?? [], ...l.liveStats ?? []],
-            listings: F
+            liveStats: [
+              ...f(o == null ? void 0 : o.liveStats),
+              ...f(l == null ? void 0 : l.liveStats)
+            ],
+            listings: R
           };
-          console.log("NEW PAGE CONTEXT: ", f), i(f);
+          console.log("NEW PAGE CONTEXT: ", v), i(v);
         } else
           i({
             ...C,
@@ -3460,7 +3463,7 @@ const zo = () => {
             fullPosts: l.fullPosts,
             posts: l.posts,
             preserveContent: l.preserveContent,
-            listings: F,
+            listings: R,
             vouches: l.vouches ?? [],
             liveStats: l.liveStats ?? []
           });
@@ -3470,25 +3473,26 @@ const zo = () => {
     };
     C.listings && p && S();
   }, [n, C.listings, p]);
-  const A = (S) => {
+  const P = (S) => {
     if (!S || !S.name)
-      return /* @__PURE__ */ a(j, { error: "Block or block.name is undefined." });
+      return /* @__PURE__ */ a(K, { error: "Block or block.name is undefined." });
     if (!r || !r[S.name])
-      return /* @__PURE__ */ a(j, { error: `Block "${S.name}" does not exist in blocks.` });
+      return /* @__PURE__ */ a(K, { error: `Block "${S.name}" does not exist in blocks.` });
     const L = new r[S.name]();
     return S.value && Object.assign(L, S.value), L.renderBlock(m, o);
   };
   return !t && s === null ? /* @__PURE__ */ a(Ye, {}) : /* @__PURE__ */ h(
     "div",
     {
-      className: R(B.wrapper, {
-        [B.bg]: !w,
-        [B.loadingContent]: t
+      className: x(F.wrapper, {
+        [F.bg]: !w,
+        [F.loadingContent]: t
       }),
+      "data-scroll-container": "main",
       children: [
-        /* @__PURE__ */ a(te, {}),
+        /* @__PURE__ */ a(ce, {}),
         /* @__PURE__ */ a(
-          ce,
+          ae,
           {
             settings: m,
             pageContext: o
@@ -3498,28 +3502,28 @@ const zo = () => {
           /* @__PURE__ */ a(
             "div",
             {
-              className: R(B.main, {
-                [B.noAnimation]: w
+              className: x(F.main, {
+                [F.noAnimation]: w
               }),
               children: s.order && s.order.map((S) => /* @__PURE__ */ a(
                 Re,
                 {
                   block: s.data[S],
-                  render: A
+                  render: P
                 },
                 S
               ))
             }
           ),
           /* @__PURE__ */ a(
-            ae,
+            ie,
             {
               settings: m,
               pageContext: o
             }
           )
-        ] }) : /* @__PURE__ */ a("div", { className: B.loading, children: /* @__PURE__ */ a(v, {}) }),
-        t && /* @__PURE__ */ a("div", { className: B.loader, children: /* @__PURE__ */ a(v, {}) })
+        ] }) : /* @__PURE__ */ a("div", { className: F.loading, children: /* @__PURE__ */ a(N, {}) }),
+        t && /* @__PURE__ */ a("div", { className: F.loader, children: /* @__PURE__ */ a(N, {}) })
       ]
     }
   );
@@ -3528,7 +3532,7 @@ function Xo() {
   const n = he();
   return /* @__PURE__ */ a(Qe, { pagePath: n.pathname });
 }
-const Vo = (n, r) => {
+const jo = (n, r) => {
   let e = `:root {
 `;
   if (r && (e += `  --max-width-store: ${r.maxStoreWidth};
@@ -3653,7 +3657,7 @@ const Vo = (n, r) => {
 `, e += `  --border-md: var(--scale-2);
 `, e += `  --border-lg: var(--scale-4);
 `, e += "}", e;
-}, jo = (n) => {
+}, Vo = (n) => {
   const r = document.getElementById("dynamic-styles");
   if (r)
     r.innerHTML = n;
@@ -3661,7 +3665,7 @@ const Vo = (n, r) => {
     const e = document.createElement("style");
     e.id = "dynamic-styles", e.innerHTML = n, document.head.appendChild(e);
   }
-}, E = /* @__PURE__ */ new Set(), Ze = (n) => {
+}, O = /* @__PURE__ */ new Set(), Ze = (n) => {
   const r = /* @__PURE__ */ new Map();
   return Object.entries(n).forEach(([, e]) => {
     typeof e == "object" && Object.entries(e).forEach(([, o]) => {
@@ -3684,19 +3688,19 @@ const Vo = (n, r) => {
     });
   }), r;
 }, oo = (n) => {
-  E.forEach((r) => {
+  O.forEach((r) => {
     if (!n.has(r)) {
       const e = document.querySelector(`link[data-font="${r}"]`);
-      e && e.remove(), E.delete(r);
+      e && e.remove(), O.delete(r);
     }
   });
 }, no = (n) => {
   const r = /* @__PURE__ */ new Set();
   n.forEach((e, o) => {
     const i = Array.from(e).sort().join(";"), t = `${o}:wght@${i}`;
-    if (r.add(t), !E.has(t)) {
+    if (r.add(t), !O.has(t)) {
       const c = document.createElement("link");
-      c.rel = "stylesheet", c.href = `https://fonts.googleapis.com/css2?family=${t}&display=swap`, c.setAttribute("data-font", t), document.head.appendChild(c), E.add(t);
+      c.rel = "stylesheet", c.href = `https://fonts.googleapis.com/css2?family=${t}&display=swap`, c.setAttribute("data-font", t), document.head.appendChild(c), O.add(t);
     }
   }), oo(r);
 }, Ko = (n) => {
@@ -3710,7 +3714,7 @@ const Vo = (n, r) => {
         o.set(t, new Set(i));
     }), no(o);
   }
-}, _ = [
+}, $ = [
   {
     family: "GT Eesti Pro Display",
     files: [
@@ -3781,14 +3785,14 @@ const Vo = (n, r) => {
   if (document.getElementById("custom-fonts-styles"))
     return;
   let n = "";
-  _.forEach((e) => {
+  $.forEach((e) => {
     e.files.forEach((o) => {
       n += to(e.family, o.filename, o.weight, o.style) + `
 `;
     });
   });
   const r = document.createElement("style");
-  r.id = "custom-fonts-styles", r.type = "text/css", r.textContent = n, document.head.appendChild(r), console.log("Custom fonts loaded:", _.map((e) => e.family).join(", ")), _.forEach((e) => {
+  r.id = "custom-fonts-styles", r.type = "text/css", r.textContent = n, document.head.appendChild(r), console.log("Custom fonts loaded:", $.map((e) => e.family).join(", ")), $.forEach((e) => {
     console.log(`Font "${e.family}":`, e.files.map((o) => `${o.filename} (${o.weight})`).join(", "));
   });
 };
@@ -3802,7 +3806,7 @@ function Yo() {
         setHeader: o,
         setFooter: i,
         setAnnouncement: t
-      } = Se.getState(), { currentPage: c, pages: s } = q.getState(), { currentInstance: u, settingsInstance: m } = oe.getState(), { setSettings: k } = ne.getState();
+      } = Se.getState(), { currentPage: c, pages: s } = j.getState(), { currentInstance: u, settingsInstance: m } = ne.getState(), { setSettings: k } = re.getState();
       if (r || k(m.blockSettings), u && r) {
         if (r === "header")
           o(u);
@@ -3890,11 +3894,11 @@ function Qo(n, r = !0) {
   }
 }
 const Zo = () => {
-  const n = Q.getState().apiUrls, r = $(), { notifications: e, setNotifications: o } = W(), { isAntistock: i } = U();
+  const n = Z.getState().apiUrls, r = X(), { notifications: e, setNotifications: o } = z(), { isAntistock: i } = _();
   return async (t, c, s, u, m, k) => {
-    const C = Z ? localStorage.getItem("fakeDomain") : window.location.hostname, w = `${n.slApi}/v1/public/${C}/tickets`;
+    const C = ee ? localStorage.getItem("fakeDomain") : window.location.hostname, w = `${n.slApi}/v1/public/${C}/tickets`;
     try {
-      const p = await ee({
+      const p = await oe({
         method: "post",
         url: w,
         body: {
@@ -3902,7 +3906,7 @@ const Zo = () => {
           firstMessage: c,
           email: u,
           recaptcha: s,
-          tsId: re(),
+          tsId: te(),
           orderId: m,
           imageIds: k
         },
@@ -3911,30 +3915,30 @@ const Zo = () => {
       return o([
         ...e,
         {
-          id: G(),
+          id: q(),
           message: i ? "Support ticket successfully created. You can expect to hear from us soon." : "Ticket created successfully. We will contact you by mail",
           status: "success"
         }
       ]), r(`/ticket/${p.data.id}/${p.data.accessToken}`), p;
     } catch (p) {
-      const A = p && (p.friendlyMessage || p.message) || String(p);
+      const P = p && (p.friendlyMessage || p.message) || String(p);
       o([
         ...e,
         {
-          id: G(),
-          message: A,
+          id: q(),
+          message: P,
           status: "error"
         }
       ]);
     }
   };
 }, en = () => {
-  const { pages: n } = q(), [r, e] = g.useState(n);
+  const { pages: n } = j(), [r, e] = g.useState(n);
   return g.useEffect(() => {
     e(n);
   }, [n]), r;
 };
-var ie = /* @__PURE__ */ ((n) => (n.NEW = "NEW", n.ANSWERED = "ANSWERED", n.NOT_ANSWERED = "NOT_ANSWERED", n.CLOSED = "CLOSED", n))(ie || {});
+var le = /* @__PURE__ */ ((n) => (n.NEW = "NEW", n.ANSWERED = "ANSWERED", n.NOT_ANSWERED = "NOT_ANSWERED", n.CLOSED = "CLOSED", n))(le || {});
 const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_ukunw_28", lo = "_subtext_ukunw_35", so = "_container_ukunw_41", Io = "_content_ukunw_52", uo = "_messages_ukunw_63", po = "_input_ukunw_81", go = "_textarea_ukunw_94", ho = "_textareaAntistock_ukunw_123", So = "_message_ukunw_63", mo = "_messageDate_ukunw_153", Co = "_messageAntistock_ukunw_159", wo = "_myMessage_ukunw_164", fo = "_otherMessage_ukunw_171", yo = "_button_ukunw_178", bo = "_disabled_ukunw_178", ko = "_loadingMessage_ukunw_204", Lo = "_messageImages_ukunw_208", To = "_messageImage_ukunw_208", Ao = "_imagesLoader_ukunw_236", Po = "_imageModal_ukunw_240", Bo = "_imageModalClose_ukunw_268", d = {
   wrapper: co,
   ticketContainer: ao,
@@ -3960,29 +3964,29 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
   imageModal: Po,
   imageModalClose: Bo
 }, Fo = () => {
-  const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, i] = g.useState(!0), [t, c] = g.useState(null), [s, u] = g.useState(""), [m, k] = g.useState(null), [C, w] = g.useState(null), [p, A] = g.useState(null), S = g.useRef(null), { executeRecaptcha: L } = Ae(), { isAntistock: l } = U(), M = re(), { setIsOpen: F } = me(), f = (t == null ? void 0 : t.status) === ie.CLOSED, z = g.useCallback(() => {
+  const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, i] = g.useState(!0), [t, c] = g.useState(null), [s, u] = g.useState(""), [m, k] = g.useState(null), [C, w] = g.useState(null), [p, P] = g.useState(null), S = g.useRef(null), { executeRecaptcha: L } = Ae(), { isAntistock: l } = _(), H = te(), { setIsOpen: R } = me(), f = (t == null ? void 0 : t.status) === le.CLOSED, v = g.useCallback(() => {
     var I;
     (I = S.current) == null || I.scrollIntoView({ behavior: "smooth" });
-  }, []), x = g.useCallback(async () => {
+  }, []), T = g.useCallback(async () => {
     if (e && r) {
       const { data: I } = await Pe(e, r);
       c(I), i(!1);
     }
   }, [e, r]);
   g.useEffect(() => {
-    x();
+    T();
     const I = setInterval(() => {
-      x();
+      T();
     }, 5e3);
     return () => clearInterval(I);
-  }, [x]);
-  const X = async () => {
+  }, [T]);
+  const D = async () => {
     const I = await L();
     if (!e || !r || !I || !s.trim()) return;
     const b = (m == null ? void 0 : m.map((y) => ({
       imageId: parseInt(y.id),
       path: y.url
-    }))) || [], P = {
+    }))) || [], B = {
       content: s,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       id: Date.now(),
@@ -3993,36 +3997,36 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
     c(
       (y) => y ? {
         ...y,
-        messages: [...y.messages, P]
+        messages: [...y.messages, B]
       } : null
-    ), w(P.id), u(""), k(null), setTimeout(() => {
-      z();
+    ), w(B.id), u(""), k(null), setTimeout(() => {
+      v();
     }, 100);
     try {
-      await Be(e, r, s, I, M, b), await x(), setTimeout(() => {
-        z();
+      await Be(e, r, s, I, H, b), await T(), setTimeout(() => {
+        v();
       }, 100);
     } finally {
       setTimeout(() => {
         w(null);
       }, 1e4);
     }
-  }, le = (I) => {
-    const b = /* @__PURE__ */ new Date(), P = new Date(I), y = Math.floor((b.getTime() - P.getTime()) / 1e3);
+  }, G = (I) => {
+    const b = /* @__PURE__ */ new Date(), B = new Date(I), y = Math.floor((b.getTime() - B.getTime()) / 1e3);
     if (y < 60)
       return "just now";
     if (y < 3600) {
-      const D = Math.floor(y / 60);
-      return `${D} minute${D > 1 ? "s" : ""} ago`;
+      const M = Math.floor(y / 60);
+      return `${M} minute${M > 1 ? "s" : ""} ago`;
     } else if (y < 10800) {
-      const D = Math.floor(y / 3600);
-      return `${D} hour${D > 1 ? "s" : ""} ago`;
-    } else return P.getFullYear() === b.getFullYear() ? P.toLocaleDateString("en-US", {
+      const M = Math.floor(y / 3600);
+      return `${M} hour${M > 1 ? "s" : ""} ago`;
+    } else return B.getFullYear() === b.getFullYear() ? B.toLocaleDateString("en-US", {
       month: "short",
       day: "2-digit",
       hour: "2-digit",
       minute: "2-digit"
-    }) : P.toLocaleDateString("en-US", {
+    }) : B.toLocaleDateString("en-US", {
       year: "numeric",
       month: "short",
       day: "2-digit",
@@ -4031,7 +4035,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
     });
   };
   return /* @__PURE__ */ h("div", { className: d.wrapper, children: [
-    o && !t ? /* @__PURE__ */ a(v, {}) : /* @__PURE__ */ h("div", { className: d.container, children: [
+    o && !t ? /* @__PURE__ */ a(N, {}) : /* @__PURE__ */ h("div", { className: d.container, children: [
       l ? /* @__PURE__ */ h("div", { className: d.ticketContainer, children: [
         /* @__PURE__ */ a(
           "div",
@@ -4063,7 +4067,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
               t == null ? void 0 : t.messages.sort((I, b) => new Date(I.createdAt).getTime() - new Date(b.createdAt).getTime()).map((I) => /* @__PURE__ */ h(
                 "div",
                 {
-                  className: R(d.message, {
+                  className: x(d.message, {
                     [d.messageAntistock]: l,
                     [d.myMessage]: !I.isSellerReply,
                     [d.otherMessage]: I.isSellerReply,
@@ -4077,7 +4081,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
                       {
                         className: d.messageImage,
                         onClick: () => {
-                          A(b.path), F(!0);
+                          P(b.path), R(!0);
                         },
                         children: /* @__PURE__ */ a(
                           "img",
@@ -4089,8 +4093,8 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
                       },
                       b.imageId
                     )) }),
-                    C !== I.id && /* @__PURE__ */ a("div", { className: d.messageDate, children: le(I.createdAt) }),
-                    C === I.id && /* @__PURE__ */ a("div", { className: d.messageDate, children: /* @__PURE__ */ a(v, {}) })
+                    C !== I.id && /* @__PURE__ */ a("div", { className: d.messageDate, children: G(I.createdAt) }),
+                    C === I.id && /* @__PURE__ */ a("div", { className: d.messageDate, children: /* @__PURE__ */ a(N, {}) })
                   ]
                 },
                 I.id
@@ -4115,25 +4119,25 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
                   "textarea",
                   {
                     disabled: f,
-                    className: R(d.textarea, {
+                    className: x(d.textarea, {
                       [d.textareaAntistock]: l
                     }),
                     value: s,
                     placeholder: f ? "The ticket has been closed. Need further assistance? Please submit a new request." : l ? "Type a message..." : "What worries you?",
                     onChange: (I) => u(I.target.value),
                     onKeyDown: (I) => {
-                      I.key === "Enter" && !I.shiftKey && (I.preventDefault(), X());
+                      I.key === "Enter" && !I.shiftKey && (I.preventDefault(), D());
                     }
                   }
                 ),
                 /* @__PURE__ */ a(
                   "div",
                   {
-                    onClick: X,
-                    className: R(d.button, {
+                    onClick: D,
+                    className: x(d.button, {
                       [d.disabled]: f
                     }),
-                    children: /* @__PURE__ */ a(K, { name: "PaperPlaneRight" })
+                    children: /* @__PURE__ */ a(J, { name: "PaperPlaneRight" })
                   }
                 )
               ] })
@@ -4142,7 +4146,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
         }
       )
     ] }),
-    p && /* @__PURE__ */ a(De, { close: () => A(null), children: /* @__PURE__ */ h(
+    p && /* @__PURE__ */ a(De, { close: () => P(null), children: /* @__PURE__ */ h(
       "div",
       {
         className: d.imageModal,
@@ -4153,9 +4157,9 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
             {
               className: d.imageModalClose,
               onClick: () => {
-                A(null), F(!1);
+                P(null), R(!1);
               },
-              children: /* @__PURE__ */ a(K, { name: "X" })
+              children: /* @__PURE__ */ a(J, { name: "X" })
             }
           ),
           /* @__PURE__ */ a(
@@ -4182,12 +4186,12 @@ export {
   Go as c,
   $o as d,
   zo as e,
-  Vo as f,
+  jo as f,
   Oe as g,
   Yo as h,
   _o as i,
   Ko as j,
-  jo as k,
+  Vo as k,
   Jo as l,
   on as m,
   Wo as r,

package/dist/{top-up-lwwKnojo.cjs → top-up-DWqdQrqZ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./builder-BLfL4Ybx.cjs"),c=require("react"),t=require("./charge-BGPoMvnI.cjs"),d=require("./ui-components-BMj5igzJ.cjs");require("./builder-components-BFeJpr4C.cjs");require("react-dom");require("./ticket-Bx_uxTsw.cjs");const u="_topUpContainer_1pag6_1",f="_formWrapper_1pag6_15",h="_header_1pag6_29",g="_footer_1pag6_82",_="_wrapper_1pag6_105",r={topUpContainer:u,formWrapper:f,header:h,footer:g,wrapper:_},m=()=>{const{gatewaysDetail:o,setGatewaysDetail:n,balanceSettings:e,setBalanceSettings:i}=l.useCustomerDashboardStore();return c.useEffect(()=>{!o&&e&&(async()=>{const s=await t.getGatewaysDetail(e!=null&&e.isEnabled?(e==null?void 0:e.topUpSettings.gateways)||[]:[]);n(s)})()},[o,e]),c.useEffect(()=>{e||(async()=>{const s=await t.getBalanceSettings();i(s)})()},[e]),a.jsxs("div",{className:r.wrapper,children:[a.jsx(t.CheckoutHeader,{className:r.header}),a.jsx("div",{className:r.topUpContainer,children:e?a.jsx("div",{className:r.formWrapper,children:a.jsx(t.BalanceModal,{isModal:!1})}):a.jsx(d.Loader,{})}),a.jsx("div",{className:r.footer,children:a.jsx(t.CheckoutFooter,{})})]})};exports.TopUpBalance=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./builder-D75m1V7n.cjs"),c=require("react"),t=require("./charge-B0gBdJdp.cjs"),d=require("./ui-components-C43Vf6bL.cjs");require("./builder-components-Co9iHNJy.cjs");require("react-dom");require("./ticket-C4s_sd2w.cjs");const u="_topUpContainer_1pag6_1",f="_formWrapper_1pag6_15",h="_header_1pag6_29",g="_footer_1pag6_82",_="_wrapper_1pag6_105",r={topUpContainer:u,formWrapper:f,header:h,footer:g,wrapper:_},m=()=>{const{gatewaysDetail:o,setGatewaysDetail:n,balanceSettings:e,setBalanceSettings:i}=l.useCustomerDashboardStore();return c.useEffect(()=>{!o&&e&&(async()=>{const s=await t.getGatewaysDetail(e!=null&&e.isEnabled?(e==null?void 0:e.topUpSettings.gateways)||[]:[]);n(s)})()},[o,e]),c.useEffect(()=>{e||(async()=>{const s=await t.getBalanceSettings();i(s)})()},[e]),a.jsxs("div",{className:r.wrapper,children:[a.jsx(t.CheckoutHeader,{className:r.header}),a.jsx("div",{className:r.topUpContainer,children:e?a.jsx("div",{className:r.formWrapper,children:a.jsx(t.BalanceModal,{isModal:!1})}):a.jsx(d.Loader,{})}),a.jsx("div",{className:r.footer,children:a.jsx(t.CheckoutFooter,{})})]})};exports.TopUpBalance=m;