@billgangcom/theme-lib 1.118.0 → 1.119.1

package/dist/{ticket-r3Kx22M9.js → ticket-DnMgS6P-.js}

@@ -1,38 +1,38 @@
-var ee = Object.defineProperty;
-var oe = (n, r, e) => r in n ? ee(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
-var D = (n, r, e) => oe(n, typeof r != "symbol" ? r + "" : r, e);
-import { jsx as i, jsxs as m, Fragment as ne } from "react/jsx-runtime";
+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 H = (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 p from "react";
-import { j as q, M as z, r as j, aa as re, e as E, v as N, O as te, X as ce, p as U, K as x, c as X, a as V, b as O, f as B, ab as ae, u as ie, V as K } from "./builder-CcLZHVq3.js";
-import { y as le, z as se, N as Ie, P as ue, B as de, D as R, E as pe, F as ge, u as he, H as Se, Q as me, U as Ce } from "./charge-DC4f3U8I.js";
-import { e as F, g as _, E as G, I as we } from "./ui-components-BGzv0KT2.js";
-import { R as J, a as Y, b as Q, c as fe } from "./builder-components-Dl3dEzV6.js";
+import { j as Q, M as Z, r as ee, aa as de, e as W, v as G, O as pe, X as ge, p as $, K as U, c as oe, a as ne, b as q, f as R, ab as he, u as Se, V as re, J as me } from "./builder-DzFcDuDU.js";
+import { y as Ce, z as we, N as fe, P as ye, B as be, D as N, E as ke, F as Le, u as Te, H as Ae, Q as Pe, U as Be } from "./charge-CkFhM3y1.js";
+import { e as v, g as V, E as j, k as Fe, I as K, M as De } from "./ui-components-BVKhtpkS.js";
+import { R as te, a as ce, b as ae, c as Re } from "./builder-components-ucfPTdxb.js";
 import "react-dom";
-import "./checkout-B_qFvrUF.js";
-const ye = "_wrapper_1vt13_1", be = "_bg_1vt13_10", Le = "_main_1vt13_32", ke = "_noAnimation_1vt13_37", Te = "_loading_1vt13_51", Ae = "_loadingContent_1vt13_61", Pe = "_loader_1vt13_66", T = {
-  wrapper: ye,
-  bg: be,
-  main: Le,
-  noAnimation: ke,
-  loading: Te,
-  loadingContent: Ae,
-  loader: Pe
-}, Be = async (n, r) => {
-  const e = q.getState().apiUrls, o = z ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, l = localStorage.getItem("shopPassword");
-  if (r && !l)
+import "./checkout-9Jay4luu.js";
+const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", He = "_noAnimation_1vt13_37", Ne = "_loading_1vt13_51", Ee = "_loadingContent_1vt13_61", Ue = "_loader_1vt13_66", P = {
+  wrapper: ve,
+  bg: Me,
+  main: xe,
+  noAnimation: He,
+  loading: 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");
+  if (r && !i)
     return null;
-  const t = `${e.storeApi}/v2/shops/${o}/pages/${n}` + (r ? `?password=${l}` : "");
+  const t = `${e.storeApi}/v2/shops/${o}/pages/${n}` + (r ? `?password=${i}` : "");
   try {
-    return await j({
+    return await ee({
       url: t,
       withToken: !0,
       method: "get"
     });
   } catch (c) {
-    if (re.isAxiosError(c) && c.response && c.response.status === 404)
+    if (de.isAxiosError(c) && c.response && c.response.status === 404)
       return null;
   }
-}, Lo = [
+}, Oo = [
   "Acorn",
   "AcornIcon",
   "ActivityIcon",
@@ -3078,11 +3078,11 @@ const ye = "_wrapper_1vt13_1", be = "_bg_1vt13_10", Le = "_main_1vt13_32", ke =
   "YoutubeLogo",
   "YoutubeLogoIcon"
 ];
-var Fe = /* @__PURE__ */ ((n) => (n.ICON_LINK = "--icon-link", n.ICON_ERROR = "--icon-error", n.ICON_ACTION = "--icon-action", n.ICON_PRIMARY = "--icon-primary", n.ICON_SUCCESS = "--icon-success", n.ICON_WARNING = "--icon-warning", n.ICON_DISABLED = "--icon-disabled", n.ICON_INVERTED = "--icon-inverted", n.ICON_TERTIARY = "--icon-tertiary", n.ICON_SECONDARY = "--icon-secondary", n.ICON_ACTION_HOVER = "--icon-actionHover", n.ICON_INFORMATION = "--icon-information", n.TEXT_LINK = "--text-link", n.TEXT_ERROR = "--text-error", n.TEXT_ACTION = "--text-action", n.TEXT_PRIMARY = "--text-primary", n.TEXT_SUCCESS = "--text-success", n.TEXT_WARNING = "--text-warning", n.TEXT_DISABLED = "--text-disabled", n.TEXT_INVERTED = "--text-inverted", n.TEXT_TERTIARY = "--text-tertiary", n.TEXT_SECONDARY = "--text-secondary", n.TEXT_ACTION_HOVER = "--text-actionHover", n.TEXT_INFORMATION = "--text-information", n.BORDER_ERROR = "--border-error", n.BORDER_FOCUS = "--border-focus", n.BORDER_ACTION = "--border-action", n.BORDER_PRIMARY = "--border-primary", n.BORDER_SUCCESS = "--border-success", n.BORDER_WARNING = "--border-warning", n.BORDER_DISABLED = "--border-disabled", n.BORDER_SECONDARY = "--border-secondary", n.BORDER_ACTION_HOVER = "--border-actionHover", n.BORDER_INFORMATION = "--border-information", n.SURFACE_ERROR = "--surface-error", n.SURFACE_MODAL = "--surface-modal", n.SURFACE_ACTION1 = "--surface-action1", n.SURFACE_ACTION2 = "--surface-action2", n.SURFACE_PRIMARY = "--surface-primary", n.SURFACE_SUCCESS = "--surface-success", n.SURFACE_WARNING = "--surface-warning", n.SURFACE_DISABLED = "--surface-disabled", n.SURFACE_SECONDARY = "--surface-secondary", n.SURFACE_INFORMATION = "--surface-information", n.SURFACE_ACTION1_HOVER = "--surface-action1Hover", n.SURFACE_ACTION2_HOVER = "--surface-action2Hover", n))(Fe || {});
-const ko = [
+var _e = /* @__PURE__ */ ((n) => (n.ICON_LINK = "--icon-link", n.ICON_ERROR = "--icon-error", n.ICON_ACTION = "--icon-action", n.ICON_PRIMARY = "--icon-primary", n.ICON_SUCCESS = "--icon-success", n.ICON_WARNING = "--icon-warning", n.ICON_DISABLED = "--icon-disabled", n.ICON_INVERTED = "--icon-inverted", n.ICON_TERTIARY = "--icon-tertiary", n.ICON_SECONDARY = "--icon-secondary", n.ICON_ACTION_HOVER = "--icon-actionHover", n.ICON_INFORMATION = "--icon-information", n.TEXT_LINK = "--text-link", n.TEXT_ERROR = "--text-error", n.TEXT_ACTION = "--text-action", n.TEXT_PRIMARY = "--text-primary", n.TEXT_SUCCESS = "--text-success", n.TEXT_WARNING = "--text-warning", n.TEXT_DISABLED = "--text-disabled", n.TEXT_INVERTED = "--text-inverted", n.TEXT_TERTIARY = "--text-tertiary", n.TEXT_SECONDARY = "--text-secondary", n.TEXT_ACTION_HOVER = "--text-actionHover", n.TEXT_INFORMATION = "--text-information", n.BORDER_ERROR = "--border-error", n.BORDER_FOCUS = "--border-focus", n.BORDER_ACTION = "--border-action", n.BORDER_PRIMARY = "--border-primary", n.BORDER_SUCCESS = "--border-success", n.BORDER_WARNING = "--border-warning", n.BORDER_DISABLED = "--border-disabled", n.BORDER_SECONDARY = "--border-secondary", n.BORDER_ACTION_HOVER = "--border-actionHover", n.BORDER_INFORMATION = "--border-information", n.SURFACE_ERROR = "--surface-error", n.SURFACE_MODAL = "--surface-modal", n.SURFACE_ACTION1 = "--surface-action1", n.SURFACE_ACTION2 = "--surface-action2", n.SURFACE_PRIMARY = "--surface-primary", n.SURFACE_SUCCESS = "--surface-success", n.SURFACE_WARNING = "--surface-warning", n.SURFACE_DISABLED = "--surface-disabled", n.SURFACE_SECONDARY = "--surface-secondary", n.SURFACE_INFORMATION = "--surface-information", n.SURFACE_ACTION1_HOVER = "--surface-action1Hover", n.SURFACE_ACTION2_HOVER = "--surface-action2Hover", n))(_e || {});
+const _o = [
   {
     value: "4:3",
-    addon: /* @__PURE__ */ i(
+    addon: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -3092,7 +3092,7 @@ const ko = [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -3108,7 +3108,7 @@ const ko = [
   },
   {
     value: "16:9",
-    addon: /* @__PURE__ */ i(
+    addon: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -3118,7 +3118,7 @@ const ko = [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -3134,7 +3134,7 @@ const ko = [
   },
   {
     value: "9:16",
-    addon: /* @__PURE__ */ i(
+    addon: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -3144,7 +3144,7 @@ const ko = [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -3160,7 +3160,7 @@ const ko = [
   },
   {
     value: "1:1",
-    addon: /* @__PURE__ */ i(
+    addon: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -3170,7 +3170,7 @@ const ko = [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -3184,11 +3184,11 @@ const ko = [
       }
     )
   }
-], To = (n) => {
-  const { notifications: r, setNotifications: e } = E.getState();
+], Go = (n) => {
+  const { notifications: r, setNotifications: e } = W.getState();
   e(r.filter((o) => o.id !== n));
-}, Ao = (n) => {
-  const { notifications: r, setNotifications: e } = E.getState(), o = N();
+}, Wo = (n) => {
+  const { notifications: r, setNotifications: e } = W.getState(), o = G();
   return e([
     ...r,
     {
@@ -3197,37 +3197,37 @@ const ko = [
     }
   ]), o;
 };
-class De {
+class Ge {
   constructor() {
-    D(this, "observer", null);
-    D(this, "callbacks", /* @__PURE__ */ new Map());
-    D(this, "handleWindowResize", () => {
+    H(this, "observer", null);
+    H(this, "callbacks", /* @__PURE__ */ new Map());
+    H(this, "handleWindowResize", () => {
       this.callbacks.forEach((r, e) => {
         const o = e.getBoundingClientRect().width;
-        r.forEach((l) => l(o));
+        r.forEach((i) => i(o));
       });
     });
     this.observer = new ResizeObserver((r) => {
       var e;
       for (const o of r) {
-        const l = o.contentRect.width, t = o.target;
-        this.callbacks.has(t) && ((e = this.callbacks.get(t)) == null || e.forEach((c) => c(l)));
+        const i = o.contentRect.width, t = o.target;
+        this.callbacks.has(t) && ((e = this.callbacks.get(t)) == null || e.forEach((c) => c(i)));
       }
     }), window.addEventListener("resize", this.handleWindowResize);
   }
   observe(r, e) {
-    var l;
+    var i;
     if (!this.observer) return;
-    this.callbacks.has(r) || (this.callbacks.set(r, []), this.observer.observe(r)), (this.callbacks.get(r) || []).includes(e) || (l = this.callbacks.get(r)) == null || l.push(e);
+    this.callbacks.has(r) || (this.callbacks.set(r, []), this.observer.observe(r)), (this.callbacks.get(r) || []).includes(e) || (i = this.callbacks.get(r)) == null || i.push(e);
   }
   unobserve(r, e) {
     var o;
     if (!(!this.observer || !this.callbacks.has(r))) {
       if (e) {
-        const l = this.callbacks.get(r) || [];
+        const i = this.callbacks.get(r) || [];
         this.callbacks.set(
           r,
-          l.filter((t) => t !== e)
+          i.filter((t) => t !== e)
         );
       }
       (o = this.callbacks.get(r)) != null && o.length || (this.callbacks.delete(r), this.observer.unobserve(r));
@@ -3238,83 +3238,83 @@ class De {
     this.observer && (this.observer.disconnect(), this.observer = null), this.callbacks.clear(), window.removeEventListener("resize", this.handleWindowResize);
   }
 }
-const W = new De();
-function Po(n) {
+const J = new Ge();
+function $o(n) {
   const [r, e] = p.useState("desktop");
   return p.useEffect(() => {
     const o = n.current;
     if (!o) return;
-    const l = (s) => s >= 1081 ? "desktop" : s >= 720 ? "tablet" : "mobile", t = (s) => {
-      const I = l(s);
-      e(I);
+    const i = (s) => s >= 1081 ? "desktop" : s >= 720 ? "tablet" : "mobile", t = (s) => {
+      const u = i(s);
+      e(u);
     };
-    W.observe(o, t);
+    J.observe(o, t);
     const c = o.getBoundingClientRect().width;
     return t(c), () => {
-      W.unobserve(o, t);
+      J.unobserve(o, t);
     };
   }, [n]), r;
 }
-const Bo = () => {
-  const { balance: n, setBalance: r } = te();
+const qo = () => {
+  const { balance: n, setBalance: r } = pe();
   return p.useEffect(() => {
     n || (async () => {
       if (!localStorage.getItem("token")) return;
-      const l = await le();
-      r(l);
+      const i = await Ce();
+      r(i);
     })();
   }, [n]), n;
-}, Re = "_wrapper_ysrl4_1", ve = "_tableContainer_ysrl4_6", xe = "_ticketsTable_ysrl4_19", Me = "_tableItem_ysrl4_37", He = "_tableLoader_ysrl4_41", k = {
-  wrapper: Re,
-  tableContainer: ve,
-  ticketsTable: xe,
-  tableItem: Me,
-  tableLoader: He
-}, Ne = async (n = 1) => {
+}, We = "_wrapper_ysrl4_1", $e = "_tableContainer_ysrl4_6", qe = "_ticketsTable_ysrl4_19", ze = "_tableItem_ysrl4_37", Xe = "_tableLoader_ysrl4_41", T = {
+  wrapper: We,
+  tableContainer: $e,
+  ticketsTable: qe,
+  tableItem: ze,
+  tableLoader: Xe
+}, Ve = async (n = 1) => {
   try {
-    return await se({ PageNumber: n });
+    return await we({ PageNumber: n });
   } catch (r) {
     return console.error("Failed to fetch tickets:", r), {
       list: [],
       totalCount: 0
     };
   }
-}, Fo = () => {
-  const [n, r] = p.useState(null), { page: e, setPage: o } = ce(), [l, t] = p.useState(!0), [c, s] = p.useState(0);
+}, zo = () => {
+  const [n, r] = p.useState(null), { page: e, setPage: o } = ge(), [i, t] = p.useState(!0), [c, s] = p.useState(0);
   p.useEffect(() => {
     (async () => {
       t(!0);
-      const { list: y, totalCount: C } = await Ne(e);
-      r(y), s(C), t(!1);
+      const { list: k, totalCount: C } = await Ve(e);
+      r(k), s(C), t(!1);
     })();
   }, [e]);
-  const I = !l && n;
-  return I && n.length === 0 ? /* @__PURE__ */ i(
-    Ie,
+  const u = !i && n;
+  return u && n.length === 0 ? /* @__PURE__ */ a(
+    fe,
     {
       title: "Tickets",
       description: "You don't have any tickets yet. If you contact support, tickets will be displayed here.",
       centered: !0
     }
-  ) : /* @__PURE__ */ m("div", { className: k.wrapper, children: [
-    /* @__PURE__ */ i(ue, { title: "Tickets" }),
-    /* @__PURE__ */ m("div", { className: k.tableContainer, children: [
-      /* @__PURE__ */ m(de, { className: k.ticketsTable, children: [
-        /* @__PURE__ */ i(R, { className: k.tableItem, children: "TICKET ID" }),
-        /* @__PURE__ */ i(R, { className: k.tableItem, children: "LAST MESSAGE" }),
-        /* @__PURE__ */ i(R, { className: k.tableItem, children: "CREATED" }),
-        /* @__PURE__ */ i(R, { className: k.tableItem, children: "STATUS" }),
-        I && (n == null ? void 0 : n.map((S) => /* @__PURE__ */ i(
-          pe,
+  ) : /* @__PURE__ */ h("div", { className: T.wrapper, children: [
+    /* @__PURE__ */ a(ye, { title: "Tickets" }),
+    /* @__PURE__ */ h("div", { className: T.tableContainer, children: [
+      /* @__PURE__ */ h(be, { className: T.ticketsTable, children: [
+        /* @__PURE__ */ a(N, { className: T.tableItem, children: "TICKET ID" }),
+        /* @__PURE__ */ a(N, { className: T.tableItem, children: "LAST MESSAGE" }),
+        /* @__PURE__ */ a(N, { className: T.tableItem, children: "CREATED" }),
+        /* @__PURE__ */ a(N, { className: T.tableItem, children: "STATUS" }),
+        u && (n == null ? void 0 : n.map((m) => /* @__PURE__ */ a(
+          ke,
           {
-            item: S
+            item: m
           },
-          S.id
+          m.id
         )))
       ] }),
-      !I && /* @__PURE__ */ i("div", { className: k.tableLoader, children: /* @__PURE__ */ i(F, {}) }),
-      I && /* @__PURE__ */ i(
-        ge,
+      !u && /* @__PURE__ */ a("div", { className: T.tableLoader, children: /* @__PURE__ */ a(v, {}) }),
+      u && /* @__PURE__ */ a(
+        Le,
         {
           currentPage: e,
           totalCount: c,
@@ -3323,13 +3323,13 @@ const Bo = () => {
       )
     ] })
   ] });
-}, Ee = "_wrapper_rccv2_1", Ue = "_content_rccv2_11", Oe = "_title_rccv2_21", M = {
-  wrapper: Ee,
-  content: Ue,
-  title: Oe
-}, _e = () => {
-  const n = U(), { isAntistock: r } = x();
-  return r ? /* @__PURE__ */ m(
+}, je = "_wrapper_rccv2_1", Ke = "_content_rccv2_11", Je = "_title_rccv2_21", O = {
+  wrapper: je,
+  content: Ke,
+  title: Je
+}, Ye = () => {
+  const n = $(), { isAntistock: r } = U();
+  return r ? /* @__PURE__ */ h(
     "div",
     {
       style: {
@@ -3343,9 +3343,9 @@ const Bo = () => {
         color: "var(--text-primary)"
       },
       children: [
-        /* @__PURE__ */ i(J, {}),
-        /* @__PURE__ */ i(Y, {}),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ a(te, {}),
+        /* @__PURE__ */ a(ce, {}),
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -3357,7 +3357,7 @@ const Bo = () => {
               gap: "24px"
             },
             children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ a(
                 "h2",
                 {
                   style: {
@@ -3367,8 +3367,8 @@ const Bo = () => {
                   children: "404 Not Found"
                 }
               ),
-              /* @__PURE__ */ i(
-                _,
+              /* @__PURE__ */ a(
+                V,
                 {
                   type: "Primary",
                   onClick: () => n("/"),
@@ -3378,13 +3378,13 @@ const Bo = () => {
             ]
           }
         ),
-        /* @__PURE__ */ i(Q, {})
+        /* @__PURE__ */ a(ae, {})
       ]
     }
-  ) : /* @__PURE__ */ i("div", { className: M.wrapper, children: /* @__PURE__ */ m("div", { className: M.content, children: [
-    /* @__PURE__ */ i("h1", { className: M.title, children: "Page Not Found" }),
-    /* @__PURE__ */ i(
-      _,
+  ) : /* @__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(
+      V,
       {
         type: "Primary",
         onClick: () => n("/"),
@@ -3392,7 +3392,7 @@ const Bo = () => {
       }
     )
   ] }) });
-}, $ = {
+}, Y = {
   "/": "Home",
   "/products": "Products",
   "/reviews": "Reviews",
@@ -3401,143 +3401,143 @@ const Bo = () => {
   "/faq": "FAQ",
   "/support": "Support",
   "/cart": "Cart"
-}, Ge = ({ pagePath: n }) => {
-  const { sourceBlocks: r } = X(), e = U(), [o, l] = p.useState(null), [t, c] = p.useState(!0), [s, I] = p.useState(null), { settings: S } = V(), { addProducts: y } = he(), { pageContext: C } = O(), { isAntistock: d, general: h } = x();
+}, Qe = ({ pagePath: n }) => {
+  const { sourceBlocks: r } = oe(), e = $(), [o, i] = p.useState(null), [t, c] = p.useState(!0), [s, u] = p.useState(null), { settings: m } = ne(), { addProducts: k } = Te(), { pageContext: C } = q(), { isAntistock: w, general: g } = U();
   p.useEffect(() => {
-    var g, b;
-    if (n === "/support" && ((g = h == null ? void 0 : h.info) != null && g.disableSupport)) {
-      const a = (b = h == null ? void 0 : h.info) == null ? void 0 : b.thirdPartySupportUrl;
-      a ? window.open(a, "_self") : e("/", { replace: !0 });
+    var S, L;
+    if (n === "/support" && ((S = g == null ? void 0 : g.info) != null && S.disableSupport)) {
+      const l = (L = g == null ? void 0 : g.info) == null ? void 0 : L.thirdPartySupportUrl;
+      l ? window.open(l, "_self") : e("/", { replace: !0 });
     }
-  }, [n, h]), p.useEffect(() => {
+  }, [n, g]), p.useEffect(() => {
     c(!0);
-    const g = async () => {
-      const b = await Be(
+    const S = async () => {
+      const L = await Oe(
         encodeURIComponent(n),
-        h == null ? void 0 : h.info.passwordProtected
+        g == null ? void 0 : g.info.passwordProtected
       );
-      if (b) {
-        const { data: a } = b;
-        if (a.seo && a.seo.pageTitle ? document.title = a.seo.pageTitle : $[n] ? document.title = $[n] : a.products.length > 0 ? document.title = `Product | ${a.products[0].name}` : a.fullPosts.length > 0 && (document.title = `Post | ${a.fullPosts[0].title}`), a.preserveContent) {
-          const w = {
-            order: [...(s == null ? void 0 : s.order) ?? [], ...a.layout.order],
+      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) {
+          const y = {
+            order: [...(s == null ? void 0 : s.order) ?? [], ...l.layout.order],
             data: {
               ...s == null ? void 0 : s.data,
-              ...a.layout.data
+              ...l.layout.data
             }
           };
-          I(w);
+          u(y);
         } else
-          I(a.layout);
-        const L = a.listings.filter(
-          (w) => w.type === "PRODUCT" || w.type === "GROUP"
-        ), f = L && L.length > 0 ? a.listings : [...C.listings ?? [], ...a.listings];
-        if (a.preserveContent) {
-          const w = {
+          u(l.layout);
+        const M = l.listings.filter(
+          (y) => y.type === "PRODUCT" || y.type === "GROUP"
+        ), F = M && M.length > 0 ? l.listings : [...C.listings ?? [], ...l.listings];
+        if (l.preserveContent) {
+          const y = {
             ...C,
-            products: [...(o == null ? void 0 : o.products) ?? [], ...a.products],
-            reviews: [...(o == null ? void 0 : o.reviews) ?? [], ...a.reviews],
-            categories: [...(o == null ? void 0 : o.categories) ?? [], ...a.categories],
-            faqs: [...(o == null ? void 0 : o.faqs) ?? [], ...a.faqs],
-            general: a.general,
-            fullPosts: [...(o == null ? void 0 : o.fullPosts) ?? [], ...a.fullPosts],
-            posts: [...(o == null ? void 0 : o.posts) ?? [], ...a.posts],
-            preserveContent: a.preserveContent,
-            listings: f,
-            vouches: [...(o == null ? void 0 : o.vouches) ?? [], ...a.vouches]
+            products: [...(o == null ? void 0 : o.products) ?? [], ...l.products],
+            reviews: [...(o == null ? void 0 : o.reviews) ?? [], ...l.reviews],
+            categories: [...(o == null ? void 0 : o.categories) ?? [], ...l.categories],
+            faqs: [...(o == null ? void 0 : o.faqs) ?? [], ...l.faqs],
+            general: l.general,
+            fullPosts: [...(o == null ? void 0 : o.fullPosts) ?? [], ...l.fullPosts],
+            posts: [...(o == null ? void 0 : o.posts) ?? [], ...l.posts],
+            preserveContent: l.preserveContent,
+            listings: F,
+            vouches: [...(o == null ? void 0 : o.vouches) ?? [], ...l.vouches]
           };
-          l(w);
+          i(y);
         } else
-          l({
+          i({
             ...C,
-            products: a.products,
-            reviews: a.reviews,
-            categories: a.categories,
-            faqs: a.faqs,
-            general: a.general,
-            fullPosts: a.fullPosts,
-            posts: a.posts,
-            preserveContent: a.preserveContent,
-            listings: f,
-            vouches: a.vouches
+            products: l.products,
+            reviews: l.reviews,
+            categories: l.categories,
+            faqs: l.faqs,
+            general: l.general,
+            fullPosts: l.fullPosts,
+            posts: l.posts,
+            preserveContent: l.preserveContent,
+            listings: F,
+            vouches: l.vouches
           });
-        y(a.products);
+        k(l.products);
       }
       c(!1);
     };
-    C.listings && h && g();
-  }, [n, C.listings, h]);
-  const A = (g) => {
-    if (!g || !g.name)
-      return /* @__PURE__ */ i(G, { error: "Block or block.name is undefined." });
-    if (!r || !r[g.name])
-      return /* @__PURE__ */ i(G, { error: `Block "${g.name}" does not exist in blocks.` });
-    const b = new r[g.name]();
-    return g.value && Object.assign(b, g.value), b.renderBlock(S, o);
+    C.listings && g && S();
+  }, [n, C.listings, g]);
+  const B = (S) => {
+    if (!S || !S.name)
+      return /* @__PURE__ */ a(j, { 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.` });
+    const L = new r[S.name]();
+    return S.value && Object.assign(L, S.value), L.renderBlock(m, o);
   };
-  return !t && s === null ? /* @__PURE__ */ i(_e, {}) : /* @__PURE__ */ m(
+  return !t && s === null ? /* @__PURE__ */ a(Ye, {}) : /* @__PURE__ */ h(
     "div",
     {
-      className: B(T.wrapper, {
-        [T.bg]: !d,
-        [T.loadingContent]: t
+      className: R(P.wrapper, {
+        [P.bg]: !w,
+        [P.loadingContent]: t
       }),
       children: [
-        /* @__PURE__ */ i(J, {}),
-        /* @__PURE__ */ i(
-          Y,
+        /* @__PURE__ */ a(te, {}),
+        /* @__PURE__ */ a(
+          ce,
           {
-            settings: S,
+            settings: m,
             pageContext: o
           }
         ),
-        s ? /* @__PURE__ */ m(ne, { children: [
-          /* @__PURE__ */ i(
+        s ? /* @__PURE__ */ h(ue, { children: [
+          /* @__PURE__ */ a(
             "div",
             {
-              className: B(T.main, {
-                [T.noAnimation]: d
+              className: R(P.main, {
+                [P.noAnimation]: w
               }),
-              children: s.order && s.order.map((g) => /* @__PURE__ */ i(
-                fe,
+              children: s.order && s.order.map((S) => /* @__PURE__ */ a(
+                Re,
                 {
-                  block: s.data[g],
-                  render: A
+                  block: s.data[S],
+                  render: B
                 },
-                g
+                S
               ))
             }
           ),
-          /* @__PURE__ */ i(
-            Q,
+          /* @__PURE__ */ a(
+            ae,
             {
-              settings: S,
+              settings: m,
               pageContext: o
             }
           )
-        ] }) : /* @__PURE__ */ i("div", { className: T.loading, children: /* @__PURE__ */ i(F, {}) }),
-        t && /* @__PURE__ */ i("div", { className: T.loader, children: /* @__PURE__ */ i(F, {}) })
+        ] }) : /* @__PURE__ */ a("div", { className: P.loading, children: /* @__PURE__ */ a(v, {}) }),
+        t && /* @__PURE__ */ a("div", { className: P.loader, children: /* @__PURE__ */ a(v, {}) })
       ]
     }
   );
 };
-function Do() {
-  const n = ae();
-  return /* @__PURE__ */ i(Ge, { pagePath: n.pathname });
+function Xo() {
+  const n = he();
+  return /* @__PURE__ */ a(Qe, { pagePath: n.pathname });
 }
-const Ro = (n, r) => {
+const Vo = (n, r) => {
   let e = `:root {
 `;
   if (r && (e += `  --max-width-store: ${r.maxStoreWidth};
 `, r.aspectRatio && (e += `  --aspect-ratio: ${r.aspectRatio.toString().replace(":", "/")};
 `), r.showParticles !== void 0 && (e += `  --showParticles: ${r.showParticles};
-`)), n.colors && Object.entries(n.colors).forEach(([o, l]) => {
-    Object.entries(l).forEach(([t, c]) => {
+`)), n.colors && Object.entries(n.colors).forEach(([o, i]) => {
+    Object.entries(i).forEach(([t, c]) => {
       e += `  --${o}-${t}: ${c};
 `;
     });
-  }), n.fonts && Object.entries(n.fonts.desktop).forEach(([o, l]) => {
-    typeof l == "object" && Object.entries(l).forEach(([t, c]) => {
+  }), n.fonts && Object.entries(n.fonts.desktop).forEach(([o, i]) => {
+    typeof i == "object" && Object.entries(i).forEach(([t, c]) => {
       c && (e += `  --font-${o}-${t}-family: ${c.font};
 `, e += `  --font-${o}-${t}-size: ${c.size}px;
 `, e += `  --font-${o}-${t}-weight: ${c.weight};
@@ -3548,14 +3548,14 @@ const Ro = (n, r) => {
   }), n.buttons) {
     const { buttons: o } = n;
     if (o.primary && o.secondary && o.tertiary) {
-      const l = `${o.primary.boxShadow.left}px ${o.primary.boxShadow.top}px ${o.primary.boxShadow.blur}px ${o.primary.boxShadow.spread}px ${o.primary.boxShadow.color}`, t = `${o.secondary.boxShadow.left}px ${o.secondary.boxShadow.top}px ${o.secondary.boxShadow.blur}px ${o.secondary.boxShadow.spread}px ${o.secondary.boxShadow.color}`, c = `${o.tertiary.boxShadow.left}px ${o.tertiary.boxShadow.top}px ${o.tertiary.boxShadow.blur}px ${o.tertiary.boxShadow.spread}px ${o.tertiary.boxShadow.color}`;
+      const i = `${o.primary.boxShadow.left}px ${o.primary.boxShadow.top}px ${o.primary.boxShadow.blur}px ${o.primary.boxShadow.spread}px ${o.primary.boxShadow.color}`, t = `${o.secondary.boxShadow.left}px ${o.secondary.boxShadow.top}px ${o.secondary.boxShadow.blur}px ${o.secondary.boxShadow.spread}px ${o.secondary.boxShadow.color}`, c = `${o.tertiary.boxShadow.left}px ${o.tertiary.boxShadow.top}px ${o.tertiary.boxShadow.blur}px ${o.tertiary.boxShadow.spread}px ${o.tertiary.boxShadow.color}`;
       e += `  --button-primary-size: ${o.primary.size}px;
 `, e += `  --button-primary-height: ${o.primary.height}px;
 `, e += `  --button-primary-radius: ${o.primary.radius}px;
 `, e += `  --button-primary-alignment: ${o.primary.alignment};
 `, e += `  --button-primary-background: ${o.primary.background};
 `, e += `  --button-primary-hover: ${o.primary.hover};
-`, e += `  --button-primary-box-shadow: ${l};
+`, e += `  --button-primary-box-shadow: ${i};
 `, e += `  --button-primary-font: ${o.primary.font};
 `, e += `  --button-primary-text-color: ${o.primary.color};
 `, e += `  --button-primary-text-color-hover: ${o.primary.colorHover};
@@ -3650,7 +3650,7 @@ const Ro = (n, r) => {
 `, e += `  --border-md: var(--scale-2);
 `, e += `  --border-lg: var(--scale-4);
 `, e += "}", e;
-}, vo = (n) => {
+}, jo = (n) => {
   const r = document.getElementById("dynamic-styles");
   if (r)
     r.innerHTML = n;
@@ -3658,56 +3658,56 @@ const Ro = (n, r) => {
     const e = document.createElement("style");
     e.id = "dynamic-styles", e.innerHTML = n, document.head.appendChild(e);
   }
-}, v = /* @__PURE__ */ new Set(), We = (n) => {
+}, E = /* @__PURE__ */ new Set(), Ze = (n) => {
   const r = /* @__PURE__ */ new Map();
   return Object.entries(n).forEach(([, e]) => {
     typeof e == "object" && Object.entries(e).forEach(([, o]) => {
-      var l, t;
+      var i, t;
       if (o && o.font) {
         const c = o.font.replace(/\s+/g, "+");
-        r.has(c) || r.set(c, /* @__PURE__ */ new Set()), (l = r.get(c)) == null || l.add(o.weight), (t = r.get(c)) == null || t.add(o.boldWeight);
+        r.has(c) || r.set(c, /* @__PURE__ */ new Set()), (i = r.get(c)) == null || i.add(o.weight), (t = r.get(c)) == null || t.add(o.boldWeight);
       }
     });
   }), r;
-}, $e = (n) => {
+}, eo = (n) => {
   const r = /* @__PURE__ */ new Map();
   return Object.entries(n).forEach(([, e]) => {
     typeof e == "object" && Object.keys(e).forEach((o) => {
-      var l;
+      var i;
       if (o === "font" && e[o]) {
         const t = e[o].replace(/\s+/g, "+");
-        r.has(t) || r.set(t, /* @__PURE__ */ new Set()), (l = r.get(t)) == null || l.add("400");
+        r.has(t) || r.set(t, /* @__PURE__ */ new Set()), (i = r.get(t)) == null || i.add("400");
       }
     });
   }), r;
-}, qe = (n) => {
-  v.forEach((r) => {
+}, oo = (n) => {
+  E.forEach((r) => {
     if (!n.has(r)) {
       const e = document.querySelector(`link[data-font="${r}"]`);
-      e && e.remove(), v.delete(r);
+      e && e.remove(), E.delete(r);
     }
   });
-}, ze = (n) => {
+}, no = (n) => {
   const r = /* @__PURE__ */ new Set();
   n.forEach((e, o) => {
-    const l = Array.from(e).sort().join(";"), t = `${o}:wght@${l}`;
-    if (r.add(t), !v.has(t)) {
+    const i = Array.from(e).sort().join(";"), t = `${o}:wght@${i}`;
+    if (r.add(t), !E.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), v.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), E.add(t);
     }
-  }), qe(r);
-}, xo = (n) => {
+  }), oo(r);
+}, Ko = (n) => {
   if (n.fonts) {
-    const r = We(n.fonts.desktop), e = $e(n.buttons), o = new Map(r);
-    e.forEach((l, t) => {
+    const r = Ze(n.fonts.desktop), e = eo(n.buttons), o = new Map(r);
+    e.forEach((i, t) => {
       if (o.has(t)) {
         const c = o.get(t);
-        l.forEach((s) => c == null ? void 0 : c.add(s));
+        i.forEach((s) => c == null ? void 0 : c.add(s));
       } else
-        o.set(t, new Set(l));
-    }), ze(o);
+        o.set(t, new Set(i));
+    }), no(o);
   }
-}, H = [
+}, _ = [
   {
     family: "GT Eesti Pro Display",
     files: [
@@ -3750,7 +3750,7 @@ const Ro = (n, r) => {
       { filename: "Ubuntu-Bold.ttf", weight: "700", style: "normal" }
     ]
   }
-], je = (n) => {
+], ro = (n) => {
   var e;
   switch ((e = n.split(".").pop()) == null ? void 0 : e.toLowerCase()) {
     case "woff2":
@@ -3764,32 +3764,32 @@ const Ro = (n, r) => {
     default:
       return "opentype";
   }
-}, Xe = (n, r, e, o) => {
-  const l = je(r);
+}, to = (n, r, e, o) => {
+  const i = ro(r);
   return `
 @font-face {
   font-family: '${n}';
-  src: url('./src/assets/fonts/${r}') format('${l}');
+  src: url('./src/assets/fonts/${r}') format('${i}');
   font-weight: ${e};
   font-style: ${o};
   font-display: swap;
 }`;
-}, Mo = () => {
+}, Jo = () => {
   if (document.getElementById("custom-fonts-styles"))
     return;
   let n = "";
-  H.forEach((e) => {
+  _.forEach((e) => {
     e.files.forEach((o) => {
-      n += Xe(e.family, o.filename, o.weight, o.style) + `
+      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:", H.map((e) => e.family).join(", ")), H.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(", "));
   });
 };
-function Ho() {
+function Yo() {
   if (window.location.pathname.includes("/admin/builder"))
     try {
       const {
@@ -3797,27 +3797,27 @@ function Ho() {
         currentBlock: r,
         blocks: e,
         setHeader: o,
-        setFooter: l,
+        setFooter: i,
         setAnnouncement: t
-      } = ie.getState(), { currentPage: c, pages: s } = O.getState(), { currentInstance: I, settingsInstance: S } = X.getState(), { setSettings: y } = V.getState();
-      if (r || y(S.blockSettings), I && r) {
+      } = Se.getState(), { currentPage: c, pages: s } = q.getState(), { currentInstance: u, settingsInstance: m } = oe.getState(), { setSettings: k } = ne.getState();
+      if (r || k(m.blockSettings), u && r) {
         if (r === "header")
-          o(I);
+          o(u);
         else if (r === "footer")
-          l(I);
+          i(u);
         else if (r === "announcement")
-          t(I);
+          t(u);
         else if (r === "header" || r === "footer" || r === "announcement")
           throw new Error(`Missing ${r} data.`);
       }
-      if (I && s && r && !["header", "footer", "announcement"].includes(r)) {
+      if (u && s && r && !["header", "footer", "announcement"].includes(r)) {
         const C = {
           blockSettings: {}
         };
-        if (!I.blockSettings)
+        if (!u.blockSettings)
           throw new Error("currentInstance.blockSettings is undefined.");
-        if (Object.keys(I.blockSettings).filter((d) => !["displayName", "isAddable"].includes(d)).forEach((d) => {
-          C.blockSettings[d] = I.blockSettings[d];
+        if (Object.keys(u.blockSettings).filter((w) => !["displayName", "isAddable"].includes(w)).forEach((w) => {
+          C.blockSettings[w] = u.blockSettings[w];
         }), !s[c])
           throw new Error(`Page "${c}" does not exist.`);
         if (!e[s[c].path].data || !e[s[c].path].data[r])
@@ -3833,23 +3833,23 @@ function Ho() {
       console.error("Error in hotReload function:", n);
     }
 }
-function No(n, r = !0) {
+function Qo(n, r = !0) {
   if (!n || typeof n != "string")
     return "";
   if (/<[a-z][\s\S]*>/i.test(n))
     return n;
-  const o = n.split(" "), l = 20;
+  const o = n.split(" "), i = 20;
   if (r) {
     let t = "", c = [];
     return o.forEach((s) => {
-      s.length > l ? (c.length > 0 && (t += `<span style="hyphens: manual">${c.join(" ")} </span>`, c = []), t += `<span style="hyphens: auto" lang="en">${s} </span>`) : c.push(s);
+      s.length > i ? (c.length > 0 && (t += `<span style="hyphens: manual">${c.join(" ")} </span>`, c = []), t += `<span style="hyphens: auto" lang="en">${s} </span>`) : c.push(s);
     }), c.length > 0 && (t += `<span style="hyphens: manual">${c.join(" ")}</span>`), t;
   } else {
     const t = [];
     let c = [], s = 0;
-    return o.forEach((I) => {
-      I.length > l ? (c.length > 0 && (t.push(
-        /* @__PURE__ */ m(
+    return o.forEach((u) => {
+      u.length > i ? (c.length > 0 && (t.push(
+        /* @__PURE__ */ h(
           "span",
           {
             style: { hyphens: "manual" },
@@ -3861,21 +3861,21 @@ function No(n, r = !0) {
           s++
         )
       ), c = []), t.push(
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ h(
           "span",
           {
             style: { hyphens: "auto" },
             lang: "en",
             children: [
-              I,
+              u,
               " "
             ]
           },
           s++
         )
-      )) : c.push(I);
+      )) : c.push(u);
     }), c.length > 0 && t.push(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "span",
         {
           style: { hyphens: "manual" },
@@ -3886,122 +3886,139 @@ function No(n, r = !0) {
     ), t;
   }
 }
-const Eo = () => {
-  const n = q.getState().apiUrls, r = U(), { notifications: e, setNotifications: o } = E(), { isAntistock: l } = x();
-  return async (t, c, s, I, S) => {
-    const y = z ? localStorage.getItem("fakeDomain") : window.location.hostname, C = `${n.slApi}/v1/public/${y}/tickets`;
+const Zo = () => {
+  const n = Q.getState().apiUrls, r = $(), { notifications: e, setNotifications: o } = W(), { isAntistock: i } = U();
+  return async (t, c, s, u, m, k) => {
+    const C = Z ? localStorage.getItem("fakeDomain") : window.location.hostname, w = `${n.slApi}/v1/public/${C}/tickets`;
     try {
-      const d = await j({
+      const g = await ee({
         method: "post",
-        url: C,
+        url: w,
         body: {
           title: t,
           firstMessage: c,
-          email: I,
+          email: u,
           recaptcha: s,
-          tsId: K(),
-          orderId: S
+          tsId: re(),
+          orderId: m,
+          imageIds: k
         },
         withToken: !1
       });
       return o([
         ...e,
         {
-          id: N(),
-          message: l ? "Support ticket successfully created. You can expect to hear from us soon." : "Ticket created successfully. We will contact you by mail",
+          id: G(),
+          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/${d.data.id}/${d.data.accessToken}`), d;
-    } catch (d) {
+      ]), r(`/ticket/${g.data.id}/${g.data.accessToken}`), g;
+    } catch (g) {
       o([
         ...e,
         {
-          id: N(),
-          message: `Error: ${d}. Please try again later.`,
+          id: G(),
+          message: `Error: ${g}. Please try again later.`,
           status: "error"
         }
       ]);
     }
   };
-}, Uo = () => {
-  const { pages: n } = O(), [r, e] = p.useState(n);
+}, en = () => {
+  const { pages: n } = q(), [r, e] = p.useState(n);
   return p.useEffect(() => {
     e(n);
   }, [n]), r;
 };
-var Z = /* @__PURE__ */ ((n) => (n.NEW = "NEW", n.ANSWERED = "ANSWERED", n.NOT_ANSWERED = "NOT_ANSWERED", n.CLOSED = "CLOSED", n))(Z || {});
-const Ve = "_wrapper_mlj8m_1", Ke = "_ticketContainer_mlj8m_23", Je = "_title_mlj8m_28", Ye = "_subtext_mlj8m_35", Qe = "_container_mlj8m_41", Ze = "_content_mlj8m_52", eo = "_messages_mlj8m_63", oo = "_input_mlj8m_81", no = "_textarea_mlj8m_94", ro = "_textareaAntistock_mlj8m_123", to = "_message_mlj8m_63", co = "_messageDate_mlj8m_153", ao = "_messageAntistock_mlj8m_159", io = "_myMessage_mlj8m_164", lo = "_otherMessage_mlj8m_171", so = "_button_mlj8m_178", Io = "_disabled_mlj8m_178", uo = "_loadingMessage_mlj8m_204", u = {
-  wrapper: Ve,
-  ticketContainer: Ke,
-  title: Je,
-  subtext: Ye,
-  container: Qe,
-  content: Ze,
-  messages: eo,
-  input: oo,
-  textarea: no,
-  textareaAntistock: ro,
-  message: to,
-  messageDate: co,
-  messageAntistock: ao,
-  myMessage: io,
-  otherMessage: lo,
-  button: so,
-  disabled: Io,
-  loadingMessage: uo
-}, po = () => {
-  const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, l] = p.useState(!0), [t, c] = p.useState(null), [s, I] = p.useState(""), [S, y] = p.useState(null), { executeRecaptcha: C } = Se(), { isAntistock: d } = x(), h = (t == null ? void 0 : t.status) === Z.CLOSED, A = async () => {
+var ie = /* @__PURE__ */ ((n) => (n.NEW = "NEW", n.ANSWERED = "ANSWERED", n.NOT_ANSWERED = "NOT_ANSWERED", n.CLOSED = "CLOSED", n))(ie || {});
+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,
+  title: io,
+  subtext: lo,
+  container: so,
+  content: Io,
+  messages: uo,
+  input: po,
+  textarea: go,
+  textareaAntistock: ho,
+  message: So,
+  messageDate: mo,
+  messageAntistock: Co,
+  myMessage: wo,
+  otherMessage: fo,
+  button: yo,
+  disabled: bo,
+  loadingMessage: ko,
+  messageImages: Lo,
+  messageImage: To,
+  imagesLoader: Ao,
+  imageModal: Po,
+  imageModalClose: Bo
+}, Fo = () => {
+  const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, i] = p.useState(!0), [t, c] = p.useState(null), [s, u] = p.useState(""), [m, k] = p.useState(null), [C, w] = p.useState(null), [g, B] = p.useState(null), S = p.useRef(null), { executeRecaptcha: L } = Ae(), { isAntistock: l } = U(), M = re(), { setIsOpen: F } = me(), y = (t == null ? void 0 : t.status) === ie.CLOSED, z = p.useCallback(() => {
+    var I;
+    (I = S.current) == null || I.scrollIntoView({ behavior: "smooth" });
+  }, []), x = p.useCallback(async () => {
     if (e && r) {
-      const { data: a } = await me(e, r);
-      c(a), l(!1);
+      const { data: I } = await Pe(e, r);
+      c(I), i(!1);
     }
-  };
+  }, [e, r]);
   p.useEffect(() => {
-    A();
-    const a = setInterval(() => {
-      A();
+    x();
+    const I = setInterval(() => {
+      x();
     }, 5e3);
-    return () => clearInterval(a);
-  }, []);
-  const g = async () => {
-    const a = await C();
-    if (!e || !r || !a || !s.trim()) return;
-    const L = {
+    return () => clearInterval(I);
+  }, [x]);
+  const X = async () => {
+    const I = await L();
+    if (!e || !r || !I || !s.trim()) return;
+    const b = (m == null ? void 0 : m.map((f) => ({
+      imageId: parseInt(f.id),
+      path: f.url
+    }))) || [], A = {
       content: s,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       id: Date.now(),
       // Уникальный временный ID
-      isSellerReply: !1
+      isSellerReply: !1,
+      images: b
     };
     c(
       (f) => f ? {
         ...f,
-        messages: [...f.messages, L]
+        messages: [...f.messages, A]
       } : null
-    ), y(L.id), I("");
+    ), w(A.id), u(""), k(null), setTimeout(() => {
+      z();
+    }, 100);
     try {
-      await Ce(e, r, s, a, K()), await A();
+      await Be(e, r, s, I, M, b), await x(), setTimeout(() => {
+        z();
+      }, 100);
     } finally {
       setTimeout(() => {
-        y(null);
+        w(null);
       }, 1e4);
     }
-  }, b = (a) => {
-    const L = /* @__PURE__ */ new Date(), f = new Date(a), w = Math.floor((L.getTime() - f.getTime()) / 1e3);
-    if (w < 60)
+  }, le = (I) => {
+    const b = /* @__PURE__ */ new Date(), A = new Date(I), f = Math.floor((b.getTime() - A.getTime()) / 1e3);
+    if (f < 60)
       return "just now";
-    if (w < 3600) {
-      const P = Math.floor(w / 60);
-      return `${P} minute${P > 1 ? "s" : ""} ago`;
-    } else if (w < 10800) {
-      const P = Math.floor(w / 3600);
-      return `${P} hour${P > 1 ? "s" : ""} ago`;
-    } else return f.getFullYear() === L.getFullYear() ? f.toLocaleDateString("en-US", {
+    if (f < 3600) {
+      const D = Math.floor(f / 60);
+      return `${D} minute${D > 1 ? "s" : ""} ago`;
+    } else if (f < 10800) {
+      const D = Math.floor(f / 3600);
+      return `${D} hour${D > 1 ? "s" : ""} ago`;
+    } else return A.getFullYear() === b.getFullYear() ? A.toLocaleDateString("en-US", {
       month: "short",
       day: "2-digit",
       hour: "2-digit",
       minute: "2-digit"
-    }) : f.toLocaleDateString("en-US", {
+    }) : A.toLocaleDateString("en-US", {
       year: "numeric",
       month: "short",
       day: "2-digit",
@@ -4009,105 +4026,167 @@ const Ve = "_wrapper_mlj8m_1", Ke = "_ticketContainer_mlj8m_23", Je = "_title_ml
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ i("div", { className: u.wrapper, children: o && !t ? /* @__PURE__ */ i(F, {}) : /* @__PURE__ */ m("div", { className: u.container, children: [
-    d ? /* @__PURE__ */ m("div", { className: u.ticketContainer, children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: u.title,
-          style: { fontSize: "var(--font-heading-h3-size)" },
-          children: t == null ? void 0 : t.title
-        }
-      ),
-      /* @__PURE__ */ i(
+  return /* @__PURE__ */ h("div", { className: d.wrapper, children: [
+    o && !t ? /* @__PURE__ */ a(v, {}) : /* @__PURE__ */ h("div", { className: d.container, children: [
+      l ? /* @__PURE__ */ h("div", { className: d.ticketContainer, children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: d.title,
+            style: { fontSize: "var(--font-heading-h3-size)" },
+            children: t == null ? void 0 : t.title
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: d.subtext,
+            style: { fontSize: "var(--font-body-md-size)" },
+            children: "We’re going to respond to your ticket shortly. You’ll receive updates in your email inbox. Feel free to close this page."
+          }
+        )
+      ] }) : /* @__PURE__ */ a("div", { className: d.title, children: `#${e} (${t == null ? void 0 : t.title})` }),
+      /* @__PURE__ */ h(
         "div",
         {
-          className: u.subtext,
-          style: { fontSize: "var(--font-body-md-size)" },
-          children: "We’re going to respond to your ticket shortly. You’ll receive updates in your email inbox. Feel free to close this page."
+          className: d.content,
+          style: {
+            position: l ? "relative" : void 0,
+            border: l ? "1px solid var(--border-secondary)" : void 0
+          },
+          children: [
+            /* @__PURE__ */ h("div", { className: d.messages, children: [
+              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, {
+                    [d.messageAntistock]: l,
+                    [d.myMessage]: !I.isSellerReply,
+                    [d.otherMessage]: I.isSellerReply,
+                    [d.loadingMessage]: C === I.id
+                    // Добавляем класс загрузки
+                  }),
+                  children: [
+                    /* @__PURE__ */ a("div", { className: d.messageContent, children: I.content }),
+                    I.images && I.images.length > 0 && /* @__PURE__ */ a("div", { className: d.messageImages, children: I.images.map((b) => /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: d.messageImage,
+                        onClick: () => {
+                          B(b.path), F(!0);
+                        },
+                        children: /* @__PURE__ */ a(
+                          "img",
+                          {
+                            src: b.path,
+                            alt: "Attachment"
+                          }
+                        )
+                      },
+                      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, {}) })
+                  ]
+                },
+                I.id
+              )),
+              /* @__PURE__ */ a("div", { ref: S })
+            ] }),
+            /* @__PURE__ */ h("div", { className: d.input, children: [
+              !y && /* @__PURE__ */ a(
+                Fe,
+                {
+                  images: m,
+                  onChange: (I) => k(I),
+                  multiple: !0,
+                  enablePaste: !0,
+                  uploadText: "Add images",
+                  uploadSubtext: "Click or drag images here",
+                  className: d.imagesLoader
+                }
+              ),
+              /* @__PURE__ */ h("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ a(
+                  "textarea",
+                  {
+                    disabled: y,
+                    className: R(d.textarea, {
+                      [d.textareaAntistock]: l
+                    }),
+                    value: s,
+                    placeholder: y ? "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());
+                    }
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    onClick: X,
+                    className: R(d.button, {
+                      [d.disabled]: y
+                    }),
+                    children: /* @__PURE__ */ a(K, { name: "PaperPlaneRight" })
+                  }
+                )
+              ] })
+            ] })
+          ]
         }
       )
-    ] }) : /* @__PURE__ */ i("div", { className: u.title, children: `#${e} (${t == null ? void 0 : t.title})` }),
-    /* @__PURE__ */ m(
+    ] }),
+    g && /* @__PURE__ */ a(De, { close: () => B(null), children: /* @__PURE__ */ h(
       "div",
       {
-        className: u.content,
-        style: {
-          position: d ? "relative" : void 0,
-          border: d ? "1px solid var(--border-secondary)" : void 0
-        },
+        className: d.imageModal,
+        onClick: (I) => I.stopPropagation(),
         children: [
-          /* @__PURE__ */ i("div", { className: u.messages, children: t == null ? void 0 : t.messages.sort((a, L) => new Date(a.createdAt).getTime() - new Date(L.createdAt).getTime()).map((a) => /* @__PURE__ */ m(
+          /* @__PURE__ */ a(
             "div",
             {
-              className: B(u.message, {
-                [u.messageAntistock]: d,
-                [u.myMessage]: !a.isSellerReply,
-                [u.otherMessage]: a.isSellerReply,
-                [u.loadingMessage]: S === a.id
-                // Добавляем класс загрузки
-              }),
-              children: [
-                /* @__PURE__ */ i("div", { className: u.messageContent, children: a.content }),
-                S !== a.id && /* @__PURE__ */ i("div", { className: u.messageDate, children: b(a.createdAt) }),
-                S === a.id && /* @__PURE__ */ i("div", { className: u.messageDate, children: /* @__PURE__ */ i(F, {}) })
-              ]
-            },
-            a.id
-          )) }),
-          /* @__PURE__ */ m("div", { className: u.input, children: [
-            /* @__PURE__ */ i(
-              "textarea",
-              {
-                disabled: h,
-                className: B(u.textarea, {
-                  [u.textareaAntistock]: d
-                }),
-                value: s,
-                placeholder: h ? "The ticket has been closed. Need further assistance? Please submit a new request." : d ? "Type a message..." : "What worries you?",
-                onChange: (a) => I(a.target.value),
-                onKeyDown: (a) => {
-                  a.key === "Enter" && !a.shiftKey && (a.preventDefault(), g());
-                }
-              }
-            ),
-            /* @__PURE__ */ i(
-              "div",
-              {
-                onClick: g,
-                className: B(u.button, {
-                  [u.disabled]: h
-                }),
-                children: /* @__PURE__ */ i(we, { name: "PaperPlaneRight" })
-              }
-            )
-          ] })
+              className: d.imageModalClose,
+              onClick: () => {
+                B(null), F(!1);
+              },
+              children: /* @__PURE__ */ a(K, { name: "X" })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "img",
+            {
+              src: g,
+              alt: "Full size"
+            }
+          )
         ]
       }
-    )
-  ] }) });
-}, Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    ) })
+  ] });
+}, on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TicketItem: po
+  TicketItem: Fo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Fe as C,
-  Do as D,
-  Fo as T,
-  Eo as a,
-  Uo as b,
-  ko as c,
-  Ao as d,
-  Bo as e,
-  Ro as f,
-  Be as g,
-  Ho as h,
-  Lo as i,
-  xo as j,
-  vo as k,
-  Mo as l,
-  Oo as m,
-  To as r,
-  No as s,
-  Po as u
+  _e as C,
+  Xo as D,
+  zo as T,
+  Zo as a,
+  en as b,
+  _o as c,
+  Wo as d,
+  qo as e,
+  Vo as f,
+  Oe as g,
+  Yo as h,
+  Oo as i,
+  Ko as j,
+  jo as k,
+  Jo as l,
+  on as m,
+  Go as r,
+  Qo as s,
+  $o as u
 };