@scbt-ecom/ui 0.63.1 → 0.64.1

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 M, y as Mt, z as ue, E as pe, F as Et, 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 E, R as _, 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 Me } 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 Ee, 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);
@@ -53,7 +53,7 @@ var F, zt, Be = (zt = class extends Vt {
     r && (t.destroy(), r === t && h(this, F).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    E.batch(() => {
+    M.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
@@ -68,35 +68,35 @@ var F, zt, Be = (zt = class extends Vt {
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => Et(r, n)
+      (n) => Mt(r, n)
     );
   }
   findAll(t = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((n) => Et(t, n)) : r;
+    return Object.keys(t).length > 0 ? r.filter((n) => Mt(t, n)) : r;
   }
   notify(t) {
-    E.batch(() => {
+    M.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
     });
   }
   onFocus() {
-    E.batch(() => {
+    M.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    E.batch(() => {
+    M.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
     });
   }
-}, 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, _e = (qt = class extends ue {
   constructor(t) {
     super();
     C(this, R);
@@ -134,7 +134,7 @@ var F, zt, Be = (zt = class extends Vt {
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var i, d, l, u, p, m, x, f, b, v, N, T, _, K, D, s, O, Q, $, pt;
+    var i, d, l, u, p, m, x, f, b, v, N, T, H, K, L, s, O, Q, $, pt;
     y(this, X, pe({
       fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
       onFail: (w, Z) => {
@@ -184,14 +184,14 @@ var F, zt, Be = (zt = class extends Vt {
       )), await ((T = (N = this.options).onSettled) == null ? void 0 : T.call(N, w, null, t, this.state.context)), z(this, R, q).call(this, { type: "success", data: w }), w;
     } catch (w) {
       try {
-        throw await ((K = (_ = h(this, I).config).onError) == null ? void 0 : K.call(
-          _,
+        throw await ((K = (H = h(this, I).config).onError) == null ? void 0 : K.call(
+          H,
           w,
           t,
           this.state.context,
           this
-        )), await ((s = (D = this.options).onError) == null ? void 0 : s.call(
-          D,
+        )), await ((s = (L = this.options).onError) == null ? void 0 : s.call(
+          L,
           w,
           t,
           this.state.context
@@ -270,7 +270,7 @@ var F, zt, Be = (zt = class extends Vt {
         };
     }
   };
-  this.state = r(this.state), E.batch(() => {
+  this.state = r(this.state), M.batch(() => {
     h(this, B).forEach((n) => {
       n.onMutationUpdate(t);
     }), h(this, I).notify({
@@ -293,26 +293,26 @@ function He() {
     submittedAt: 0
   };
 }
-var L, S, ut, At, _e = (At = class extends Vt {
+var D, S, ut, At, Pe = (At = class extends Vt {
   constructor(t = {}) {
     super();
-    C(this, L);
+    C(this, D);
     C(this, S);
     C(this, ut);
-    this.config = t, y(this, L, /* @__PURE__ */ new Set()), y(this, S, /* @__PURE__ */ new Map()), y(this, ut, 0);
+    this.config = t, y(this, D, /* @__PURE__ */ new Set()), y(this, S, /* @__PURE__ */ new Map()), y(this, ut, 0);
   }
   build(t, r, n) {
-    const i = new Re({
+    const i = new _e({
       mutationCache: this,
-      mutationId: ++ht(this, ut)._,
+      mutationId: ++mt(this, ut)._,
       options: t.defaultMutationOptions(r),
       state: n
     });
     return this.add(i), i;
   }
   add(t) {
-    h(this, L).add(t);
-    const r = mt(t);
+    h(this, D).add(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]);
@@ -320,8 +320,8 @@ var L, S, ut, At, _e = (At = class extends Vt {
     this.notify({ type: "added", mutation: t });
   }
   remove(t) {
-    if (h(this, L).delete(t)) {
-      const r = mt(t);
+    if (h(this, D).delete(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();
@@ -353,26 +353,26 @@ var L, S, ut, At, _e = (At = class extends Vt {
       return Promise.resolve();
   }
   clear() {
-    E.batch(() => {
-      h(this, L).forEach((t) => {
+    M.batch(() => {
+      h(this, D).forEach((t) => {
         this.notify({ type: "removed", mutation: t });
-      }), h(this, L).clear(), h(this, S).clear();
+      }), h(this, D).clear(), h(this, S).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, L));
+    return Array.from(h(this, D));
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => Mt(r, n)
+      (n) => Et(r, n)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((r) => Mt(t, r));
+    return this.getAll().filter((r) => Et(t, r));
   }
   notify(t) {
-    E.batch(() => {
+    M.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
@@ -380,18 +380,18 @@ var L, S, ut, At, _e = (At = class extends Vt {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((r) => r.state.isPaused);
-    return E.batch(
+    return M.batch(
       () => Promise.all(
         t.map((r) => r.continue().catch(P))
       )
     );
   }
-}, L = new WeakMap(), S = new WeakMap(), ut = new WeakMap(), At);
-function mt(e) {
+}, D = new WeakMap(), S = new WeakMap(), ut = new WeakMap(), At);
+function ht(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
 }
-function Ht(e) {
+function _t(e) {
   return {
     onFetch: (t, r) => {
       var x, f, b, v, N;
@@ -399,14 +399,14 @@ function Ht(e) {
       let u = { pages: [], pageParams: [] }, p = 0;
       const m = async () => {
         let T = !1;
-        const _ = (s) => {
+        const H = (s) => {
           Object.defineProperty(s, "signal", {
             enumerable: !0,
             get: () => (t.signal.aborted ? T = !0 : t.signal.addEventListener("abort", () => {
               T = !0;
             }), t.signal)
           });
-        }, K = he(t.options, t.fetchOptions), D = async (s, O, Q) => {
+        }, K = me(t.options, t.fetchOptions), L = async (s, O, Q) => {
           if (T)
             return Promise.reject();
           if (O == null && s.pages.length)
@@ -418,35 +418,35 @@ function Ht(e) {
             direction: Q ? "backward" : "forward",
             meta: t.options.meta
           };
-          _($);
+          H($);
           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 ? De : Ht, Q = {
             pages: d,
             pageParams: l
           }, $ = O(n, Q);
-          u = await D(Q, $, s);
+          u = await L(Q, $, s);
         } else {
           const s = e ?? d.length;
           do {
-            const O = p === 0 ? l[0] ?? n.initialPageParam : _t(n, u);
+            const O = p === 0 ? l[0] ?? n.initialPageParam : Ht(n, u);
             if (p > 0 && O == null)
               break;
-            u = await D(u, O), p++;
+            u = await L(u, O), p++;
           } while (p < s);
         }
         return u;
       };
       t.options.persister ? t.fetchFn = () => {
-        var T, _;
-        return (_ = (T = t.options).persister) == null ? void 0 : _.call(
+        var T, H;
+        return (H = (T = t.options).persister) == null ? void 0 : H.call(
           T,
           m,
           {
@@ -461,7 +461,7 @@ function Ht(e) {
     }
   };
 }
-function _t(e, { pages: t, pageParams: r }) {
+function Ht(e, { pages: t, pageParams: r }) {
   const n = t.length - 1;
   return t.length > 0 ? e.getNextPageParam(
     t[n],
@@ -470,7 +470,7 @@ function _t(e, { pages: t, pageParams: r }) {
     r
   ) : void 0;
 }
-function Pe(e, { pages: t, pageParams: r }) {
+function De(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;
 }
@@ -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 });
@@ -526,7 +533,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
       return h(this, g).build(this, n).setData(l, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
-    return E.batch(
+    return M.batch(
       () => h(this, g).findAll(e).map(({ queryKey: n }) => [
         n,
         this.setQueryData(n, t, r)
@@ -542,7 +549,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
   }
   removeQueries(e) {
     const t = h(this, g);
-    E.batch(() => {
+    M.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
       });
@@ -550,7 +557,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
   }
   resetQueries(e, t) {
     const r = h(this, g);
-    return E.batch(() => (r.findAll(e).forEach((n) => {
+    return M.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
       {
@@ -561,13 +568,13 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
     )));
   }
   cancelQueries(e, t = {}) {
-    const r = { revert: !0, ...t }, n = E.batch(
+    const r = { revert: !0, ...t }, n = M.batch(
       () => h(this, g).findAll(e).map((i) => i.cancel(r))
     );
     return Promise.all(n).then(P).catch(P);
   }
   invalidateQueries(e, t = {}) {
-    return E.batch(() => (h(this, g).findAll(e).forEach((r) => {
+    return M.batch(() => (h(this, g).findAll(e).forEach((r) => {
       r.invalidate();
     }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -581,7 +588,7 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
     const r = {
       ...t,
       cancelRefetch: t.cancelRefetch ?? !0
-    }, n = E.batch(
+    }, n = M.batch(
       () => h(this, g).findAll(e).filter((i) => !i.isDisabled()).map((i) => {
         let d = i.fetch(void 0, r);
         return r.throwOnError || (d = d.catch(P)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
@@ -601,13 +608,13 @@ var g, A, U, tt, et, V, rt, nt, Ut, Le = (Ut = class {
     return this.fetchQuery(e).then(P).catch(P);
   }
   fetchInfiniteQuery(e) {
-    return e.behavior = Ht(e.pages), this.fetchQuery(e);
+    return e.behavior = _t(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
     return this.fetchInfiniteQuery(e).then(P).catch(P);
   }
   ensureInfiniteQueryData(e) {
-    return e.behavior = Ht(e.pages), this.ensureQueryData(e);
+    return e.behavior = _t(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
     return Ot.isOnline() ? h(this, A).resumePausedMutations() : Promise.resolve();
@@ -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 = E(
   "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 = E("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: [
+}), 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(_, { 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 });
@@ -785,7 +792,7 @@ const De = [
       id: j.header,
       "data-test-id": j.header,
       className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
-      children: /* @__PURE__ */ o.jsx(H, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      children: /* @__PURE__ */ o.jsx(_, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ o.jsx(
           "a",
           {
@@ -800,11 +807,11 @@ const De = [
             children: ge[r]
           }
         ),
-        Ue(e)
+        Ve(e)
       ] }) })
     }
   );
-}, Ve = ({
+}, We = ({
   headTitle: e,
   subtitle: t,
   buttonsConfig: r,
@@ -835,7 +842,7 @@ const De = [
         className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
           /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? b : v }),
-          /* @__PURE__ */ o.jsxs(H, { className: a("h-full", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ o.jsxs(_, { className: a("h-full", i == null ? void 0 : i.container), children: [
             /* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ o.jsx(
@@ -910,7 +917,7 @@ const De = [
         "data-test-id": j.banner,
         style: { backgroundColor: u ?? "#d9edff" },
         className: a("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root),
-        children: /* @__PURE__ */ o.jsxs(H, { className: a("relative", i == null ? void 0 : i.container), children: [
+        children: /* @__PURE__ */ o.jsxs(_, { className: a("relative", i == null ? void 0 : i.container), children: [
           /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
               /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
@@ -999,7 +1006,7 @@ const De = [
     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;
@@ -1149,7 +1156,7 @@ const De = [
     id: j.footer,
     "data-test-id": j.footer,
     className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ o.jsx(H, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
+    children: /* @__PURE__ */ o.jsx(_, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -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: [
+}, 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(_, { 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 = E("", {
   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 = E("", {
   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 = E("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 = E("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)) }), Tn = ({
   headline: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -1342,7 +1349,7 @@ const De = [
   classes: d
 }) => {
   const l = r === "fourItems", u = r === "twoItems", p = i && "url" in i && k.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ o.jsx("section", { id: j.longBanner, "data-test-id": j.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(H, { className: a(d == null ? void 0 : d.container), children: [
+  return /* @__PURE__ */ o.jsx("section", { id: j.longBanner, "data-test-id": j.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(_, { className: a(d == null ? void 0 : d.container), children: [
     u && /* @__PURE__ */ o.jsx(jt, { intent: r, headline: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
@@ -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",
     {
@@ -1459,7 +1466,7 @@ const De = [
       children: t == null ? void 0 : t.text
     }
   )
-] }), Lt = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
+] }), Dt = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
   const { isMobile: l } = Y();
   return /* @__PURE__ */ o.jsx(re, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
@@ -1483,7 +1490,7 @@ const De = [
       ]
     }
   ) });
-}, Dt = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
+}, Lt = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
   const { isMobile: l } = Y();
   return /* @__PURE__ */ o.jsx(re, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
@@ -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,12 +1510,12 @@ const De = [
       ]
     }
   ) });
-}, ar = (e) => {
+}, lr = (e) => {
   switch (e.mode) {
     case yt.ESIA:
-      return /* @__PURE__ */ o.jsx(Dt, { ...e });
-    case yt.MOBILE_ID:
       return /* @__PURE__ */ o.jsx(Lt, { ...e });
+    case yt.MOBILE_ID:
+      return /* @__PURE__ */ o.jsx(Dt, { ...e });
     case yt.COMBINE:
     default:
       const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? at.Fragment : "div";
@@ -1526,7 +1533,7 @@ const De = [
             ] }),
             /* @__PURE__ */ o.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ o.jsx(
-                Dt,
+                Lt,
                 {
                   ...t,
                   classes: {
@@ -1537,7 +1544,7 @@ const De = [
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                Lt,
+                Dt,
                 {
                   ...r,
                   classes: {
@@ -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(
+}, In = (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 = E("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,
@@ -1617,7 +1624,7 @@ const De = [
       id: j.interLinking,
       "data-test-id": j.interLinking,
       className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
-      children: /* @__PURE__ */ o.jsx(H, { children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ o.jsx(_, { children: /* @__PURE__ */ o.jsx(
         ot,
         {
           defaultOpen: l,
@@ -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 = E("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 = E("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 = E("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 = E("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", {
+}, Mr = E("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -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(Mr({ 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)) }),
     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 }) }), En = ({ 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: [
+  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(_, { 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,20 +1937,13 @@ class Br {
     return r.length;
   }
 }
-const Rr = typeof window < "u";
-class Hr extends Error {
-  constructor(t, r) {
-    super(t), this.originalError = r, this.name = "BrowserHTMLParserError";
-  }
-}
-class _r extends Br {
+const _r = typeof window < "u";
+class Hr extends Rr {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    if (!Rr)
-      throw new Hr("HTMLParser should only be used in the browser.");
-    return new DOMParser().parseFromString(t, "text/html");
+    return _r ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
   }
 }
 class wt {
@@ -2000,7 +2000,7 @@ class wt {
    * функция для преобразования html строки в react элементы
    */
   static async toReactNodes(t, r) {
-    const n = new _r(r), { nodes: i } = await n.parse(t, "node");
+    const n = new Hr(r), { nodes: i } = await n.parse(t, "node");
     return i.map((d) => this.parseNode(d));
   }
 }
@@ -2018,25 +2018,25 @@ const Pr = ({ promises: e }) => {
     // @ts-expect-error disable warning
     /* @__PURE__ */ o.jsx(i, { ...d, children: /* @__PURE__ */ o.jsx(Pr, { 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) => {
+}, Lr = (e, t) => oe(te.base, e, t), Qr = (e, t) => oe(te.dadata, e, t), zr = (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) ? Qr(
       i.validation.type,
       i.validation.args
-    ) : Dr(
+    ) : Lr(
       i.validation.type,
       i.validation.args
     );
     return n[i.name] = d, n;
   }, {});
-  return Oe(r);
+  return Se(r);
 }, qr = (e, t) => e.enabled ? t.map((r) => ({
   name: r.args.name,
   ...r.args.progress
@@ -2062,13 +2062,13 @@ const Pr = ({ promises: e }) => {
   submitProps: d,
   classes: l
 }) => {
-  var K, D;
+  var K, L;
   const { submitCallback: u, ...p } = d || {}, [m, x] = G(!1), f = zr(e), { control: b, handleSubmit: v } = Ee({
     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) => {
-    u && u(s), console.warn(s);
+  }), N = qr(r, e), T = Be({ control: b, fields: N || [], schema: f }), H = (s) => {
+    u && u({ ...s, agree: m }), console.warn(s);
   };
   return /* @__PURE__ */ o.jsx(Ur, { children: /* @__PURE__ */ o.jsxs(
     "div",
@@ -2091,7 +2091,7 @@ const Pr = ({ promises: e }) => {
               (K = l == null ? void 0 : l.chips) == null ? void 0 : K.root
             ),
             children: [
-              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-4", (D = l == null ? void 0 : l.chips) == null ? void 0 : D.icon) }),
+              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-4", (L = l == null ? void 0 : l.chips) == null ? void 0 : L.icon) }),
               i.content
             ]
           }
@@ -2100,7 +2100,7 @@ const Pr = ({ promises: e }) => {
         /* @__PURE__ */ o.jsxs(
           "form",
           {
-            onSubmit: v(_),
+            onSubmit: v(H),
             className: a("flex w-[328px] flex-col gap-y-6", "desktop:w-[524px] desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               r.enabled && /* @__PURE__ */ o.jsx(
@@ -2113,7 +2113,7 @@ 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),
                 /* @__PURE__ */ o.jsx(
@@ -2200,7 +2200,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: [
+}), Sn = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(_, { 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",
     {
@@ -2265,7 +2265,7 @@ const Pr = ({ promises: e }) => {
   ] }, i.id);
 }), Gr = ({ separator: e, ellipsis: t, classes: r, ...n }) => {
   const [i, d] = G(!1), l = Tt(null);
-  Me(l, () => d(!1));
+  Oe(l, () => d(!1));
   const u = Wr(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 };
@@ -2356,43 +2356,49 @@ const Kr = (e, t) => {
 }), Xr = (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";
+}), Jr = ({ 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
+  );
+}, Yr = 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 +2408,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(
+        /* @__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(
           Jr,
           {
             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,22 +2431,31 @@ 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: "Личный кабинет" })
-  ] }) });
+}), tn = Jt(Yr), en = ({ 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(
+          tn,
+          {
+            ref: i,
+            category: d,
+            active: t === d.title,
+            onActiveTabChange: n
+          },
+          d.title
+        )),
+        /* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
+      ]
+    }
+  ) });
 }, rn = Jt(en), nn = ({
   category: e,
   selectedCategory: t,
@@ -2618,7 +2634,7 @@ const Kr = (e, t) => {
     }
   );
 }, un = ({ categories: e, helpers: t, phone: r }) => {
-  var p;
+  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]" }),
@@ -2633,7 +2649,10 @@ 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 }) => {
@@ -2644,7 +2663,7 @@ const Kr = (e, t) => {
       Gr,
       {
         ellipsis: n ? 1 : void 0,
-        matcher: (i) => ({ label: Ie(i.label).split("-").join(" ") })
+        matcher: (i) => ({ label: Me(i.label).split("-").join(" ") })
       }
     )
   ] });
@@ -2659,17 +2678,17 @@ export {
   J as ButtonWithHandlers,
   On as DynamicForm,
   Sn as FallbacksView,
-  Fr as FieldMapper,
+  Br as FieldMapper,
   sn as Footer,
-  _r as HTMLParser,
+  Hr as HTMLParser,
   ft as HTMLRenderer,
   vn as Header,
-  En as InterLinking,
+  Mn as InterLinking,
   Tn as LongBanner,
   Fn as SeoHeader,
   Cn as Stepper,
-  Mn as UsefulInfo,
-  De as WIDGET_LIST,
+  En as UsefulInfo,
+  Qe as WIDGET_LIST,
   Ar as queryClient,
   j as widgetIds
 };