@scbt-ecom/ui 0.63.1 → 0.64.0

package/dist/widget.js

@@ -5,7 +5,7 @@ var It = (e) => {
 var ae = (e, t, r) => t in e ? de(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var it = (e, t, r) => ae(e, typeof t != "symbol" ? t + "" : t, r), gt = (e, t, r) => t.has(e) || It("Cannot " + r);
 var h = (e, t, r) => (gt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), C = (e, t, r) => t.has(e) ? It("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, n) => (gt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), z = (e, t, r) => (gt(e, t, "access private method"), r);
-var ht = (e, t, r, n) => ({
+var mt = (e, t, r, n) => ({
   set _(i) {
     y(e, t, i, r);
   },
@@ -13,18 +13,18 @@ var ht = (e, t, r, n) => ({
     return h(e, t, n);
   }
 });
-import { S as Vt, w as Wt, Q as le, x as E, y as Et, z as ue, E as pe, F as Mt, G as P, J as he, M as me, T as xe, W as fe, X as Ot, Y as St, Z as ce, _ as Ft, $ as Bt, a0 as be, j as o, B as vt, c as M, R as H, l as Gt, r as ge, H as W, i as c, s as ct, p as je, L as ye, n as Nt, A as ot, t as ke, a1 as we, q as ve, U as Kt, m as st, k as Ne } from "./index-9RerNC5J.js";
+import { S as Vt, w as Wt, Q as le, x as E, y as Et, z as ue, E as pe, F as Mt, G as P, J as me, M as he, T as xe, W as fe, X as Ot, Y as St, Z as ce, _ as Ft, $ as Bt, a0 as be, j as o, B as vt, c as M, R as H, l as Gt, r as ge, H as W, i as c, s as ct, p as je, L as ye, n as Nt, A as ot, t as ke, a1 as we, q as ve, U as Kt, m as st, k as Ne } from "./index-B00qeS0W.js";
 import { c as a, T as k } from "./typeGuards-Bhdr9KYW.js";
 import * as at from "react";
-import { useCallback as $t, useState as G, useMemo as Ct, createElement as Zt, Fragment as se, useEffect as Xt, useRef as Tt, useReducer as Ce, memo as Jt } from "react";
-import { s as Te, c as bt, g as Rt, a as Ie } from "./uuid-2wKG15vy.js";
+import { useCallback as $t, useState as G, useMemo as Ct, createElement as Zt, Fragment as se, useEffect as Xt, useRef as Tt, useReducer as Ce, memo as Jt, forwardRef as Te } from "react";
+import { s as Ie, c as bt, g as Rt, a as Ee } from "./uuid-2wKG15vy.js";
 import { i as Yt } from "./isClient-C9aZtt2Q.js";
-import { a as Y, c as Ee, b as Me } from "./useDebounce-QgEEiWs9.js";
-import { o as Oe } from "./utils-DaXd4sci.js";
-import { z as te, Z as Se } from "./index-BKXpPQ1s.js";
-import { u as Fe } from "./useFieldsProgress-BXzIWmGP.js";
+import { a as Y, c as Me, b as Oe } from "./useDebounce-i1sdXecI.js";
+import { o as Se } from "./utils-DaXd4sci.js";
+import { z as te, Z as Fe } from "./index-BKXpPQ1s.js";
+import { u as Be } from "./useFieldsProgress-C3nmU8Vi.js";
 import { createPortal as ee } from "react-dom";
-var F, zt, Be = (zt = class extends Vt {
+var F, zt, Re = (zt = class extends Vt {
   constructor(t = {}) {
     super();
     C(this, F);
@@ -96,14 +96,14 @@ var F, zt, Be = (zt = class extends Vt {
       });
     });
   }
-}, F = new WeakMap(), zt), B, I, X, R, q, qt, Re = (qt = class extends ue {
+}, F = new WeakMap(), zt), B, I, X, R, q, qt, He = (qt = class extends ue {
   constructor(t) {
     super();
     C(this, R);
     C(this, B);
     C(this, I);
     C(this, X);
-    this.mutationId = t.mutationId, y(this, I, t.mutationCache), y(this, B, []), this.state = t.state || He(), this.setOptions(t.options), this.scheduleGc();
+    this.mutationId = t.mutationId, y(this, I, t.mutationCache), y(this, B, []), this.state = t.state || _e(), this.setOptions(t.options), this.scheduleGc();
   }
   setOptions(t) {
     this.options = t, this.updateGcTime(this.options.gcTime);
@@ -280,7 +280,7 @@ var F, zt, Be = (zt = class extends Vt {
     });
   });
 }, qt);
-function He() {
+function _e() {
   return {
     context: void 0,
     data: void 0,
@@ -293,7 +293,7 @@ function He() {
     submittedAt: 0
   };
 }
-var L, S, ut, At, _e = (At = class extends Vt {
+var L, S, ut, At, Pe = (At = class extends Vt {
   constructor(t = {}) {
     super();
     C(this, L);
@@ -302,9 +302,9 @@ var L, S, ut, At, _e = (At = class extends Vt {
     this.config = t, y(this, L, /* @__PURE__ */ new Set()), y(this, S, /* @__PURE__ */ new Map()), y(this, ut, 0);
   }
   build(t, r, n) {
-    const i = new Re({
+    const i = new He({
       mutationCache: this,
-      mutationId: ++ht(this, ut)._,
+      mutationId: ++mt(this, ut)._,
       options: t.defaultMutationOptions(r),
       state: n
     });
@@ -312,7 +312,7 @@ var L, S, ut, At, _e = (At = class extends Vt {
   }
   add(t) {
     h(this, L).add(t);
-    const r = mt(t);
+    const r = ht(t);
     if (typeof r == "string") {
       const n = h(this, S).get(r);
       n ? n.push(t) : h(this, S).set(r, [t]);
@@ -321,7 +321,7 @@ var L, S, ut, At, _e = (At = class extends Vt {
   }
   remove(t) {
     if (h(this, L).delete(t)) {
-      const r = mt(t);
+      const r = ht(t);
       if (typeof r == "string") {
         const n = h(this, S).get(r);
         if (n)
@@ -334,7 +334,7 @@ var L, S, ut, At, _e = (At = class extends Vt {
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
-    const r = mt(t);
+    const r = ht(t);
     if (typeof r == "string") {
       const n = h(this, S).get(r), i = n == null ? void 0 : n.find(
         (d) => d.state.status === "pending"
@@ -345,7 +345,7 @@ var L, S, ut, At, _e = (At = class extends Vt {
   }
   runNext(t) {
     var n;
-    const r = mt(t);
+    const r = ht(t);
     if (typeof r == "string") {
       const i = (n = h(this, S).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
@@ -387,7 +387,7 @@ var L, S, ut, At, _e = (At = class extends Vt {
     );
   }
 }, L = new WeakMap(), S = new WeakMap(), ut = new WeakMap(), At);
-function mt(e) {
+function ht(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
 }
@@ -406,7 +406,7 @@ function Ht(e) {
               T = !0;
             }), t.signal)
           });
-        }, K = he(t.options, t.fetchOptions), D = async (s, O, Q) => {
+        }, K = me(t.options, t.fetchOptions), D = async (s, O, Q) => {
           if (T)
             return Promise.reject();
           if (O == null && s.pages.length)
@@ -421,14 +421,14 @@ function Ht(e) {
           _($);
           const pt = await K(
             $
-          ), { maxPages: w } = t.options, Z = Q ? me : xe;
+          ), { maxPages: w } = t.options, Z = Q ? he : xe;
           return {
             pages: Z(s.pages, pt, w),
             pageParams: Z(s.pageParams, O, w)
           };
         };
         if (i && d.length) {
-          const s = i === "backward", O = s ? Pe : _t, Q = {
+          const s = i === "backward", O = s ? Le : _t, Q = {
             pages: d,
             pageParams: l
           }, $ = O(n, Q);
@@ -470,11 +470,11 @@ function _t(e, { pages: t, pageParams: r }) {
     r
   ) : void 0;
 }
-function Pe(e, { pages: t, pageParams: r }) {
+function Le(e, { pages: t, pageParams: r }) {
   var n;
   return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
 }
-var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
+var g, A, U, tt, et, V, rt, nt, Ut, De = (Ut = class {
   constructor(e = {}) {
     C(this, g);
     C(this, A);
@@ -484,10 +484,10 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
     C(this, V);
     C(this, rt);
     C(this, nt);
-    y(this, g, e.queryCache || new Be()), y(this, A, e.mutationCache || new _e()), y(this, U, e.defaultOptions || {}), y(this, tt, /* @__PURE__ */ new Map()), y(this, et, /* @__PURE__ */ new Map()), y(this, V, 0);
+    y(this, g, e.queryCache || new Re()), y(this, A, e.mutationCache || new Pe()), y(this, U, e.defaultOptions || {}), y(this, tt, /* @__PURE__ */ new Map()), y(this, et, /* @__PURE__ */ new Map()), y(this, V, 0);
   }
   mount() {
-    ht(this, V)._++, h(this, V) === 1 && (y(this, rt, fe.subscribe(async (e) => {
+    mt(this, V)._++, h(this, V) === 1 && (y(this, rt, fe.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, g).onFocus());
     })), y(this, nt, Ot.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, g).onOnline());
@@ -495,7 +495,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
   }
   unmount() {
     var e, t;
-    ht(this, V)._--, h(this, V) === 0 && ((e = h(this, rt)) == null || e.call(this), y(this, rt, void 0), (t = h(this, nt)) == null || t.call(this), y(this, nt, void 0));
+    mt(this, V)._--, h(this, V) === 0 && ((e = h(this, rt)) == null || e.call(this), y(this, rt, void 0), (t = h(this, nt)) == null || t.call(this), y(this, nt, void 0));
   }
   isFetching(e) {
     return h(this, g).findAll({ ...e, fetchStatus: "fetching" }).length;
@@ -503,6 +503,13 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
   isMutating(e) {
     return h(this, A).findAll({ ...e, status: "pending" }).length;
   }
+  /**
+   * Imperative (non-reactive) way to retrieve data for a QueryKey.
+   * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates.
+   *
+   * Hint: Do not use this function inside a component, because it won't receive updates.
+   * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
+   */
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
@@ -674,7 +681,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
     h(this, g).clear(), h(this, A).clear();
   }
 }, g = new WeakMap(), A = new WeakMap(), U = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), V = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), Ut);
-const De = [
+const Qe = [
   "header",
   "footer",
   "interLinking",
@@ -685,10 +692,10 @@ const De = [
   "benefit",
   "form",
   "seoHeader"
-], j = De.reduce(
+], j = Qe.reduce(
   (e, t) => (e[t] = t, e),
   {}
-), Qe = (e) => $t(() => {
+), ze = (e) => $t(() => {
   switch (e.handler) {
     case "navigate": {
       const { url: r, target: n, rel: i } = e;
@@ -697,14 +704,14 @@ const De = [
     }
     case "scroll": {
       const { widgetId: r } = e ?? "";
-      Te({ widgetId: r });
+      Ie({ widgetId: r });
       break;
     }
   }
 }, [e]), J = ({ handlerOptions: e, ...t }) => {
-  const r = Qe(e);
+  const r = ze(e);
   return /* @__PURE__ */ o.jsx(vt, { onClick: r, ...t, children: t.children });
-}, ze = M(
+}, qe = M(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -715,7 +722,7 @@ const De = [
       }
     }
   }
-), qe = ({
+), Ae = ({
   subtitle: e,
   title: t,
   img: r,
@@ -731,7 +738,7 @@ const De = [
     "li",
     {
       style: { backgroundColor: p ?? "#F3F4F7" },
-      className: a(ze({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: a(qe({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
           /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
@@ -751,7 +758,7 @@ const De = [
     },
     t
   );
-}, Ae = M("grid gap-4", {
+}, Ue = M("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -759,7 +766,7 @@ const De = [
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), wn = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(H, { className: n == null ? void 0 : n.container, children: [
+}), vn = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(H, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -767,8 +774,8 @@ const De = [
       className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ o.jsx("ul", { className: a(Ae({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(qe, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
-] }) }), Ue = ({ variant: e, details: t }) => {
+  /* @__PURE__ */ o.jsx("ul", { className: a(Ue({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Ae, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+] }) }), Ve = ({ variant: e, details: t }) => {
   switch (e) {
     case "withButton":
       return /* @__PURE__ */ o.jsx(J, { ...t });
@@ -777,7 +784,7 @@ const De = [
     default:
       return null;
   }
-}, vn = (e) => {
+}, Nn = (e) => {
   const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
   return /* @__PURE__ */ o.jsx(
     "header",
@@ -800,11 +807,11 @@ const De = [
             children: ge[r]
           }
         ),
-        Ue(e)
+        Ve(e)
       ] }) })
     }
   );
-}, Ve = ({
+}, We = ({
   headTitle: e,
   subtitle: t,
   buttonsConfig: r,
@@ -994,12 +1001,12 @@ const De = [
       }
     )
   ] });
-}, Nn = ({ variant: e, ...t }) => {
+}, sn = ({ variant: e, ...t }) => {
   switch (e) {
     case "separateImg":
       return /* @__PURE__ */ o.jsx(Pt, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ o.jsx(Ve, { ...t });
+      return /* @__PURE__ */ o.jsx(We, { ...t });
     default:
       return /* @__PURE__ */ o.jsx(Pt, { ...t });
   }
@@ -1031,7 +1038,7 @@ const De = [
       ))
     }
   );
-}, We = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
+}, Ge = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
@@ -1040,7 +1047,7 @@ const De = [
     children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   n
-)) }), Ge = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+)) }), Ke = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
   Gt,
   {
     phone: bt(r),
@@ -1052,7 +1059,7 @@ const De = [
     }
   },
   r
-)) }), Ke = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
+)) }), $e = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a(
@@ -1079,13 +1086,13 @@ const De = [
       ] }, n))
     )
   }
-), $e = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx(
+), Ze = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
     dangerouslySetInnerHTML: { __html: e }
   }
-), Ze = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+), Xe = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     "aria-label": "logo",
@@ -1093,7 +1100,7 @@ const De = [
     className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
     children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
-), Xe = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+), Je = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   ct,
   {
     intent: "white",
@@ -1107,7 +1114,7 @@ const De = [
     },
     children: "Карта сайта"
   }
-), Je = ({ text: e, classes: t }) => {
+), Ye = ({ text: e, classes: t }) => {
   const [r, n] = at.useState(!1), [i, d] = at.useState(!1), l = at.useRef(null);
   return at.useEffect(() => {
     const u = l.current;
@@ -1135,7 +1142,7 @@ const De = [
       }
     )
   ] });
-}, sn = ({
+}, Cn = ({
   socialsLinks: e,
   phones: t,
   ligal: r,
@@ -1159,15 +1166,15 @@ const De = [
           ),
           children: [
             /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
-              /* @__PURE__ */ o.jsx(Ze, { classes: i == null ? void 0 : i.footerLogo }),
-              e.enabled && /* @__PURE__ */ o.jsx(We, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
+              /* @__PURE__ */ o.jsx(Xe, { classes: i == null ? void 0 : i.footerLogo }),
+              e.enabled && /* @__PURE__ */ o.jsx(Ge, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
-            t.enabled && /* @__PURE__ */ o.jsx(Ge, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
+            t.enabled && /* @__PURE__ */ o.jsx(Ke, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !k.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Ke, { details: d, classes: i == null ? void 0 : i.navLinks }),
-      r.enabled && /* @__PURE__ */ o.jsx(Je, { text: r.text }),
+      !k.isArrayEmpty(d) && /* @__PURE__ */ o.jsx($e, { details: d, classes: i == null ? void 0 : i.navLinks }),
+      r.enabled && /* @__PURE__ */ o.jsx(Ye, { text: r.text }),
       /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -1176,14 +1183,14 @@ const De = [
             i == null ? void 0 : i.footerBottom
           ),
           children: [
-            n.enabled && /* @__PURE__ */ o.jsx($e, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ o.jsx(Xe, { classes: i == null ? void 0 : i.siteMap })
+            n.enabled && /* @__PURE__ */ o.jsx(Ze, { text: n.text, classes: i == null ? void 0 : i.copyright }),
+            l && /* @__PURE__ */ o.jsx(Je, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
     ] }) })
   }
-), Ye = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
+), tr = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
   const d = r === "withTitleAndDescription" && n;
   return /* @__PURE__ */ o.jsxs(
     "div",
@@ -1222,7 +1229,7 @@ const De = [
       ]
     }
   );
-}, Cn = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(H, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
+}, Tn = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(H, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
   /* @__PURE__ */ o.jsx(W, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: e }),
   /* @__PURE__ */ o.jsx(
     "div",
@@ -1231,10 +1238,10 @@ const De = [
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         n == null ? void 0 : n.stepsWrapper
       ),
-      children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(Ye, { variant: r, ...i, index: d + 1, classes: n == null ? void 0 : n.step }, i.description))
+      children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tr, { variant: r, ...i, index: d + 1, classes: n == null ? void 0 : n.step }, i.description))
     }
   )
-] }) }) }), tr = M("", {
+] }) }) }), er = M("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1250,7 +1257,7 @@ const De = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), er = M("", {
+}), rr = M("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1282,7 +1289,7 @@ const De = [
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), rr = M("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), nr = M("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -1292,7 +1299,7 @@ const De = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), nr = M("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), or = M("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1318,7 +1325,7 @@ const De = [
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), or = ({ data: e, intent: t }) => {
+}), ir = ({ data: e, intent: t }) => {
   const {
     title: r,
     description: n,
@@ -1326,14 +1333,14 @@ const De = [
       enabled: !1
     }
   } = e;
-  return /* @__PURE__ */ o.jsx("li", { className: a(rr({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ o.jsx("li", { className: a(nr({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: r }),
       i.enabled && /* @__PURE__ */ o.jsx(je, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
     /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, jt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(tr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), ir = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(er({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(or, { intent: t, data: n }, i)) }), Tn = ({
+}, jt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(er({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), dr = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(rr({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(ir, { intent: t, data: n }, i)) }), In = ({
   headline: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -1353,14 +1360,14 @@ const De = [
         ),
         children: [
           l && /* @__PURE__ */ o.jsx(jt, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: a(nr({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: p }),
+          /* @__PURE__ */ o.jsx("div", { className: a(or({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: p }),
           /* @__PURE__ */ o.jsxs(
             "div",
             {
               className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
                 l && /* @__PURE__ */ o.jsx(jt, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(ir, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                /* @__PURE__ */ o.jsx(dr, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
                   J,
                   {
@@ -1403,7 +1410,7 @@ const De = [
       }
     )
   }
-), dr = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+), ar = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ o.jsx(
     "path",
     {
@@ -1495,7 +1502,7 @@ const De = [
       ),
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ o.jsx(dr, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(ar, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
           /* @__PURE__ */ o.jsx(ne, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
           /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
@@ -1503,7 +1510,7 @@ const De = [
       ]
     }
   ) });
-}, ar = (e) => {
+}, lr = (e) => {
   switch (e.mode) {
     case yt.ESIA:
       return /* @__PURE__ */ o.jsx(Dt, { ...e });
@@ -1552,7 +1559,7 @@ const De = [
         }
       );
   }
-}, In = (e) => ar(e), Qt = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
+}, En = (e) => lr(e), Qt = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
   ct,
   {
     classes: {
@@ -1564,7 +1571,7 @@ const De = [
     children: n
   },
   r
-)) }), lr = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
+)) }), ur = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
   var d, l, u;
   const { isMobile: i } = Y();
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
@@ -1590,7 +1597,7 @@ const De = [
       }
     )
   ] });
-}, ur = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(lr, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), pr = M("grid gap-4 grid-cols-1", {
+}, pr = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(ur, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), mr = M("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1601,7 +1608,7 @@ const De = [
   defaultVariants: {
     variant: "fourCols"
   }
-}), En = ({
+}), Mn = ({
   variant: e,
   details: t,
   headline: r,
@@ -1630,7 +1637,7 @@ const De = [
             },
             content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
           },
-          children: /* @__PURE__ */ o.jsx("div", { className: a(pr({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((x, f) => /* @__PURE__ */ o.jsx(ur, { ...x, ...n, classes: d == null ? void 0 : d.column }, f)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: a(mr({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((x, f) => /* @__PURE__ */ o.jsx(pr, { ...x, ...n, classes: d == null ? void 0 : d.column }, f)) })
         }
       ) })
     }
@@ -1649,10 +1656,10 @@ const De = [
     children: i
   },
   i
-)) }), mr = (e) => e.variant === "HTML", xr = (e) => e.variant === "DOCUMENTS", fr = (e) => e.variant === "TABLE", cr = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
+)) }), xr = (e) => e.variant === "HTML", fr = (e) => e.variant === "DOCUMENTS", cr = (e) => e.variant === "TABLE", br = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
   const i = /* @__PURE__ */ o.jsx("div", { className: a(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
-}, br = (e, t) => ({
+}, gr = (e, t) => ({
   rows: e == null ? void 0 : e.map(({ row: r }) => ({
     row: r == null ? void 0 : r.map((n, i) => {
       var d;
@@ -1662,21 +1669,21 @@ const De = [
       };
     })
   }))
-}), gr = M("flex flex-col", {
+}), jr = M("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), jr = M("desktop:grid mobile:hidden px-4 mb-4", {
+}), yr = M("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), yr = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(jr({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), kr = M("desktop:grid mobile:hidden items-center", {
+}), kr = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(yr({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), wr = M("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1687,21 +1694,21 @@ const De = [
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), wr = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(kr({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
+}), vr = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(wr({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
     children: d && d
   },
   l
-)) }), vr = M("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), Nr = M("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
       filled: "px-4 py-4 odd:bg-color-primary-light-default",
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), Nr = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(vr({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+}), sr = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Nr({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
   l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ o.jsx(
     "div",
@@ -1716,13 +1723,13 @@ const De = [
       children: d
     }
   )
-] }, u)) }), sr = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
+] }, u)) }), Cr = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
   var u;
-  const d = ((u = br(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
+  const d = ((u = gr(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    l && /* @__PURE__ */ o.jsx(yr, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+    l && /* @__PURE__ */ o.jsx(kr, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
     t == null ? void 0 : t.map((p, m) => /* @__PURE__ */ o.jsx(
-      wr,
+      vr,
       {
         rowIndex: m,
         tableVariant: e,
@@ -1733,7 +1740,7 @@ const De = [
       m
     )),
     d == null ? void 0 : d.map((p, m) => /* @__PURE__ */ o.jsx(
-      Nr,
+      sr,
       {
         headingsExist: l,
         tableVariant: e,
@@ -1744,7 +1751,7 @@ const De = [
       m
     ))
   ] });
-}, Cr = ({
+}, Tr = ({
   tableVariant: e,
   description: t,
   columnsVariant: r,
@@ -1755,9 +1762,9 @@ const De = [
   accordionConfig: u,
   classes: p
 }) => {
-  const m = /* @__PURE__ */ o.jsxs("div", { className: a(gr({ columnsVariant: r }), p == null ? void 0 : p.wrapper), children: [
+  const m = /* @__PURE__ */ o.jsxs("div", { className: a(jr({ columnsVariant: r }), p == null ? void 0 : p.wrapper), children: [
     d && /* @__PURE__ */ o.jsx(W, { as: "h4", className: a("mb-4 desktop:mb-6", p == null ? void 0 : p.headline), children: d }),
-    /* @__PURE__ */ o.jsx(sr, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
+    /* @__PURE__ */ o.jsx(Cr, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
     t && /* @__PURE__ */ o.jsx(
       "div",
       {
@@ -1767,10 +1774,10 @@ const De = [
     )
   ] });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(ot, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || m }) : m });
-}, Tr = {
+}, Ir = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Ir = M("size-8 transition-colors", {
+}, Er = M("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1780,7 +1787,7 @@ const De = [
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), Er = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
+}), Mr = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
   "a",
   {
     href: r,
@@ -1792,7 +1799,7 @@ const De = [
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ o.jsx(c, { name: Tr[n], className: a(Ir({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsx(c, { name: Ir[n], className: a(Er({ iconType: n }), i == null ? void 0 : i.icon) }),
       /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
         /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
         /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
@@ -1802,26 +1809,26 @@ const De = [
       ] })
     ]
   }
-), Mr = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
+), Or = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
   const u = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
     r && /* @__PURE__ */ o.jsx(W, { as: "h3", className: "mb-4", children: r }),
-    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((p) => /* @__PURE__ */ o.jsx(Er, { iconType: n, ...p, classes: d == null ? void 0 : d.singleDocument }, p.label)) }),
+    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((p) => /* @__PURE__ */ o.jsx(Mr, { iconType: n, ...p, classes: d == null ? void 0 : d.singleDocument }, p.label)) }),
     i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
-}, Or = ({ entity: e, classes: t, accordionsConfig: r }) => {
+}, Sr = ({ entity: e, classes: t, accordionsConfig: r }) => {
   var n, i, d;
   switch (!0) {
-    case mr(e):
+    case xr(e):
       return (n = e.details) == null ? void 0 : n.map((l, u) => {
         var p;
-        return /* @__PURE__ */ o.jsx(cr, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.html }, u);
+        return /* @__PURE__ */ o.jsx(br, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.html }, u);
       });
-    case xr(e):
+    case fr(e):
       return (i = e.details) == null ? void 0 : i.map((l, u) => {
         var p;
         return /* @__PURE__ */ o.jsx(
-          Mr,
+          Or,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
             ...l,
@@ -1830,11 +1837,11 @@ const De = [
           u
         );
       });
-    case fr(e):
+    case cr(e):
       return (d = e.details) == null ? void 0 : d.map((l, u) => {
         var p;
         return /* @__PURE__ */ o.jsx(
-          Cr,
+          Tr,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
             ...l,
@@ -1846,19 +1853,19 @@ const De = [
     default:
       return null;
   }
-}, Sr = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Or({ entity: e, classes: t, accordionsConfig: r }) }), Mn = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+}, Fr = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Sr({ entity: e, classes: t, accordionsConfig: r }) }), On = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
   var u, p;
   const [i, d] = G(0), l = Ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
   return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: j.usefulInfo, "data-test-id": j.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(H, { className: a(r == null ? void 0 : r.container), children: [
     /* @__PURE__ */ o.jsx(W, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
     /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(hr, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (p = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : p.map((m, x) => /* @__PURE__ */ o.jsx(Sr, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, x)) })
+    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (p = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : p.map((m, x) => /* @__PURE__ */ o.jsx(Fr, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, x)) })
   ] }) });
-}, Fr = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
+}, Br = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
   const i = ke[r];
   return /* @__PURE__ */ Zt(i, { ...n, key: n.name, control: t });
 });
-class Br {
+class Rr {
   constructor(t) {
     it(this, "TEXT_NODE", 3);
     it(this, "ELEMENT_NODE", 1);
@@ -1930,19 +1937,19 @@ class Br {
     return r.length;
   }
 }
-const Rr = typeof window < "u";
-class Hr extends Error {
+const Hr = typeof window < "u";
+class _r extends Error {
   constructor(t, r) {
     super(t), this.originalError = r, this.name = "BrowserHTMLParserError";
   }
 }
-class _r extends Br {
+class Pr extends Rr {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    if (!Rr)
-      throw new Hr("HTMLParser should only be used in the browser.");
+    if (!Hr)
+      throw new _r("HTMLParser should only be used in the browser.");
     return new DOMParser().parseFromString(t, "text/html");
   }
 }
@@ -2000,12 +2007,12 @@ class wt {
    * функция для преобразования html строки в react элементы
    */
   static async toReactNodes(t, r) {
-    const n = new _r(r), { nodes: i } = await n.parse(t, "node");
+    const n = new Pr(r), { nodes: i } = await n.parse(t, "node");
     return i.map((d) => this.parseNode(d));
   }
 }
 it(wt, "TEXT_NODE", 3), it(wt, "ELEMENT_NODE", 1);
-const Pr = ({ promises: e }) => {
+const Lr = ({ promises: e }) => {
   const [t, r] = G([]);
   return Xt(() => {
     (async () => {
@@ -2016,31 +2023,31 @@ const Pr = ({ promises: e }) => {
   const i = r ?? se, d = r ? n : {}, l = wt.toReactNodes(e, t);
   return (
     // @ts-expect-error disable warning
-    /* @__PURE__ */ o.jsx(i, { ...d, children: /* @__PURE__ */ o.jsx(Pr, { promises: l }) })
+    /* @__PURE__ */ o.jsx(i, { ...d, children: /* @__PURE__ */ o.jsx(Lr, { promises: l }) })
   );
-}, Lr = ["getFioSchema"], oe = (e, t, r) => {
+}, Dr = ["getFioSchema"], oe = (e, t, r) => {
   const n = e[t];
   if (k.isNil(n))
     throw new Error(`validation for type ${String(t)} not found`);
   if (!k.isFunction(n))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
   return n(r);
-}, Dr = (e, t) => oe(te.base, e, t), Qr = (e, t) => oe(te.dadata, e, t), zr = (e) => {
+}, Qr = (e, t) => oe(te.base, e, t), zr = (e, t) => oe(te.dadata, e, t), qr = (e) => {
   const r = e.map((n) => ({ name: n.args.name, validation: n.args.validation })).reduce((n, i) => {
-    const d = Lr.includes(i.validation.type) ? Qr(
+    const d = Dr.includes(i.validation.type) ? zr(
       i.validation.type,
       i.validation.args
-    ) : Dr(
+    ) : Qr(
       i.validation.type,
       i.validation.args
     );
     return n[i.name] = d, n;
   }, {});
-  return Oe(r);
-}, qr = (e, t) => e.enabled ? t.map((r) => ({
+  return Se(r);
+}, Ar = (e, t) => e.enabled ? t.map((r) => ({
   name: r.args.name,
   ...r.args.progress
-})) : null, Ar = new Le(), Ur = ({ children: e }) => /* @__PURE__ */ o.jsx(we, { client: Ar, children: e }), Vr = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(ft, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+})) : null, Ur = new De(), Vr = ({ children: e }) => /* @__PURE__ */ o.jsx(we, { client: Ur, children: e }), Wr = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(ft, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
     className: a(
@@ -2053,7 +2060,7 @@ const Pr = ({ promises: e }) => {
       /* @__PURE__ */ o.jsx(ft, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), On = ({
+), Sn = ({
   fields: e,
   title: t,
   progress: r,
@@ -2063,14 +2070,14 @@ const Pr = ({ promises: e }) => {
   classes: l
 }) => {
   var K, D;
-  const { submitCallback: u, ...p } = d || {}, [m, x] = G(!1), f = zr(e), { control: b, handleSubmit: v } = Ee({
+  const { submitCallback: u, ...p } = d || {}, [m, x] = G(!1), f = qr(e), { control: b, handleSubmit: v } = Me({
     schema: f,
-    defaultValues: Se.getZodDefaults(f),
+    defaultValues: Fe.getZodDefaults(f),
     mode: "onBlur"
-  }), N = qr(r, e), T = Fe({ control: b, fields: N || [], schema: f }), _ = (s) => {
+  }), N = Ar(r, e), T = Be({ control: b, fields: N || [], schema: f }), _ = (s) => {
     u && u(s), console.warn(s);
   };
-  return /* @__PURE__ */ o.jsx(Ur, { children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(Vr, { children: /* @__PURE__ */ o.jsxs(
     "div",
     {
       id: j.form,
@@ -2113,9 +2120,9 @@ const Pr = ({ promises: e }) => {
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ o.jsx(Fr, { control: b, fields: e }),
+              /* @__PURE__ */ o.jsx(Br, { control: b, fields: e }),
               /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
-                Vr(n, m, x, l == null ? void 0 : l.approvement),
+                Wr(n, m, x, l == null ? void 0 : l.approvement),
                 /* @__PURE__ */ o.jsx(
                   vt,
                   {
@@ -2200,7 +2207,7 @@ const Pr = ({ promises: e }) => {
       text: "Вернуться на главную"
     }
   }
-}), Sn = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(H, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), Fn = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(H, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ o.jsx(
     "span",
     {
@@ -2216,7 +2223,7 @@ const Pr = ({ promises: e }) => {
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: dt()[e].description })
   ] }),
   /* @__PURE__ */ o.jsx(vt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: dt()[e].button.text })
-] }) }) }), ie = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Wr = ({ startsWith: e, endsWith: t, matcher: r, filter: n, rootEnabled: i = !0 }) => {
+] }) }) }), ie = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Gr = ({ startsWith: e, endsWith: t, matcher: r, filter: n, rootEnabled: i = !0 }) => {
   const [d, l] = G([]);
   return Xt(() => {
     if (!Yt)
@@ -2263,10 +2270,10 @@ const Pr = ({ promises: e }) => {
     ),
     d !== e.length - 1 && t
   ] }, i.id);
-}), Gr = ({ separator: e, ellipsis: t, classes: r, ...n }) => {
+}), Kr = ({ separator: e, ellipsis: t, classes: r, ...n }) => {
   const [i, d] = G(!1), l = Tt(null);
-  Me(l, () => d(!1));
-  const u = Wr(n), { first: p, middle: m, last: x } = Ct(() => {
+  Oe(l, () => d(!1));
+  const u = Gr(n), { first: p, middle: m, last: x } = Ct(() => {
     let b = [], v = [], N = [];
     return t && (b = u.slice(0, t), v = u.slice(t, u.length - t), N = u.slice(u.length - t)), { first: b, middle: v, last: N };
   }, [u, t]), f = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
@@ -2332,7 +2339,7 @@ const Pr = ({ promises: e }) => {
   );
 };
 var lt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(lt || {});
-const Kr = (e, t) => {
+const $r = (e, t) => {
   switch (t.type) {
     case lt.ROOT:
       return {
@@ -2347,52 +2354,58 @@ const Kr = (e, t) => {
     default:
       return e;
   }
-}, $r = (e) => {
-  const [t, r] = Ce(Kr, e);
+}, Zr = (e) => {
+  const [t, r] = Ce($r, e);
   return [t, r];
-}, Zr = (e) => ({
+}, Xr = (e) => ({
   type: lt.CURRENT,
   payload: e
-}), Xr = (e) => ({
+}), Jr = (e) => ({
   type: lt.ROOT,
   payload: e
-}), Jr = ({ categories: e, ...t }) => ee(
-  /* @__PURE__ */ o.jsx(
-    st.div,
-    {
-      ...t,
-      layout: !0,
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      transition: { duration: 0.2 },
-      className: "absolute bg-color-white",
-      children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-[1140px] gap-x-[56px] py-10", children: e.map((r) => {
-        var i;
-        const n = r.link ? "a" : "p";
-        return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
-          r.title && /* @__PURE__ */ o.jsxs(
-            n,
-            {
-              href: ((i = r.link) == null ? void 0 : i.href) ?? void 0,
-              className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
-              children: [
-                r.title,
-                /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink", className: "size-6" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ o.jsx("ul", { className: "w-[328px]", children: r.children.map((d) => {
-            var l;
-            return /* @__PURE__ */ o.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full text-16", children: d.title }) }, d.title);
-          }) })
-        ] }, r.title);
-      }) })
-    }
-  ),
-  document.body
-), Yr = ({ category: e, active: t, onActiveTabChange: r }) => {
-  var u, p;
-  const n = Tt(null), i = (u = n.current) == null ? void 0 : u.getBoundingClientRect(), d = t && !k.isArrayEmpty(e.children), l = k.isArrayEmpty(e.children) ? "a" : "span";
+}), Yr = ({ categories: e, ...t }) => {
+  var r, n;
+  return ee(
+    /* @__PURE__ */ o.jsx(
+      st.div,
+      {
+        ...t,
+        layout: !0,
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { duration: 0.2 },
+        className: "absolute bg-color-white",
+        children: /* @__PURE__ */ o.jsx("div", { className: "flex w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
+          var l;
+          const d = i.link ? "a" : "p";
+          return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+            i.title && /* @__PURE__ */ o.jsxs(
+              d,
+              {
+                href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
+                className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
+                children: [
+                  i.title,
+                  /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink", className: "size-6" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ o.jsx("ul", { className: "w-[328px]", children: i.children.map((u) => {
+              var p;
+              return /* @__PURE__ */ o.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ o.jsx("a", { href: (p = u.link) == null ? void 0 : p.href, className: "w-full text-16", children: u.title }) }, u.title);
+            }) })
+          ] }, i.title);
+        }) })
+      }
+    ),
+    /**
+     * Нужно для preview, чтобы категории рендерились в iframe
+     */
+    ((n = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : n.body) ?? document.body
+  );
+}, tn = Te(({ category: e, active: t, onActiveTabChange: r }, n) => {
+  var p, m;
+  const i = n && "current" in n ? n : null, d = (p = i == null ? void 0 : i.current) == null ? void 0 : p.getBoundingClientRect(), l = t && !k.isArrayEmpty(e.children), u = k.isArrayEmpty(e.children) ? "a" : "span";
   return /* @__PURE__ */ o.jsxs(
     st.div,
     {
@@ -2402,21 +2415,22 @@ const Kr = (e, t) => {
         'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
         "after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
         {
-          "text-color-primary-default": d,
-          "after:w-full": d
+          "text-color-primary-default": l,
+          "after:w-full": l
         }
       ),
       onMouseEnter: () => r(e.title),
       onMouseLeave: () => r(null),
       onFocus: () => r(e.title),
       children: [
-        /* @__PURE__ */ o.jsx(l, { href: l === "a" ? (p = e.link) == null ? void 0 : p.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
-        d && /* @__PURE__ */ o.jsx(
-          Jr,
+        /* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = e.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
+        l && /* @__PURE__ */ o.jsx(
+          Yr,
           {
             categories: e.children,
             style: {
-              top: i ? i.top + i.height : 0,
+              top: d ? d.top + d.height : 0,
+              left: d ? d.left : 0,
               width: window.innerWidth
             }
           }
@@ -2424,23 +2438,32 @@ const Kr = (e, t) => {
       ]
     }
   );
-}, tn = Jt(Yr), en = ({ categories: e }) => {
-  const [t, r] = G(null), n = $t((i) => {
-    r(i);
-  }, []);
-  return /* @__PURE__ */ o.jsx(Ne, { mode: "sync", children: /* @__PURE__ */ o.jsxs("div", { id: "tabs", className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]", children: [
-    e.map((i) => /* @__PURE__ */ o.jsx(
-      tn,
-      {
-        category: i,
-        active: t === i.title,
-        onActiveTabChange: n
-      },
-      i.title
-    )),
-    /* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
-  ] }) });
-}, rn = Jt(en), nn = ({
+}), en = Jt(tn), rn = ({ categories: e }) => {
+  const [t, r] = G(null), n = $t((d) => {
+    r(d);
+  }, []), i = Tt(null);
+  return /* @__PURE__ */ o.jsx(Ne, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      ref: i,
+      id: "tabs",
+      className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
+      children: [
+        e.map((d) => /* @__PURE__ */ o.jsx(
+          en,
+          {
+            ref: i,
+            category: d,
+            active: t === d.title,
+            onActiveTabChange: n
+          },
+          d.title
+        )),
+        /* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
+      ]
+    }
+  ) });
+}, nn = Jt(rn), on = ({
   category: e,
   selectedCategory: t,
   onCurrentCategoryChange: r,
@@ -2487,20 +2510,20 @@ const Kr = (e, t) => {
       )
     ]
   }
-), on = ({ categories: e, helpers: t, phone: r }) => {
-  const [n, i] = $r({ root: e[0].children[0], current: e[0].children[0] });
+), dn = ({ categories: e, helpers: t, phone: r }) => {
+  const [n, i] = Zr({ root: e[0].children[0], current: e[0].children[0] });
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
       /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
       e.map((d) => {
         const l = n.root.title === d.title;
         return /* @__PURE__ */ o.jsx(
-          nn,
+          on,
           {
             category: d,
             selectedCategory: n.current,
-            onCurrentCategoryChange: (u) => i(Zr(u)),
-            onRootCategoryChange: (u) => i(Xr(u)),
+            onCurrentCategoryChange: (u) => i(Xr(u)),
+            onRootCategoryChange: (u) => i(Jr(u)),
             active: l
           },
           d.title
@@ -2529,9 +2552,9 @@ const Kr = (e, t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx(rn, { categories: n.current.children })
+    /* @__PURE__ */ o.jsx(nn, { categories: n.current.children })
   ] });
-}, dn = ({ category: e }) => /* @__PURE__ */ o.jsx(
+}, an = ({ category: e }) => /* @__PURE__ */ o.jsx(
   ot,
   {
     label: e.title ?? "",
@@ -2572,11 +2595,11 @@ const Kr = (e, t) => {
     }) })
   },
   e.title
-), an = (e) => e.map((t) => ({
+), ln = (e) => e.map((t) => ({
   value: t.title ?? "",
   label: t.title ?? ""
-})), ln = ({ categories: e, helpers: t, phone: r, ...n }) => {
-  const i = an(e), [d, l] = G(i[0]), u = (m) => {
+})), un = ({ categories: e, helpers: t, phone: r, ...n }) => {
+  const i = ln(e), [d, l] = G(i[0]), u = (m) => {
     k.isUndefined(m) || k.isArray(m) || l(m);
   }, p = Ct(() => {
     var m;
@@ -2598,7 +2621,7 @@ const Kr = (e, t) => {
         /* @__PURE__ */ o.jsx(Kt.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
         /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: p.map((m) => {
           var x;
-          return k.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (x = m.link) == null ? void 0 : x.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(dn, { category: m }, m.title);
+          return k.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (x = m.link) == null ? void 0 : x.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(an, { category: m }, m.title);
         }) }),
         /* @__PURE__ */ o.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ o.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
@@ -2617,15 +2640,15 @@ const Kr = (e, t) => {
       ]
     }
   );
-}, un = ({ categories: e, helpers: t, phone: r }) => {
-  var p;
+}, pn = ({ categories: e, helpers: t, phone: r }) => {
+  var p, m, x;
   const n = Tt(null), i = (p = n.current) == null ? void 0 : p.getBoundingClientRect(), [d, l] = G(!1), u = () => l(!d);
   return /* @__PURE__ */ o.jsxs("div", { ref: n, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
     /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "w-[130px]" }),
     /* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(c, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
     d && ee(
       /* @__PURE__ */ o.jsx(
-        ln,
+        un,
         {
           categories: e,
           helpers: t,
@@ -2633,44 +2656,47 @@ const Kr = (e, t) => {
           style: { top: i ? i.top + i.height : 0 }
         }
       ),
-      document.body
+      /**
+       * Нужно для preview, чтобы категории рендерились в iframe
+       */
+      ((x = (m = document.body.querySelector("#modal-preview")) == null ? void 0 : m.contentDocument) == null ? void 0 : x.body) ?? document.body
     )
   ] });
-}, Fn = ({ categories: e, helpers: t, phone: r }) => {
+}, Bn = ({ categories: e, helpers: t, phone: r }) => {
   const { isMobile: n } = Y();
   return /* @__PURE__ */ o.jsxs("div", { id: j.seoHeader, "data-test-id": j.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
-    n ? /* @__PURE__ */ o.jsx(un, { categories: e.map((i) => i.children).flat(), helpers: t, phone: r }) : /* @__PURE__ */ o.jsx(on, { categories: e, helpers: t, phone: r }),
+    n ? /* @__PURE__ */ o.jsx(pn, { categories: e.map((i) => i.children).flat(), helpers: t, phone: r }) : /* @__PURE__ */ o.jsx(dn, { categories: e, helpers: t, phone: r }),
     /* @__PURE__ */ o.jsx(
-      Gr,
+      Kr,
       {
         ellipsis: n ? 1 : void 0,
-        matcher: (i) => ({ label: Ie(i.label).split("-").join(" ") })
+        matcher: (i) => ({ label: Ee(i.label).split("-").join(" ") })
       }
     )
   ] });
 };
 export {
   kt as Advantages,
-  In as AuthProvider,
-  Nn as Banner,
+  En as AuthProvider,
+  sn as Banner,
   Pt as BannerWithSeparateImg,
-  wn as Benefit,
-  Gr as Breadcrumbs,
+  vn as Benefit,
+  Kr as Breadcrumbs,
   J as ButtonWithHandlers,
-  On as DynamicForm,
-  Sn as FallbacksView,
-  Fr as FieldMapper,
-  sn as Footer,
-  _r as HTMLParser,
+  Sn as DynamicForm,
+  Fn as FallbacksView,
+  Br as FieldMapper,
+  Cn as Footer,
+  Pr as HTMLParser,
   ft as HTMLRenderer,
-  vn as Header,
-  En as InterLinking,
-  Tn as LongBanner,
-  Fn as SeoHeader,
-  Cn as Stepper,
-  Mn as UsefulInfo,
-  De as WIDGET_LIST,
-  Ar as queryClient,
+  Nn as Header,
+  Mn as InterLinking,
+  In as LongBanner,
+  Bn as SeoHeader,
+  Tn as Stepper,
+  On as UsefulInfo,
+  Qe as WIDGET_LIST,
+  Ur as queryClient,
   j as widgetIds
 };
 //# sourceMappingURL=widget.js.map