@scbt-ecom/ui 0.88.0 → 0.89.1

package/dist/widget.js

@@ -1,151 +1,151 @@
-var De = Object.defineProperty;
-var Vt = (e) => {
-  throw TypeError(e);
+var Rt = Object.defineProperty;
+var We = (t) => {
+  throw TypeError(t);
 };
-var He = (e, t, r) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Mt = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), _t = (e, t, r) => t.has(e) || Vt("Cannot " + r);
-var h = (e, t, r) => (_t(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Vt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), j = (e, t, r, n) => (_t(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (_t(e, t, "access private method"), r);
-var bt = (e, t, r, n) => ({
+var zt = (t, e, r) => e in t ? Rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var Fe = (t, e, r) => zt(t, typeof e != "symbol" ? e + "" : e, r), Be = (t, e, r) => e.has(t) || We("Cannot " + r);
+var h = (t, e, r) => (Be(t, e, "read from private field"), r ? r.call(t) : e.get(t)), N = (t, e, r) => e.has(t) ? We("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), j = (t, e, r, n) => (Be(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), A = (t, e, r) => (Be(t, e, "access private method"), r);
+var ye = (t, e, r, n) => ({
   set _(i) {
-    j(e, t, i, r);
+    j(t, e, i, r);
   },
   get _() {
-    return h(e, t, n);
+    return h(t, e, n);
   }
 });
 import { j as o } from "./mergeRefs-Danc3mp8.js";
-import { Y as be, Z as je, _ as Re, $ as O, a0 as $t, a1 as ze, a2 as Le, a3 as Wt, a4 as W, a5 as Qe, a6 as Ve, a7 as $e, a8 as We, a9 as At, aa as qt, ab as Ae, ac as Ut, ad as Kt, ae as qe, B as wt, c as D, R as T, n as ye, F as Ue, E as P, i as c, Q as pt, r as Ke, t as Ze, p as Bt, L as Ye, o as Et, A as at, U as ke, af as Xe, q as Je, W as vt, z as Ge, ag as Pt, ah as se, M as tr } from "./index-B6tiFtIj.js";
-import { c as a, T as _ } from "./typeGuards-BHbj394R.js";
-import * as mt from "react";
-import { lazy as B, useCallback as we, useState as R, memo as Nt, useMemo as ft, createElement as Ct, useRef as Dt, useReducer as er, forwardRef as rr, useEffect as Ft } from "react";
-import { i as Zt } from "./isClient-C9aZtt2Q.js";
-import { s as nr, c as It, r as it, a as or, l as ir } from "./renderImage-ViVSYcgG.js";
-import { u as lt, b as Ht, a as dr, g as St, F as ar } from "./useDebounce-5MeprqTX.js";
-import { z as ve, Z as Rt } from "./index-Bu5RfW_Z.js";
-import { au as Ne } from "./utils-BAhmwXLC.js";
-import { a as lr, u as ur } from "./useFieldsProgress-CUlFPv4E.js";
-import { createPortal as Ce } from "react-dom";
-var Q, pe, mr = (pe = class extends be {
-  constructor(t = {}) {
+import { Y as vt, Z as Nt, _ as Ht, $ as T, a0 as Ae, a1 as Lt, a2 as Qt, a3 as Ue, a4 as $, a5 as Vt, a6 as $t, a7 as Wt, a8 as At, a9 as qe, aa as Ke, ab as Ut, ac as Ze, ad as Ye, ae as qt, B as pe, c as D, R as F, n as Ct, F as Kt, E as s, i as f, Q as ce, r as Zt, t as Yt, p as Ce, L as Xt, o as se, A as de, U as De, af as Jt, q as Gt, W as Se, z as er, ag as Re, ah as tr, M as rr } from "./index-BFZfRLgg.js";
+import { c as d, T as _ } from "./typeGuards-BHbj394R.js";
+import * as me from "react";
+import { lazy as B, useCallback as St, useState as O, memo as fe, useMemo as ge, createElement as Ie, useRef as ze, useReducer as nr, forwardRef as or, useEffect as ve } from "react";
+import { i as Xe } from "./isClient-C9aZtt2Q.js";
+import { s as ir, c as Me, r as ie, a as ar, l as dr } from "./renderImage-ViVSYcgG.js";
+import { u as le, b as _e, a as lr, g as Oe, F as ur } from "./useDebounce-5MeprqTX.js";
+import { z as He, Z as Te } from "./index-Bu5RfW_Z.js";
+import { au as Le } from "./utils-BAhmwXLC.js";
+import { b as mr, u as xr, a as hr } from "./useFieldsProgress-C918amw-.js";
+import { createPortal as It } from "react-dom";
+var L, jt, pr = (jt = class extends vt {
+  constructor(e = {}) {
     super();
-    N(this, Q);
-    this.config = t, j(this, Q, /* @__PURE__ */ new Map());
-  }
-  build(t, r, n) {
-    const i = r.queryKey, d = r.queryHash ?? je(i, r);
-    let l = this.get(d);
-    return l || (l = new Re({
-      client: t,
+    N(this, L);
+    this.config = e, j(this, L, /* @__PURE__ */ new Map());
+  }
+  build(e, r, n) {
+    const i = r.queryKey, a = r.queryHash ?? Nt(i, r);
+    let l = this.get(a);
+    return l || (l = new Ht({
+      client: e,
       queryKey: i,
-      queryHash: d,
-      options: t.defaultQueryOptions(r),
+      queryHash: a,
+      options: e.defaultQueryOptions(r),
       state: n,
-      defaultOptions: t.getQueryDefaults(i)
+      defaultOptions: e.getQueryDefaults(i)
     }), this.add(l)), l;
   }
-  add(t) {
-    h(this, Q).has(t.queryHash) || (h(this, Q).set(t.queryHash, t), this.notify({
+  add(e) {
+    h(this, L).has(e.queryHash) || (h(this, L).set(e.queryHash, e), this.notify({
       type: "added",
-      query: t
+      query: e
     }));
   }
-  remove(t) {
-    const r = h(this, Q).get(t.queryHash);
-    r && (t.destroy(), r === t && h(this, Q).delete(t.queryHash), this.notify({ type: "removed", query: t }));
+  remove(e) {
+    const r = h(this, L).get(e.queryHash);
+    r && (e.destroy(), r === e && h(this, L).delete(e.queryHash), this.notify({ type: "removed", query: e }));
   }
   clear() {
-    O.batch(() => {
-      this.getAll().forEach((t) => {
-        this.remove(t);
+    T.batch(() => {
+      this.getAll().forEach((e) => {
+        this.remove(e);
       });
     });
   }
-  get(t) {
-    return h(this, Q).get(t);
+  get(e) {
+    return h(this, L).get(e);
   }
   getAll() {
-    return [...h(this, Q).values()];
+    return [...h(this, L).values()];
   }
-  find(t) {
-    const r = { exact: !0, ...t };
+  find(e) {
+    const r = { exact: !0, ...e };
     return this.getAll().find(
-      (n) => $t(r, n)
+      (n) => Ae(r, n)
     );
   }
-  findAll(t = {}) {
+  findAll(e = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((n) => $t(t, n)) : r;
+    return Object.keys(e).length > 0 ? r.filter((n) => Ae(e, n)) : r;
   }
-  notify(t) {
-    O.batch(() => {
+  notify(e) {
+    T.batch(() => {
       this.listeners.forEach((r) => {
-        r(t);
+        r(e);
       });
     });
   }
   onFocus() {
-    O.batch(() => {
-      this.getAll().forEach((t) => {
-        t.onFocus();
+    T.batch(() => {
+      this.getAll().forEach((e) => {
+        e.onFocus();
       });
     });
   }
   onOnline() {
-    O.batch(() => {
-      this.getAll().forEach((t) => {
-        t.onOnline();
+    T.batch(() => {
+      this.getAll().forEach((e) => {
+        e.onOnline();
       });
     });
   }
-}, Q = new WeakMap(), pe), V, M, s, $, U, fe, xr = (fe = class extends ze {
-  constructor(t) {
+}, L = new WeakMap(), jt), Q, M, G, V, U, yt, cr = (yt = class extends Lt {
+  constructor(e) {
     super();
-    N(this, $);
     N(this, V);
+    N(this, Q);
     N(this, M);
-    N(this, s);
-    this.mutationId = t.mutationId, j(this, M, t.mutationCache), j(this, V, []), this.state = t.state || hr(), this.setOptions(t.options), this.scheduleGc();
+    N(this, G);
+    this.mutationId = e.mutationId, j(this, M, e.mutationCache), j(this, Q, []), this.state = e.state || fr(), this.setOptions(e.options), this.scheduleGc();
   }
-  setOptions(t) {
-    this.options = t, this.updateGcTime(this.options.gcTime);
+  setOptions(e) {
+    this.options = e, this.updateGcTime(this.options.gcTime);
   }
   get meta() {
     return this.options.meta;
   }
-  addObserver(t) {
-    h(this, V).includes(t) || (h(this, V).push(t), this.clearGcTimeout(), h(this, M).notify({
+  addObserver(e) {
+    h(this, Q).includes(e) || (h(this, Q).push(e), this.clearGcTimeout(), h(this, M).notify({
       type: "observerAdded",
       mutation: this,
-      observer: t
+      observer: e
     }));
   }
-  removeObserver(t) {
-    j(this, V, h(this, V).filter((r) => r !== t)), this.scheduleGc(), h(this, M).notify({
+  removeObserver(e) {
+    j(this, Q, h(this, Q).filter((r) => r !== e)), this.scheduleGc(), h(this, M).notify({
       type: "observerRemoved",
       mutation: this,
-      observer: t
+      observer: e
     });
   }
   optionalRemove() {
-    h(this, V).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, M).remove(this));
+    h(this, Q).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, M).remove(this));
   }
   continue() {
-    var t;
-    return ((t = h(this, s)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    var e;
+    return ((e = h(this, G)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
     this.execute(this.state.variables);
   }
-  async execute(t) {
-    var d, l, u, x, m, p, f, I, y, F, k, S, E, z, v, C, L, X, ct, gt;
+  async execute(e) {
+    var a, l, u, x, m, p, c, S, y, E, k, I, P, z, v, C, H, Y, be, je;
     const r = () => {
-      q(this, $, U).call(this, { type: "continue" });
+      A(this, V, U).call(this, { type: "continue" });
     };
-    j(this, s, Le({
-      fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (w, J) => {
-        q(this, $, U).call(this, { type: "failed", failureCount: w, error: J });
+    j(this, G, Qt({
+      fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
+      onFail: (w, X) => {
+        A(this, V, U).call(this, { type: "failed", failureCount: w, error: X });
       },
       onPause: () => {
-        q(this, $, U).call(this, { type: "pause" });
+        A(this, V, U).call(this, { type: "pause" });
       },
       onContinue: r,
       retry: this.options.retry ?? 0,
@@ -153,81 +153,81 @@ var Q, pe, mr = (pe = class extends be {
       networkMode: this.options.networkMode,
       canRun: () => h(this, M).canRun(this)
     }));
-    const n = this.state.status === "pending", i = !h(this, s).canStart();
+    const n = this.state.status === "pending", i = !h(this, G).canStart();
     try {
       if (n)
         r();
       else {
-        q(this, $, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, M).config).onMutate) == null ? void 0 : l.call(
-          d,
-          t,
+        A(this, V, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((l = (a = h(this, M).config).onMutate) == null ? void 0 : l.call(
+          a,
+          e,
           this
         ));
-        const J = await ((x = (u = this.options).onMutate) == null ? void 0 : x.call(u, t));
-        J !== this.state.context && q(this, $, U).call(this, {
+        const X = await ((x = (u = this.options).onMutate) == null ? void 0 : x.call(u, e));
+        X !== this.state.context && A(this, V, U).call(this, {
           type: "pending",
-          context: J,
-          variables: t,
+          context: X,
+          variables: e,
           isPaused: i
         });
       }
-      const w = await h(this, s).start();
+      const w = await h(this, G).start();
       return await ((p = (m = h(this, M).config).onSuccess) == null ? void 0 : p.call(
         m,
         w,
-        t,
+        e,
         this.state.context,
         this
-      )), await ((I = (f = this.options).onSuccess) == null ? void 0 : I.call(f, w, t, this.state.context)), await ((F = (y = h(this, M).config).onSettled) == null ? void 0 : F.call(
+      )), await ((S = (c = this.options).onSuccess) == null ? void 0 : S.call(c, w, e, this.state.context)), await ((E = (y = h(this, M).config).onSettled) == null ? void 0 : E.call(
         y,
         w,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((S = (k = this.options).onSettled) == null ? void 0 : S.call(k, w, null, t, this.state.context)), q(this, $, U).call(this, { type: "success", data: w }), w;
+      )), await ((I = (k = this.options).onSettled) == null ? void 0 : I.call(k, w, null, e, this.state.context)), A(this, V, U).call(this, { type: "success", data: w }), w;
     } catch (w) {
       try {
-        throw await ((z = (E = h(this, M).config).onError) == null ? void 0 : z.call(
-          E,
+        throw await ((z = (P = h(this, M).config).onError) == null ? void 0 : z.call(
+          P,
           w,
-          t,
+          e,
           this.state.context,
           this
         )), await ((C = (v = this.options).onError) == null ? void 0 : C.call(
           v,
           w,
-          t,
+          e,
           this.state.context
-        )), await ((X = (L = h(this, M).config).onSettled) == null ? void 0 : X.call(
-          L,
+        )), await ((Y = (H = h(this, M).config).onSettled) == null ? void 0 : Y.call(
+          H,
           void 0,
           w,
           this.state.variables,
           this.state.context,
           this
-        )), await ((gt = (ct = this.options).onSettled) == null ? void 0 : gt.call(
-          ct,
+        )), await ((je = (be = this.options).onSettled) == null ? void 0 : je.call(
+          be,
           void 0,
           w,
-          t,
+          e,
           this.state.context
         )), w;
       } finally {
-        q(this, $, U).call(this, { type: "error", error: w });
+        A(this, V, U).call(this, { type: "error", error: w });
       }
     } finally {
       h(this, M).runNext(this);
     }
   }
-}, V = new WeakMap(), M = new WeakMap(), s = new WeakMap(), $ = new WeakSet(), U = function(t) {
+}, Q = new WeakMap(), M = new WeakMap(), G = new WeakMap(), V = new WeakSet(), U = function(e) {
   const r = (n) => {
-    switch (t.type) {
+    switch (e.type) {
       case "failed":
         return {
           ...n,
-          failureCount: t.failureCount,
-          failureReason: t.error
+          failureCount: e.failureCount,
+          failureReason: e.error
         };
       case "pause":
         return {
@@ -242,20 +242,20 @@ var Q, pe, mr = (pe = class extends be {
       case "pending":
         return {
           ...n,
-          context: t.context,
+          context: e.context,
           data: void 0,
           failureCount: 0,
           failureReason: null,
           error: null,
-          isPaused: t.isPaused,
+          isPaused: e.isPaused,
           status: "pending",
-          variables: t.variables,
+          variables: e.variables,
           submittedAt: Date.now()
         };
       case "success":
         return {
           ...n,
-          data: t.data,
+          data: e.data,
           failureCount: 0,
           failureReason: null,
           error: null,
@@ -266,25 +266,25 @@ var Q, pe, mr = (pe = class extends be {
         return {
           ...n,
           data: void 0,
-          error: t.error,
+          error: e.error,
           failureCount: n.failureCount + 1,
-          failureReason: t.error,
+          failureReason: e.error,
           isPaused: !1,
           status: "error"
         };
     }
   };
-  this.state = r(this.state), O.batch(() => {
-    h(this, V).forEach((n) => {
-      n.onMutationUpdate(t);
+  this.state = r(this.state), T.batch(() => {
+    h(this, Q).forEach((n) => {
+      n.onMutationUpdate(e);
     }), h(this, M).notify({
       mutation: this,
       type: "updated",
-      action: t
+      action: e
     });
   });
-}, fe);
-function hr() {
+}, yt);
+function fr() {
   return {
     context: void 0,
     data: void 0,
@@ -297,149 +297,149 @@ function hr() {
     submittedAt: 0
   };
 }
-var A, H, ht, ce, pr = (ce = class extends be {
-  constructor(t = {}) {
+var W, R, he, kt, gr = (kt = class extends vt {
+  constructor(e = {}) {
     super();
-    N(this, A);
-    N(this, H);
-    N(this, ht);
-    this.config = t, j(this, A, /* @__PURE__ */ new Set()), j(this, H, /* @__PURE__ */ new Map()), j(this, ht, 0);
+    N(this, W);
+    N(this, R);
+    N(this, he);
+    this.config = e, j(this, W, /* @__PURE__ */ new Set()), j(this, R, /* @__PURE__ */ new Map()), j(this, he, 0);
   }
-  build(t, r, n) {
-    const i = new xr({
+  build(e, r, n) {
+    const i = new cr({
       mutationCache: this,
-      mutationId: ++bt(this, ht)._,
-      options: t.defaultMutationOptions(r),
+      mutationId: ++ye(this, he)._,
+      options: e.defaultMutationOptions(r),
       state: n
     });
     return this.add(i), i;
   }
-  add(t) {
-    h(this, A).add(t);
-    const r = jt(t);
+  add(e) {
+    h(this, W).add(e);
+    const r = ke(e);
     if (typeof r == "string") {
-      const n = h(this, H).get(r);
-      n ? n.push(t) : h(this, H).set(r, [t]);
+      const n = h(this, R).get(r);
+      n ? n.push(e) : h(this, R).set(r, [e]);
     }
-    this.notify({ type: "added", mutation: t });
+    this.notify({ type: "added", mutation: e });
   }
-  remove(t) {
-    if (h(this, A).delete(t)) {
-      const r = jt(t);
+  remove(e) {
+    if (h(this, W).delete(e)) {
+      const r = ke(e);
       if (typeof r == "string") {
-        const n = h(this, H).get(r);
+        const n = h(this, R).get(r);
         if (n)
           if (n.length > 1) {
-            const i = n.indexOf(t);
+            const i = n.indexOf(e);
             i !== -1 && n.splice(i, 1);
-          } else n[0] === t && h(this, H).delete(r);
+          } else n[0] === e && h(this, R).delete(r);
       }
     }
-    this.notify({ type: "removed", mutation: t });
+    this.notify({ type: "removed", mutation: e });
   }
-  canRun(t) {
-    const r = jt(t);
+  canRun(e) {
+    const r = ke(e);
     if (typeof r == "string") {
-      const n = h(this, H).get(r), i = n == null ? void 0 : n.find(
-        (d) => d.state.status === "pending"
+      const n = h(this, R).get(r), i = n == null ? void 0 : n.find(
+        (a) => a.state.status === "pending"
       );
-      return !i || i === t;
+      return !i || i === e;
     } else
       return !0;
   }
-  runNext(t) {
+  runNext(e) {
     var n;
-    const r = jt(t);
+    const r = ke(e);
     if (typeof r == "string") {
-      const i = (n = h(this, H).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
+      const i = (n = h(this, R).get(r)) == null ? void 0 : n.find((a) => a !== e && a.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
-    O.batch(() => {
-      h(this, A).forEach((t) => {
-        this.notify({ type: "removed", mutation: t });
-      }), h(this, A).clear(), h(this, H).clear();
+    T.batch(() => {
+      h(this, W).forEach((e) => {
+        this.notify({ type: "removed", mutation: e });
+      }), h(this, W).clear(), h(this, R).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, A));
+    return Array.from(h(this, W));
   }
-  find(t) {
-    const r = { exact: !0, ...t };
+  find(e) {
+    const r = { exact: !0, ...e };
     return this.getAll().find(
-      (n) => Wt(r, n)
+      (n) => Ue(r, n)
     );
   }
-  findAll(t = {}) {
-    return this.getAll().filter((r) => Wt(t, r));
+  findAll(e = {}) {
+    return this.getAll().filter((r) => Ue(e, r));
   }
-  notify(t) {
-    O.batch(() => {
+  notify(e) {
+    T.batch(() => {
       this.listeners.forEach((r) => {
-        r(t);
+        r(e);
       });
     });
   }
   resumePausedMutations() {
-    const t = this.getAll().filter((r) => r.state.isPaused);
-    return O.batch(
+    const e = this.getAll().filter((r) => r.state.isPaused);
+    return T.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(W))
+        e.map((r) => r.continue().catch($))
       )
     );
   }
-}, A = new WeakMap(), H = new WeakMap(), ht = new WeakMap(), ce);
-function jt(e) {
-  var t;
-  return (t = e.options.scope) == null ? void 0 : t.id;
+}, W = new WeakMap(), R = new WeakMap(), he = new WeakMap(), kt);
+function ke(t) {
+  var e;
+  return (e = t.options.scope) == null ? void 0 : e.id;
 }
-function Yt(e) {
+function Je(t) {
   return {
-    onFetch: (t, r) => {
-      var p, f, I, y, F;
-      const n = t.options, i = (I = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : I.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], l = ((F = t.state.data) == null ? void 0 : F.pageParams) || [];
+    onFetch: (e, r) => {
+      var p, c, S, y, E;
+      const n = e.options, i = (S = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : S.direction, a = ((y = e.state.data) == null ? void 0 : y.pages) || [], l = ((E = e.state.data) == null ? void 0 : E.pageParams) || [];
       let u = { pages: [], pageParams: [] }, x = 0;
       const m = async () => {
         let k = !1;
-        const S = (v) => {
+        const I = (v) => {
           Object.defineProperty(v, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? k = !0 : t.signal.addEventListener("abort", () => {
+            get: () => (e.signal.aborted ? k = !0 : e.signal.addEventListener("abort", () => {
               k = !0;
-            }), t.signal)
+            }), e.signal)
           });
-        }, E = Qe(t.options, t.fetchOptions), z = async (v, C, L) => {
+        }, P = Vt(e.options, e.fetchOptions), z = async (v, C, H) => {
           if (k)
             return Promise.reject();
           if (C == null && v.pages.length)
             return Promise.resolve(v);
-          const ct = (() => {
-            const Qt = {
-              client: t.client,
-              queryKey: t.queryKey,
+          const be = (() => {
+            const $e = {
+              client: e.client,
+              queryKey: e.queryKey,
               pageParam: C,
-              direction: L ? "backward" : "forward",
-              meta: t.options.meta
+              direction: H ? "backward" : "forward",
+              meta: e.options.meta
             };
-            return S(Qt), Qt;
-          })(), gt = await E(ct), { maxPages: w } = t.options, J = L ? Ve : $e;
+            return I($e), $e;
+          })(), je = await P(be), { maxPages: w } = e.options, X = H ? $t : Wt;
           return {
-            pages: J(v.pages, gt, w),
-            pageParams: J(v.pageParams, C, w)
+            pages: X(v.pages, je, w),
+            pageParams: X(v.pageParams, C, w)
           };
         };
-        if (i && d.length) {
-          const v = i === "backward", C = v ? fr : Xt, L = {
-            pages: d,
+        if (i && a.length) {
+          const v = i === "backward", C = v ? br : Ge, H = {
+            pages: a,
             pageParams: l
-          }, X = C(n, L);
-          u = await z(L, X, v);
+          }, Y = C(n, H);
+          u = await z(H, Y, v);
         } else {
-          const v = e ?? d.length;
+          const v = t ?? a.length;
           do {
-            const C = x === 0 ? l[0] ?? n.initialPageParam : Xt(n, u);
+            const C = x === 0 ? l[0] ?? n.initialPageParam : Ge(n, u);
             if (x > 0 && C == null)
               break;
             u = await z(u, C), x++;
@@ -447,64 +447,64 @@ function Yt(e) {
         }
         return u;
       };
-      t.options.persister ? t.fetchFn = () => {
-        var k, S;
-        return (S = (k = t.options).persister) == null ? void 0 : S.call(
+      e.options.persister ? e.fetchFn = () => {
+        var k, I;
+        return (I = (k = e.options).persister) == null ? void 0 : I.call(
           k,
           m,
           {
-            client: t.client,
-            queryKey: t.queryKey,
-            meta: t.options.meta,
-            signal: t.signal
+            client: e.client,
+            queryKey: e.queryKey,
+            meta: e.options.meta,
+            signal: e.signal
           },
           r
         );
-      } : t.fetchFn = m;
+      } : e.fetchFn = m;
     }
   };
 }
-function Xt(e, { pages: t, pageParams: r }) {
-  const n = t.length - 1;
-  return t.length > 0 ? e.getNextPageParam(
-    t[n],
-    t,
+function Ge(t, { pages: e, pageParams: r }) {
+  const n = e.length - 1;
+  return e.length > 0 ? t.getNextPageParam(
+    e[n],
+    e,
     r[n],
     r
   ) : void 0;
 }
-function fr(e, { pages: t, pageParams: r }) {
+function br(t, { pages: e, 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;
+  return e.length > 0 ? (n = t.getPreviousPageParam) == null ? void 0 : n.call(t, e[0], e, r[0], r) : void 0;
 }
-var b, K, Z, et, rt, Y, nt, ot, ge, cr = (ge = class {
-  constructor(e = {}) {
+var b, q, K, te, re, Z, ne, oe, wt, jr = (wt = class {
+  constructor(t = {}) {
     N(this, b);
+    N(this, q);
     N(this, K);
+    N(this, te);
+    N(this, re);
     N(this, Z);
-    N(this, et);
-    N(this, rt);
-    N(this, Y);
-    N(this, nt);
-    N(this, ot);
-    j(this, b, e.queryCache || new mr()), j(this, K, e.mutationCache || new pr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
+    N(this, ne);
+    N(this, oe);
+    j(this, b, t.queryCache || new pr()), j(this, q, t.mutationCache || new gr()), j(this, K, t.defaultOptions || {}), j(this, te, /* @__PURE__ */ new Map()), j(this, re, /* @__PURE__ */ new Map()), j(this, Z, 0);
   }
   mount() {
-    bt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, We.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, b).onFocus());
-    })), j(this, ot, At.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, b).onOnline());
+    ye(this, Z)._++, h(this, Z) === 1 && (j(this, ne, At.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, b).onFocus());
+    })), j(this, oe, qe.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, b).onOnline());
     })));
   }
   unmount() {
-    var e, t;
-    bt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
+    var t, e;
+    ye(this, Z)._--, h(this, Z) === 0 && ((t = h(this, ne)) == null || t.call(this), j(this, ne, void 0), (e = h(this, oe)) == null || e.call(this), j(this, oe, void 0));
   }
-  isFetching(e) {
-    return h(this, b).findAll({ ...e, fetchStatus: "fetching" }).length;
+  isFetching(t) {
+    return h(this, b).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
-  isMutating(e) {
-    return h(this, K).findAll({ ...e, status: "pending" }).length;
+  isMutating(t) {
+    return h(this, q).findAll({ ...t, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -513,209 +513,210 @@ var b, K, Z, et, rt, Y, nt, ot, ge, cr = (ge = class {
    * 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) {
+  getQueryData(t) {
     var r;
-    const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, b).get(t.queryHash)) == null ? void 0 : r.state.data;
+    const e = this.defaultQueryOptions({ queryKey: t });
+    return (r = h(this, b).get(e.queryHash)) == null ? void 0 : r.state.data;
   }
-  ensureQueryData(e) {
-    const t = this.defaultQueryOptions(e), r = h(this, b).build(this, t), n = r.state.data;
-    return n === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(qt(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
+  ensureQueryData(t) {
+    const e = this.defaultQueryOptions(t), r = h(this, b).build(this, e), n = r.state.data;
+    return n === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && r.isStaleByTime(Ke(e.staleTime, r)) && this.prefetchQuery(e), Promise.resolve(n));
   }
-  getQueriesData(e) {
-    return h(this, b).findAll(e).map(({ queryKey: t, state: r }) => {
+  getQueriesData(t) {
+    return h(this, b).findAll(t).map(({ queryKey: e, state: r }) => {
       const n = r.data;
-      return [t, n];
+      return [e, n];
     });
   }
-  setQueryData(e, t, r) {
-    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, b).get(
+  setQueryData(t, e, r) {
+    const n = this.defaultQueryOptions({ queryKey: t }), i = h(this, b).get(
       n.queryHash
-    ), d = i == null ? void 0 : i.state.data, l = Ae(t, d);
+    ), a = i == null ? void 0 : i.state.data, l = Ut(e, a);
     if (l !== void 0)
       return h(this, b).build(this, n).setData(l, { ...r, manual: !0 });
   }
-  setQueriesData(e, t, r) {
-    return O.batch(
-      () => h(this, b).findAll(e).map(({ queryKey: n }) => [
+  setQueriesData(t, e, r) {
+    return T.batch(
+      () => h(this, b).findAll(t).map(({ queryKey: n }) => [
         n,
-        this.setQueryData(n, t, r)
+        this.setQueryData(n, e, r)
       ])
     );
   }
-  getQueryState(e) {
+  getQueryState(t) {
     var r;
-    const t = this.defaultQueryOptions({ queryKey: e });
+    const e = this.defaultQueryOptions({ queryKey: t });
     return (r = h(this, b).get(
-      t.queryHash
+      e.queryHash
     )) == null ? void 0 : r.state;
   }
-  removeQueries(e) {
-    const t = h(this, b);
-    O.batch(() => {
-      t.findAll(e).forEach((r) => {
-        t.remove(r);
+  removeQueries(t) {
+    const e = h(this, b);
+    T.batch(() => {
+      e.findAll(t).forEach((r) => {
+        e.remove(r);
       });
     });
   }
-  resetQueries(e, t) {
+  resetQueries(t, e) {
     const r = h(this, b);
-    return O.batch(() => (r.findAll(e).forEach((n) => {
+    return T.batch(() => (r.findAll(t).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
       {
         type: "active",
-        ...e
+        ...t
       },
-      t
+      e
     )));
   }
-  cancelQueries(e, t = {}) {
-    const r = { revert: !0, ...t }, n = O.batch(
-      () => h(this, b).findAll(e).map((i) => i.cancel(r))
+  cancelQueries(t, e = {}) {
+    const r = { revert: !0, ...e }, n = T.batch(
+      () => h(this, b).findAll(t).map((i) => i.cancel(r))
     );
-    return Promise.all(n).then(W).catch(W);
+    return Promise.all(n).then($).catch($);
   }
-  invalidateQueries(e, t = {}) {
-    return O.batch(() => (h(this, b).findAll(e).forEach((r) => {
+  invalidateQueries(t, e = {}) {
+    return T.batch(() => (h(this, b).findAll(t).forEach((r) => {
       r.invalidate();
-    }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
+    }), (t == null ? void 0 : t.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
-        ...e,
-        type: (e == null ? void 0 : e.refetchType) ?? (e == null ? void 0 : e.type) ?? "active"
+        ...t,
+        type: (t == null ? void 0 : t.refetchType) ?? (t == null ? void 0 : t.type) ?? "active"
       },
-      t
+      e
     )));
   }
-  refetchQueries(e, t = {}) {
+  refetchQueries(t, e = {}) {
     const r = {
-      ...t,
-      cancelRefetch: t.cancelRefetch ?? !0
-    }, n = O.batch(
-      () => h(this, b).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
-        let d = i.fetch(void 0, r);
-        return r.throwOnError || (d = d.catch(W)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
+      ...e,
+      cancelRefetch: e.cancelRefetch ?? !0
+    }, n = T.batch(
+      () => h(this, b).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
+        let a = i.fetch(void 0, r);
+        return r.throwOnError || (a = a.catch($)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
       })
     );
-    return Promise.all(n).then(W);
+    return Promise.all(n).then($);
   }
-  fetchQuery(e) {
-    const t = this.defaultQueryOptions(e);
-    t.retry === void 0 && (t.retry = !1);
-    const r = h(this, b).build(this, t);
+  fetchQuery(t) {
+    const e = this.defaultQueryOptions(t);
+    e.retry === void 0 && (e.retry = !1);
+    const r = h(this, b).build(this, e);
     return r.isStaleByTime(
-      qt(t.staleTime, r)
-    ) ? r.fetch(t) : Promise.resolve(r.state.data);
+      Ke(e.staleTime, r)
+    ) ? r.fetch(e) : Promise.resolve(r.state.data);
   }
-  prefetchQuery(e) {
-    return this.fetchQuery(e).then(W).catch(W);
+  prefetchQuery(t) {
+    return this.fetchQuery(t).then($).catch($);
   }
-  fetchInfiniteQuery(e) {
-    return e.behavior = Yt(e.pages), this.fetchQuery(e);
+  fetchInfiniteQuery(t) {
+    return t.behavior = Je(t.pages), this.fetchQuery(t);
   }
-  prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(W).catch(W);
+  prefetchInfiniteQuery(t) {
+    return this.fetchInfiniteQuery(t).then($).catch($);
   }
-  ensureInfiniteQueryData(e) {
-    return e.behavior = Yt(e.pages), this.ensureQueryData(e);
+  ensureInfiniteQueryData(t) {
+    return t.behavior = Je(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
-    return At.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
+    return qe.isOnline() ? h(this, q).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
     return h(this, b);
   }
   getMutationCache() {
-    return h(this, K);
+    return h(this, q);
   }
   getDefaultOptions() {
-    return h(this, Z);
+    return h(this, K);
   }
-  setDefaultOptions(e) {
-    j(this, Z, e);
+  setDefaultOptions(t) {
+    j(this, K, t);
   }
-  setQueryDefaults(e, t) {
-    h(this, et).set(Ut(e), {
-      queryKey: e,
-      defaultOptions: t
+  setQueryDefaults(t, e) {
+    h(this, te).set(Ze(t), {
+      queryKey: t,
+      defaultOptions: e
     });
   }
-  getQueryDefaults(e) {
-    const t = [...h(this, et).values()], r = {};
-    return t.forEach((n) => {
-      Kt(e, n.queryKey) && Object.assign(r, n.defaultOptions);
+  getQueryDefaults(t) {
+    const e = [...h(this, te).values()], r = {};
+    return e.forEach((n) => {
+      Ye(t, n.queryKey) && Object.assign(r, n.defaultOptions);
     }), r;
   }
-  setMutationDefaults(e, t) {
-    h(this, rt).set(Ut(e), {
-      mutationKey: e,
-      defaultOptions: t
+  setMutationDefaults(t, e) {
+    h(this, re).set(Ze(t), {
+      mutationKey: t,
+      defaultOptions: e
     });
   }
-  getMutationDefaults(e) {
-    const t = [...h(this, rt).values()], r = {};
-    return t.forEach((n) => {
-      Kt(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
+  getMutationDefaults(t) {
+    const e = [...h(this, re).values()], r = {};
+    return e.forEach((n) => {
+      Ye(t, n.mutationKey) && Object.assign(r, n.defaultOptions);
     }), r;
   }
-  defaultQueryOptions(e) {
-    if (e._defaulted)
-      return e;
-    const t = {
-      ...h(this, Z).queries,
-      ...this.getQueryDefaults(e.queryKey),
-      ...e,
+  defaultQueryOptions(t) {
+    if (t._defaulted)
+      return t;
+    const e = {
+      ...h(this, K).queries,
+      ...this.getQueryDefaults(t.queryKey),
+      ...t,
       _defaulted: !0
     };
-    return t.queryHash || (t.queryHash = je(
-      t.queryKey,
-      t
-    )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.queryFn === qe && (t.enabled = !1), t;
-  }
-  defaultMutationOptions(e) {
-    return e != null && e._defaulted ? e : {
-      ...h(this, Z).mutations,
-      ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
-      ...e,
+    return e.queryHash || (e.queryHash = Nt(
+      e.queryKey,
+      e
+    )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.queryFn === qt && (e.enabled = !1), e;
+  }
+  defaultMutationOptions(t) {
+    return t != null && t._defaulted ? t : {
+      ...h(this, K).mutations,
+      ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
+      ...t,
       _defaulted: !0
     };
   }
   clear() {
-    h(this, b).clear(), h(this, K).clear();
-  }
-}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ge);
-const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resolve().then(() => Oo)), jr = B(() => Promise.resolve().then(() => Wn)), yr = B(() => Promise.resolve().then(() => qn)), kr = B(() => Promise.resolve().then(() => Zr)), wr = B(() => Promise.resolve().then(() => Rr)), vr = B(() => Promise.resolve().then(() => hn)), Nr = B(() => Promise.resolve().then(() => dn)), Cr = B(() => Promise.resolve().then(() => mo)), Ir = B(() => Promise.resolve().then(() => Gr)), Sr = B(() => Promise.resolve().then(() => Pn)), Mr = B(() => Promise.resolve().then(() => Dr)), _r = B(() => Promise.resolve().then(() => Bo)), Or = {
-  header: wr,
-  seoHeader: Cr,
-  banner: gr,
-  calculator: br,
-  form: jr,
-  formDialog: yr,
-  stepper: Ir,
-  benefit: Mr,
-  longBanner: Nr,
-  usefulInfo: Sr,
-  interLinking: vr,
-  footer: kr,
-  infoBlock: _r
-}, Tr = Object.keys(Or), g = Tr.reduce(
-  (e, t) => (e[t] = t, e),
+    h(this, b).clear(), h(this, q).clear();
+  }
+}, b = new WeakMap(), q = new WeakMap(), K = new WeakMap(), te = new WeakMap(), re = new WeakMap(), Z = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), wt);
+const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resolve().then(() => Eo)), wr = B(() => Promise.resolve().then(() => qn)), vr = B(() => Promise.resolve().then(() => Zn)), Nr = B(() => Promise.resolve().then(() => Jr)), Cr = B(() => Promise.resolve().then(() => Qr)), Sr = B(() => Promise.resolve().then(() => gn)), Ir = B(() => Promise.resolve().then(() => mn)), Mr = B(() => Promise.resolve().then(() => co)), _r = B(() => Promise.resolve().then(() => rn)), Or = B(() => Promise.resolve().then(() => zn)), Tr = B(() => Promise.resolve().then(() => Hr)), Fr = B(() => Promise.resolve().then(() => Do)), Br = B(() => Promise.resolve().then(() => Wo)), Er = {
+  header: Cr,
+  seoHeader: Mr,
+  banner: yr,
+  calculator: kr,
+  form: wr,
+  formDialog: vr,
+  stepper: _r,
+  benefit: Tr,
+  longBanner: Ir,
+  usefulInfo: Or,
+  interLinking: Sr,
+  footer: Nr,
+  infoBlock: Fr,
+  userFeedback: Br
+}, Pr = Object.keys(Er), g = Pr.reduce(
+  (t, e) => (t[e] = e, t),
   {}
-), Fr = (e) => we(() => {
-  switch (e.handler) {
+), sr = (t) => St(() => {
+  switch (t.handler) {
     case "navigate": {
-      const { url: r, target: n, rel: i } = e;
-      Zt && (window == null || window.open(r, n, i));
+      const { url: r, target: n, rel: i } = t;
+      Xe && (window == null || window.open(r, n, i));
       break;
     }
     case "scroll": {
-      const { widgetId: r } = e ?? "";
-      nr({ widgetId: r });
+      const { widgetId: r } = t ?? "";
+      ir({ widgetId: r });
       break;
     }
     case "dialog": {
-      if (!Zt) return;
-      const { dialogId: r } = e ?? {}, n = document.getElementById(r);
+      if (!Xe) return;
+      const { dialogId: r } = t ?? {}, n = document.getElementById(r);
       if (!n) {
         console.error("Такого элемента в DOM не существует", r);
         break;
@@ -723,10 +724,10 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       n.show();
     }
   }
-}, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
-  const n = Fr(e);
-  return /* @__PURE__ */ o.jsx(wt, { className: a(t), onClick: n, ...r, children: r.children });
-}, Br = D(
+}, [t]), ee = ({ handlerOptions: t, className: e, ...r }) => {
+  const n = sr(t);
+  return /* @__PURE__ */ o.jsx(pe, { className: d(e), onClick: n, ...r, children: r.children });
+}, Dr = D(
   "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: {
@@ -737,43 +738,43 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       }
     }
   }
-), Er = ({
-  subtitle: e,
-  title: t,
+), Rr = ({
+  subtitle: t,
+  title: e,
   img: r,
   mobileImg: n,
   classes: i,
-  withButton: d,
+  withButton: a,
   button: l,
   variant: u,
   color: x
 }) => {
-  const { isDesktop: m } = lt();
+  const { isDesktop: m } = le();
   return /* @__PURE__ */ o.jsxs(
     "li",
     {
       style: { backgroundColor: x ?? "#F3F4F7" },
-      className: a(Br({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: d(Dr({ 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: [
-            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+        /* @__PURE__ */ o.jsxs("div", { className: d("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: d("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: d("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                dangerouslySetInnerHTML: { __html: e },
-                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                dangerouslySetInnerHTML: { __html: t },
+                className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          a && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(ee, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
-    t
+    e
   );
-}, Pr = D("grid gap-4", {
+}, zr = D("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -781,132 +782,132 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Jt = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(T, { className: n == null ? void 0 : n.container, children: [
+}), et = ({ headline: t, details: e, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: d("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ o.jsx(
     "div",
     {
-      dangerouslySetInnerHTML: { __html: e },
-      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      dangerouslySetInnerHTML: { __html: t },
+      className: d("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ o.jsx("ul", { className: a(Pr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Er, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
-] }) }), Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  /* @__PURE__ */ o.jsx("ul", { className: d(zr({ variant: r }), n == null ? void 0 : n.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ o.jsx(Rr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+] }) }), Hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Benefit: Jt,
-  default: Jt
-}, Symbol.toStringTag, { value: "Module" })), Hr = ({ variant: e, details: t }) => {
-  switch (e) {
+  Benefit: et,
+  default: et
+}, Symbol.toStringTag, { value: "Module" })), Lr = ({ variant: t, details: e }) => {
+  switch (t) {
     case "withButton":
-      return /* @__PURE__ */ o.jsx(tt, { ...t });
+      return /* @__PURE__ */ o.jsx(ee, { ...e });
     case "withPhone":
-      return /* @__PURE__ */ o.jsx(ye, { classes: { root: "items-end" }, ...t, phone: It(t.phone) });
+      return /* @__PURE__ */ o.jsx(Ct, { classes: { root: "items-end" }, ...e, phone: Me(e.phone) });
     default:
       return null;
   }
-}, Gt = (e) => {
-  const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
+}, tt = (t) => {
+  const { logoPath: e = "/", logoType: r = "main", classes: n } = t;
   return /* @__PURE__ */ o.jsx(
     "header",
     {
       id: g.header,
       "data-test-id": g.header,
-      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
-      children: /* @__PURE__ */ o.jsx(T, { 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: [
+      className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
+      children: /* @__PURE__ */ o.jsx(F, { className: d(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: d("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ o.jsx(
           "a",
           {
-            href: t,
+            href: e,
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: a(
+            className: d(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               n == null ? void 0 : n.logo
             ),
-            children: Ue[r]
+            children: Kt[r]
           }
         ),
-        Hr(e)
+        Lr(t)
       ] }) })
     }
   );
-}, Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Gt,
-  default: Gt
-}, Symbol.toStringTag, { value: "Module" })), Ie = ({ buttonConfig: e, classes: t }) => {
-  const { primary: r, secondary: n } = e || {};
+  Header: tt,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" })), Mt = ({ buttonConfig: t, classes: e }) => {
+  const { primary: r, secondary: n } = t || {};
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
         { "flex items-center gap-4": n == null ? void 0 : n.enabled },
-        t == null ? void 0 : t.group
+        e == null ? void 0 : e.group
       ),
       children: [
         r.enabled && /* @__PURE__ */ o.jsx(
-          tt,
+          ee,
           {
-            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
+            className: d("w-full desktop:max-w-[216px]", e == null ? void 0 : e.primary),
             size: "lg",
             intent: "primary",
             ...r.buttonContent
           }
         ),
         (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
-          tt,
+          ee,
           {
             intent: "secondary",
             size: "lg",
-            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
+            className: d("w-full desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
             ...r.buttonContent
           }
         )
       ]
     }
   );
-}, kt = ({ details: e, classes: t }) => {
-  const { variant: r, items: n } = e ?? {};
-  return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
+}, Ne = ({ details: t, classes: e }) => {
+  const { variant: r, items: n } = t ?? {};
+  return /* @__PURE__ */ o.jsx("div", { className: d("flex items-center justify-center pb-8", e == null ? void 0 : e.root), children: /* @__PURE__ */ o.jsx(
     "div",
     {
       id: "advantages",
-      className: a(
+      className: d(
         "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
         { "desktop:max-w-[860px]": r === "threeCards" },
         { "desktop:max-w-[1140px]": r === "fourCards" },
-        t == null ? void 0 : t.advantagesContainer
+        e == null ? void 0 : e.advantagesContainer
       ),
-      children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
+      children: n == null ? void 0 : n.map(({ title: i, description: a }) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-            t == null ? void 0 : t.item
+            e == null ? void 0 : e.item
           ),
           children: [
-            /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+            /* @__PURE__ */ o.jsx(s, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children: i }),
+            /* @__PURE__ */ o.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: a })
           ]
         },
         i
       ))
     }
   ) });
-}, zr = ({
-  headTitle: e,
-  subtitle: t,
+}, Vr = ({
+  headTitle: t,
+  subtitle: e,
   buttonsConfig: r,
   advantages: n,
   classes: i,
-  imageDesktop: d,
+  imageDesktop: a,
   imageMobile: l,
   renderImageCb: u,
   backgroundColor: x
 }) => {
-  var f;
-  const { isMobile: m } = lt(), p = (n == null ? void 0 : n.details) && ((f = n == null ? void 0 : n.details) == null ? void 0 : f.items.length) > 0;
+  var c;
+  const { isMobile: m } = le(), p = (n == null ? void 0 : n.details) && ((c = n == null ? void 0 : n.details) == null ? void 0 : c.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "section",
@@ -914,43 +915,43 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
         id: g.banner,
         "data-test-id": g.banner,
         style: { backgroundColor: x ?? "#d9edff" },
-        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        className: d("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 ? it({
+          /* @__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 ? ie({
             imgProps: {
               className: "h-full w-full object-cover object-center",
               ...l
             },
             renderImageCb: u
-          }) : it({
+          }) : ie({
             imgProps: {
               className: "h-full w-full object-cover object-center",
-              ...d
+              ...a
             },
             renderImageCb: u
           }) }),
-          /* @__PURE__ */ o.jsxs(T, { 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(F, { className: d("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ o.jsx("div", { className: d("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: d("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(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    dangerouslySetInnerHTML: { __html: t },
+                    className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    dangerouslySetInnerHTML: { __html: e },
+                    className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ o.jsx(Ie, { buttonConfig: r })
+              /* @__PURE__ */ o.jsx(Mt, { buttonConfig: r })
             ] }) }),
             (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
-              kt,
+              Ne,
               {
                 classes: {
                   root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
@@ -963,7 +964,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       }
     ),
     (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
-      kt,
+      Ne,
       {
         classes: {
           root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
@@ -972,13 +973,13 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       }
     )
   ] });
-}, Lr = ({
-  headTitle: e,
-  subtitle: t,
+}, $r = ({
+  headTitle: t,
+  subtitle: e,
   buttonsConfig: r,
   advantages: n,
   classes: i,
-  renderImageCb: d,
+  renderImageCb: a,
   imageDesktop: l,
   imageMobile: u,
   backgroundColor: x
@@ -991,29 +992,29 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       id: g.banner,
       style: { backgroundColor: x ?? "#d9edff" },
       "data-test-id": g.banner,
-      className: a("", i == null ? void 0 : i.root),
+      className: d("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs(T, { className: a("relative desktop:h-[456px]", 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(F, { className: d("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: d("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: [
+              /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    dangerouslySetInnerHTML: { __html: t },
+                    className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    dangerouslySetInnerHTML: { __html: e },
+                    className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ o.jsx(
-                Ie,
+                Mt,
                 {
                   buttonConfig: r,
                   classes: {
@@ -1025,38 +1026,38 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: a(
+                className: d(
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: it({
+                children: ie({
                   imgProps: {
                     className: "h-full object-contain",
                     ...u
                   },
-                  renderImageCb: d
+                  renderImageCb: a
                 })
               }
             ),
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: a(
+                className: d(
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: it({
+                children: ie({
                   imgProps: {
                     className: "h-full object-contain",
                     ...l
                   },
-                  renderImageCb: d
+                  renderImageCb: a
                 })
               }
             )
           ] }),
           (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
-            kt,
+            Ne,
             {
               classes: {
                 root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
@@ -1066,7 +1067,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
           )
         ] }),
         (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
-          kt,
+          Ne,
           {
             classes: {
               root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
@@ -1077,58 +1078,58 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       ]
     }
   );
-}, st = ({ variant: e, ...t }) => {
-  switch (e) {
+}, rt = ({ variant: t, ...e }) => {
+  switch (t) {
     case "fullImg":
-      return /* @__PURE__ */ o.jsx(zr, { ...t });
+      return /* @__PURE__ */ o.jsx(Vr, { ...e });
     default:
-      return /* @__PURE__ */ o.jsx(Lr, { ...t });
+      return /* @__PURE__ */ o.jsx($r, { ...e });
   }
-}, Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Banner: st,
-  default: st
-}, Symbol.toStringTag, { value: "Module" })), Vr = ({ 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, ...i }) => /* @__PURE__ */ o.jsx(
+  Banner: rt,
+  default: rt
+}, Symbol.toStringTag, { value: "Module" })), Ar = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ o.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: r, href: n, ...i }) => /* @__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),
+    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: n,
     "aria-label": r.replace("social/", ""),
     ...i,
-    children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ o.jsx(f, { name: r, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   n
-)) }), $r = ({ 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(
-  ye,
+)) }), Ur = ({ phones: t, classes: e }) => /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+  Ct,
   {
-    phone: It(r),
+    phone: Me(r),
     text: n,
     classes: {
-      root: a(t == null ? void 0 : t.phoneWrapper),
-      text: a("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: d(e == null ? void 0 : e.phoneWrapper),
+      text: d("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: d("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
   r
-)) }), Wr = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
+)) }), qr = ({ classes: t, details: e }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: a(
+    className: d(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
-      e == null ? void 0 : e.navRoot
+      t == null ? void 0 : t.navRoot
     ),
-    children: t == null ? void 0 : t.map(
-      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-        /* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-        /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l, ...u }) => /* @__PURE__ */ o.jsx(
-          pt,
+    children: e == null ? void 0 : e.map(
+      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
+        /* @__PURE__ */ o.jsx("div", { className: d("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: n }),
+        /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: l, ...u }) => /* @__PURE__ */ o.jsx(
+          ce,
           {
-            href: d,
+            href: a,
             "aria-label": l,
             intent: "white",
             classes: {
-              link: e == null ? void 0 : e.navLink,
-              icon: e == null ? void 0 : e.navLinkIcon
+              link: t == null ? void 0 : t.navLink,
+              icon: t == null ? void 0 : t.navLinkIcon
             },
             ...u,
             children: l
@@ -1138,27 +1139,27 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       ] }, n))
     )
   }
-), Ar = ({ text: e, classes: t }) => {
+), Kr = ({ text: t, classes: e }) => {
   const r = (/* @__PURE__ */ new Date()).getFullYear();
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+      className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
       dangerouslySetInnerHTML: {
-        __html: `<div style="display: inline-flex; gap: 4px"><span>© 2004-${r}</span> ${e}</div>`
+        __html: `<div style="display: inline-flex; gap: 4px"><span>© 2004-${r}</span> ${t}</div>`
       }
     }
   );
-}, qr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+}, Zr = ({ classes: t }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    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) })
+    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
+    children: /* @__PURE__ */ o.jsx(f, { name: "brandLogos/logoWhite", className: d("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
-), Ur = ({ classes: e }) => /* @__PURE__ */ o.jsx(
-  pt,
+), Yr = ({ classes: t }) => /* @__PURE__ */ o.jsx(
+  ce,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1166,23 +1167,23 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
-      icon: e == null ? void 0 : e.siteMapLinkIcon
+      link: d("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
+      icon: t == null ? void 0 : t.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), Kr = ({ text: e, classes: t }) => {
-  const [r, n] = mt.useState(!1), [i, d] = mt.useState(!1), l = mt.useRef(null);
-  return mt.useEffect(() => {
+), Xr = ({ text: t, classes: e }) => {
+  const [r, n] = me.useState(!1), [i, a] = me.useState(!1), l = me.useRef(null);
+  return me.useEffect(() => {
     const u = l.current;
-    u && d(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+    u && a(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: d("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: l,
-        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
-        dangerouslySetInnerHTML: { __html: e }
+        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, e == null ? void 0 : e.ligalText),
+        dangerouslySetInnerHTML: { __html: t }
       }
     ),
     i && /* @__PURE__ */ o.jsx(
@@ -1191,113 +1192,113 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
         tabIndex: 0,
         role: "button",
         onClick: () => n((u) => !u),
-        className: a(
+        className: d(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
-          t == null ? void 0 : t.ligalButton
+          e == null ? void 0 : e.ligalButton
         ),
         children: "Подробнее"
       }
     )
   ] });
-}, te = ({
-  socialsLinks: e,
-  phones: t,
+}, nt = ({
+  socialsLinks: t,
+  phones: e,
   ligal: r,
   copyright: n,
   classes: i,
-  details: d,
+  details: a,
   siteMap: l = !0
 }) => /* @__PURE__ */ o.jsx(
   "footer",
   {
     id: g.footer,
     "data-test-id": g.footer,
-    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ o.jsx(T, { 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: [
+    className: d("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ o.jsx(F, { className: d(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: d("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
             i == null ? void 0 : i.footerHead
           ),
           children: [
-            /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
-              /* @__PURE__ */ o.jsx(qr, { classes: i == null ? void 0 : i.footerLogo }),
-              e.enabled && /* @__PURE__ */ o.jsx(Vr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
+            /* @__PURE__ */ o.jsxs("div", { className: d(i == null ? void 0 : i.footerSocialBlock), children: [
+              /* @__PURE__ */ o.jsx(Zr, { classes: i == null ? void 0 : i.footerLogo }),
+              t.enabled && /* @__PURE__ */ o.jsx(Ar, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
-            t.enabled && /* @__PURE__ */ o.jsx($r, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
+            e.enabled && /* @__PURE__ */ o.jsx(Ur, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !_.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Wr, { details: d, classes: i == null ? void 0 : i.navLinks }),
-      r.enabled && /* @__PURE__ */ o.jsx(Kr, { text: r.text }),
+      !_.isArrayEmpty(a) && /* @__PURE__ */ o.jsx(qr, { details: a, classes: i == null ? void 0 : i.navLinks }),
+      r.enabled && /* @__PURE__ */ o.jsx(Xr, { text: r.text }),
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
             i == null ? void 0 : i.footerBottom
           ),
           children: [
-            n.enabled && /* @__PURE__ */ o.jsx(Ar, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ o.jsx(Ur, { classes: i == null ? void 0 : i.siteMap })
+            n.enabled && /* @__PURE__ */ o.jsx(Kr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
+            l && /* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
     ] }) })
   }
-), Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Footer: te,
-  default: te
-}, Symbol.toStringTag, { value: "Module" })), Yr = (e) => {
-  var d, l;
-  const { classes: t, index: r, title: n, description: i } = e;
+  Footer: nt,
+  default: nt
+}, Symbol.toStringTag, { value: "Module" })), Gr = (t) => {
+  var a, l;
+  const { classes: e, index: r, title: n, description: i } = t;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        t == null ? void 0 : t.singleStep
+        e == null ? void 0 : e.singleStep
       ),
       children: [
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: a(
+            className: d(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-              t == null ? void 0 : t.numeric
+              e == null ? void 0 : e.numeric
             ),
             children: r
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.stepContainer), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-2"), children: [
             n && /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: n },
-                className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+                className: d("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
               }
             ),
             /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: i ?? "" },
-                className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+                className: d("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
               }
             )
           ] }),
-          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: a("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: a("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (l = e == null ? void 0 : e.image) == null ? void 0 : l.alt }) })
+          t.type === "withImage" && Object.keys((t == null ? void 0 : t.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: d("h-[368px] w-[348px] mobile:hidden", e == null ? void 0 : e.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: d("h-full w-full object-contain", e == null ? void 0 : e.image), src: (a = t == null ? void 0 : t.image) == null ? void 0 : a.src, alt: (l = t == null ? void 0 : t.image) == null ? void 0 : l.alt }) })
         ] })
       ]
     }
   );
-}, Xr = ({ currentStepper: e, classes: t }) => {
-  const [r, n] = R(0), { carouselClasses: i, carouselSlideClasses: d } = t || {};
+}, en = ({ currentStepper: t, classes: e }) => {
+  const [r, n] = O(0), { carouselClasses: i, carouselSlideClasses: a } = e || {};
   return /* @__PURE__ */ o.jsx(
-    Ke,
+    Zt,
     {
       carouselOptions: {
         dragFree: !1
@@ -1317,67 +1318,67 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
         },
         ...i
       },
-      children: e.details.map((l, u) => /* @__PURE__ */ o.jsx(
-        Ze,
+      children: t.details.map((l, u) => /* @__PURE__ */ o.jsx(
+        Yt,
         {
           variant: "fullScreen",
           slideIndex: u,
           ...l,
           classes: {
             slide: "mobile:w-[328px]  desktop:w-[1140px]",
-            ...d
+            ...a
           }
         },
         u
       ))
     }
   );
-}, Jr = Nt(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
+}, tn = fe(({ stepperTabs: t, activeStepper: e, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: d("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: t == null ? void 0 : t.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: a(
+    className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
-      { "bg-icon-primary-default text-color-white": t === i },
+      { "bg-icon-primary-default text-color-white": e === i },
       n == null ? void 0 : n.tab
     ),
     children: i
   },
   i
-)) })), ee = ({ steppers: e, classes: t }) => {
+)) })), ot = ({ steppers: t, classes: e }) => {
   var x, m;
-  const r = e.length > 1, [n, i] = R(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = ft(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
-  return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(T, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
-    /* @__PURE__ */ o.jsx(P, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
+  const r = t.length > 1, [n, i] = O(r ? (x = t[0]) == null ? void 0 : x.headline : ""), a = ge(() => t == null ? void 0 : t.map(({ headline: p }) => ({ headline: p })), [t]), l = r ? a == null ? void 0 : a.findIndex((p) => p.headline === n) : 0, u = t[l];
+  return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: e == null ? void 0 : e.root, children: /* @__PURE__ */ o.jsx(F, { className: d(e == null ? void 0 : e.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", e == null ? void 0 : e.wrapper), children: [
+    /* @__PURE__ */ o.jsx(s, { as: "h2", className: d("text-color-dark", e == null ? void 0 : e.headline), children: u.headline }),
     /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
       r && /* @__PURE__ */ o.jsx(
-        Jr,
+        tn,
         {
-          stepperTabs: d,
+          stepperTabs: a,
           activeStepper: n,
           setActiveStepper: i,
-          classes: t == null ? void 0 : t.stepperTabs
+          classes: e == null ? void 0 : e.stepperTabs
         }
       ),
-      u.withImages && /* @__PURE__ */ o.jsx(Xr, { classes: t == null ? void 0 : t.stepperCarousel, currentStepper: u }),
+      u.withImages && /* @__PURE__ */ o.jsx(en, { classes: e == null ? void 0 : e.stepperCarousel, currentStepper: u }),
       /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: a(
+          className: d(
             "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-            t == null ? void 0 : t.stepsWrapper,
+            e == null ? void 0 : e.stepsWrapper,
             { "mobile:hidden": u.withImages }
           ),
-          children: (m = u.details) == null ? void 0 : m.map((p, f) => /* @__PURE__ */ Ct(Yr, { ...p, key: p.description, index: f + 1, classes: t == null ? void 0 : t.step }))
+          children: (m = u.details) == null ? void 0 : m.map((p, c) => /* @__PURE__ */ Ie(Gr, { ...p, key: p.description, index: c + 1, classes: e == null ? void 0 : e.step }))
         }
       )
     ] })
   ] }) }) }, u.headline);
-}, Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Stepper: ee,
-  default: ee
-}, Symbol.toStringTag, { value: "Module" })), sr = D("", {
+  Stepper: ot,
+  default: ot
+}, Symbol.toStringTag, { value: "Module" })), nn = D("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1393,7 +1394,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), tn = D("", {
+}), on = D("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1425,7 +1426,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), en = D("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), an = D("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',
@@ -1435,7 +1436,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), rn = D("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), dn = D("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1461,56 +1462,56 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), nn = ({ data: e, intent: t }) => {
+}), ln = ({ data: t, intent: e }) => {
   const {
     title: r,
     description: n,
     popover: i = {
       enabled: !1
     }
-  } = e;
-  return /* @__PURE__ */ o.jsx("li", { className: a(en({ 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(Bt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  } = t;
+  return /* @__PURE__ */ o.jsx("li", { className: d(an({ intent: e })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: d("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ o.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: r }),
+      i.enabled && /* @__PURE__ */ o.jsx(Ce, { triggerElement: /* @__PURE__ */ o.jsx(f, { className: d("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 } })
+    /* @__PURE__ */ o.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Ot = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(sr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), on = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(tn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(nn, { intent: t, data: n }, i)) }), re = ({
-  headline: e,
-  buttonConfig: t,
+}, Ee = ({ intent: t, headline: e, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: d(nn({ intent: t, desktopHidden: r, mobileHidden: n })), children: e }), un = ({ details: t, intent: e, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: d(on({ intent: e, withButton: r })), children: t == null ? void 0 : t.map((n, i) => /* @__PURE__ */ o.jsx(ln, { intent: e, data: n }, i)) }), it = ({
+  headline: t,
+  buttonConfig: e,
   intent: r = "twoItems",
   details: n,
   image: i,
-  classes: d
+  classes: a
 }) => {
   const l = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(T, { className: a(d == null ? void 0 : d.container), children: [
-    u && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e }),
+  return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsxs(F, { className: d(a == null ? void 0 : a.container), children: [
+    u && /* @__PURE__ */ o.jsx(Ee, { intent: r, headline: t }),
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: a(
+        className: d(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
-          d == null ? void 0 : d.contentContainer
+          a == null ? void 0 : a.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: a(rn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
+          l && /* @__PURE__ */ o.jsx(Ee, { intent: r, headline: t, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: d(dn({ intent: r, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: x }),
           /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(on, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
-                (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
-                  tt,
+                l && /* @__PURE__ */ o.jsx(Ee, { intent: r, headline: t, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(un, { details: n, intent: r, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
+                (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ o.jsx(
+                  ee,
                   {
-                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: d("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
                     intent: "secondary",
-                    ...t.buttonContent
+                    ...e.buttonContent
                   }
                 )
               ]
@@ -1520,19 +1521,19 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       }
     )
   ] }) });
-}, dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LongBanner: re,
-  default: re
-}, Symbol.toStringTag, { value: "Module" })), Tt = {
+  LongBanner: it,
+  default: it
+}, Symbol.toStringTag, { value: "Module" })), Pe = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, Se = ({ children: e, isLoading: t, classes: r, loaderProps: n }) => /* @__PURE__ */ o.jsx(
+}, _t = ({ children: t, isLoading: e, classes: r, loaderProps: n }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     tabIndex: 0,
-    className: a(
+    className: d(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
       r == null ? void 0 : r.root
@@ -1540,17 +1541,17 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: a(
+        className: d(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
-          { "items-center": t },
+          { "items-center": e },
           r == null ? void 0 : r.wrapper
         ),
-        children: t ? /* @__PURE__ */ o.jsx(Ye, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
+        children: e ? /* @__PURE__ */ o.jsx(Xt, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : t
       }
     )
   }
-), an = ({ ...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: [
+), xn = ({ ...t }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
   /* @__PURE__ */ o.jsx(
     "path",
     {
@@ -1578,113 +1579,113 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), Me = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), Ot = ({ mainLink: t, subLink: e, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ o.jsx(
     "a",
     {
-      href: e.href,
+      href: t.href,
       target: "_blank",
       rel: "noreferrer",
-      className: a(
+      className: d(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
         n == null ? void 0 : n.linksMainLink
       ),
-      children: r ? e.mobileTitle : e.title
+      children: r ? t.mobileTitle : t.title
     }
   ),
-  (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ o.jsx(
-    pt,
+  (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ o.jsx(
+    ce,
     {
       intent: "blue",
       withUnderline: !0,
-      href: t == null ? void 0 : t.href,
+      href: e == null ? void 0 : e.href,
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
-      children: t == null ? void 0 : t.text
+      children: e == null ? void 0 : e.text
     }
   )
-] }), ne = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = lt();
-  return /* @__PURE__ */ o.jsx(Se, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
+] }), at = ({ mainLink: t, subLink: e, isLoading: r, badge: n, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = le();
+  return /* @__PURE__ */ o.jsx(_t, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !n && l },
-        d == null ? void 0 : d.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
           /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ o.jsx(f, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
+            /* @__PURE__ */ o.jsx(f, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
+            /* @__PURE__ */ o.jsx(f, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
           ] }),
-          /* @__PURE__ */ o.jsx(Me, { 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) })
+          /* @__PURE__ */ o.jsx(Ot, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(se, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
-}, oe = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = lt();
-  return /* @__PURE__ */ o.jsx(Se, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
+}, dt = ({ mainLink: t, subLink: e, isLoading: r, badge: n, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = le();
+  return /* @__PURE__ */ o.jsx(_t, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !n && l },
-        d == null ? void 0 : d.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       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(an, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ o.jsx(Me, { 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) })
+        /* @__PURE__ */ o.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
+          /* @__PURE__ */ o.jsx(xn, { className: d("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(Ot, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(se, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
-}, ln = (e) => {
-  switch (e.mode) {
-    case Tt.ESIA:
-      return /* @__PURE__ */ o.jsx(oe, { ...e });
-    case Tt.MOBILE_ID:
-      return /* @__PURE__ */ o.jsx(ne, { ...e });
-    case Tt.COMBINE:
+}, hn = (t) => {
+  switch (t.mode) {
+    case Pe.ESIA:
+      return /* @__PURE__ */ o.jsx(dt, { ...t });
+    case Pe.MOBILE_ID:
+      return /* @__PURE__ */ o.jsx(at, { ...t });
+    case Pe.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? mt.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: r, subtitle: n, badge: i, classes: a } = t, l = !n && !i ? me.Fragment : "div";
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
-            d == null ? void 0 : d.root
+            a == null ? void 0 : a.root
           ),
           children: [
-            /* @__PURE__ */ o.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              n && /* @__PURE__ */ o.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              i && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+            /* @__PURE__ */ o.jsxs(l, { className: d("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
+              n && /* @__PURE__ */ o.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: n }),
+              i && /* @__PURE__ */ o.jsx(se, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: i })
             ] }),
-            /* @__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.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
               /* @__PURE__ */ o.jsx(
-                oe,
+                dt,
                 {
-                  ...t,
+                  ...e,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...t.classes
+                    ...e.classes
                   }
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                ne,
+                at,
                 {
                   ...r,
                   classes: {
@@ -1699,12 +1700,12 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
         }
       );
   }
-}, qo = (e) => ln(e), ie = ({ 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, ...i }) => /* @__PURE__ */ o.jsx(
-  pt,
+}, ni = (t) => hn(t), lt = ({ links: t, classes: e }) => /* @__PURE__ */ o.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
+  ce,
   {
     classes: {
-      link: a("w-max", t == null ? void 0 : t.linkText),
-      icon: a(t == null ? void 0 : t.linkIcon)
+      link: d("w-max", e == null ? void 0 : e.linkText),
+      icon: d(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
     href: r,
@@ -1712,33 +1713,33 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     children: n
   },
   r
-)) }), un = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
-  var d, l, u;
-  const { isMobile: i } = lt();
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+)) }), pn = ({ groupLabel: t, links: e, mobileAccordionProps: r, classes: n }) => {
+  var a, l, u;
+  const { isMobile: i } = le();
+  return /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
-      /* @__PURE__ */ o.jsx(ie, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ o.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
+      /* @__PURE__ */ o.jsx(lt, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ o.jsx(
-      at,
+      de,
       {
         defaultOpen: !0,
-        label: e,
-        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        label: t,
+        icon: /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...r,
         classes: {
           ...r == null ? void 0 : r.classes,
           header: {
-            trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
+            trigger: d("p-0 bg-color-blue-grey-100", (l = (a = r == null ? void 0 : r.classes) == null ? void 0 : a.header) == null ? void 0 : l.trigger)
           },
-          contentInner: a("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
+          contentInner: d("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ o.jsx(ie, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ o.jsx(lt, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, mn = ({ 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(un, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), xn = D("grid gap-4 grid-cols-1", {
+}, cn = ({ column: t, mobileAccordionProps: e, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ o.jsx(pn, { ...e, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), fn = D("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1749,13 +1750,13 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), de = ({
-  variant: e,
-  details: t,
+}), ut = ({
+  variant: t,
+  details: e,
   headline: r,
   mobileAccordionProps: n,
   rootAccordionProps: i,
-  classes: d,
+  classes: a,
   defaultOpen: l
 }) => {
   var u, x, m;
@@ -1764,71 +1765,71 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     {
       id: g.interLinking,
       "data-test-id": g.interLinking,
-      className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
-      children: /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsx(
-        at,
+      className: d("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
+      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(
+        de,
         {
           defaultOpen: l,
-          label: /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
+          label: /* @__PURE__ */ o.jsx(s, { as: "h4", className: d("text-left", a == null ? void 0 : a.headline), children: r }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: a("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
+              trigger: d("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
             },
-            content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
+            content: d("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(xn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(mn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: d(fn({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ o.jsx(cn, { ...p, ...n, classes: a == null ? void 0 : a.column }, c)) })
         }
       ) })
     }
   );
-}, hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: de,
-  default: de
-}, Symbol.toStringTag, { value: "Module" })), pn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
+  InterLinking: ut,
+  default: ut
+}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames: t, activeTab: e, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: d("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: t && t.map((i, a) => /* @__PURE__ */ o.jsx(
   "button",
   {
-    onClick: () => r(d),
-    className: a(
+    onClick: () => r(a),
+    className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": t === d
+        "bg-icon-primary-default text-color-white": e === a
       },
       n == null ? void 0 : n.button
     ),
     children: i
   },
   i
-)) }), fn = (e) => e.variant === "HTML", cn = (e) => e.variant === "DOCUMENTS", gn = (e) => e.variant === "TABLE", bn = ({ 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(at, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
-}, jn = (e, t) => ({
-  rows: e == null ? void 0 : e.map(({ row: r }) => ({
+)) }), jn = (t) => t.variant === "HTML", yn = (t) => t.variant === "DOCUMENTS", kn = (t) => t.variant === "TABLE", wn = ({ html: t, config: e, classes: r, accordionConfig: n }) => {
+  const i = /* @__PURE__ */ o.jsx("div", { className: d(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ o.jsx(de, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
+}, vn = (t, e) => ({
+  rows: t == null ? void 0 : t.map(({ row: r }) => ({
     row: r == null ? void 0 : r.map((n, i) => {
-      var d;
+      var a;
       return {
         ...n,
-        heading: t && ((d = t[i]) == null ? void 0 : d.heading)
+        heading: e && ((a = e[i]) == null ? void 0 : a.heading)
       };
     })
   }))
-}), yn = D("flex flex-col", {
+}), Nn = D("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), kn = D("desktop:grid mobile:hidden px-4 mb-4", {
+}), Cn = D("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), wn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(kn({ 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)) }), vn = D("desktop:grid mobile:hidden items-center", {
+}), Sn = ({ headings: t, columnsVariant: e, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: d(Cn({ columnsVariant: e }), r == null ? void 0 : r.row), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ o.jsx("div", { className: d("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), In = D("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1839,56 +1840,56 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Nn = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(vn({ 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(
+}), Mn = ({ row: t, tableVariant: e, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: d(In({ columnsVariant: r, tableVariant: e }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, 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
+    className: d("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
+    children: a && a
   },
   l
-)) }), Cn = D("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), _n = D("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"
     }
   }
-}), In = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Cn({ 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 }),
+}), On = ({ row: t, tableVariant: e, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: d(_n({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: d("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: d("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "mob-body-regular-l text-color-dark",
         {
           "font-medium": u !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
         },
         i == null ? void 0 : i.cell
       ),
-      children: d
+      children: a
     }
   )
-] }, u)) }), Sn = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
+] }, u)) }), Tn = ({ tableVariant: t, rows: e, headings: r, columnsVariant: n, classes: i }) => {
   var u;
-  const d = ((u = jn(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(wn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
-    t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(
-      Nn,
+  const a = ((u = vn(e, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
+  return /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+    l && /* @__PURE__ */ o.jsx(Sn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+    e == null ? void 0 : e.map((x, m) => /* @__PURE__ */ o.jsx(
+      Mn,
       {
         rowIndex: m,
-        tableVariant: e,
+        tableVariant: t,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...x
       },
       m
     )),
-    d == null ? void 0 : d.map((x, m) => /* @__PURE__ */ o.jsx(
-      In,
+    a == null ? void 0 : a.map((x, m) => /* @__PURE__ */ o.jsx(
+      On,
       {
         headingsExist: l,
-        tableVariant: e,
+        tableVariant: t,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...x
@@ -1896,33 +1897,33 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       m
     ))
   ] });
-}, Mn = ({
-  tableVariant: e,
-  description: t,
+}, Fn = ({
+  tableVariant: t,
+  description: e,
   columnsVariant: r,
   config: n,
   rows: i,
-  title: d,
+  title: a,
   headings: l,
   accordionConfig: u,
   classes: x
 }) => {
-  const m = /* @__PURE__ */ o.jsxs("div", { className: a(yn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
-    d && /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
-    /* @__PURE__ */ o.jsx(Sn, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
-    t && /* @__PURE__ */ o.jsx(
+  const m = /* @__PURE__ */ o.jsxs("div", { className: d(Nn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
+    a && /* @__PURE__ */ o.jsx(s, { as: "h4", className: d("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: a }),
+    /* @__PURE__ */ o.jsx(Tn, { tableVariant: t, rows: i, headings: l, columnsVariant: r }),
+    e && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
-        dangerouslySetInnerHTML: { __html: t ?? "" }
+        className: d("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
+        dangerouslySetInnerHTML: { __html: e ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || m }) : m });
-}, _n = {
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(de, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || m }) : m });
+}, Bn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, On = D("size-8 transition-colors", {
+}, En = D("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1932,65 +1933,65 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), Tn = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
+}), Pn = ({ label: t, size: e, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
   "a",
   {
     href: r,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: a(
+    className: d(
       "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ o.jsx(c, { name: _n[n], className: a(On({ 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: [
-          Number(t),
+      /* @__PURE__ */ o.jsx(f, { name: Bn[n], className: d(En({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsx("p", { className: d("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
+        /* @__PURE__ */ o.jsxs("div", { className: d("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+          Number(e),
           " КБ"
         ] })
       ] })
     ]
   }
-), Fn = ({ 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(P, { 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((x) => /* @__PURE__ */ o.jsx(Tn, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
-    i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+), sn = ({ docs: t, config: e, title: r, iconType: n, description: i, classes: a, accordionConfig: l }) => {
+  const u = /* @__PURE__ */ o.jsxs("div", { className: d("flex max-w-[680px] flex-col", a == null ? void 0 : a.wrapper), children: [
+    r && /* @__PURE__ */ o.jsx(s, { as: "h3", className: "mb-4", children: r }),
+    /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: t == null ? void 0 : t.map((x) => /* @__PURE__ */ o.jsx(Pn, { iconType: n, ...x, classes: a == null ? void 0 : a.singleDocument }, x.label)) }),
+    i && /* @__PURE__ */ o.jsx("div", { className: d("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
-}, Bn = ({ entity: e, classes: t, accordionsConfig: r }) => {
-  var n, i, d;
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ o.jsx(de, { label: e == null ? void 0 : e.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
+}, Dn = ({ entity: t, classes: e, accordionsConfig: r }) => {
+  var n, i, a;
   switch (!0) {
-    case fn(e):
-      return (n = e.details) == null ? void 0 : n.map((l, u) => {
+    case jn(t):
+      return (n = t.details) == null ? void 0 : n.map((l, u) => {
         var x;
-        return /* @__PURE__ */ o.jsx(bn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
+        return /* @__PURE__ */ o.jsx(wn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = e == null ? void 0 : e.entities) == null ? void 0 : x.html }, u);
       });
-    case cn(e):
-      return (i = e.details) == null ? void 0 : i.map((l, u) => {
+    case yn(t):
+      return (i = t.details) == null ? void 0 : i.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
-          Fn,
+          sn,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
             ...l,
-            classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
+            classes: (x = e == null ? void 0 : e.entities) == null ? void 0 : x.documents
           },
           u
         );
       });
-    case gn(e):
-      return (d = e.details) == null ? void 0 : d.map((l, u) => {
+    case kn(t):
+      return (a = t.details) == null ? void 0 : a.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
-          Mn,
+          Fn,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
             ...l,
-            classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
+            classes: (x = e == null ? void 0 : e.entities) == null ? void 0 : x.table
           },
           u
         );
@@ -1998,27 +1999,27 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     default:
       return null;
   }
-}, En = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Bn({ entity: e, classes: t, accordionsConfig: r }) }), ae = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+}, Rn = ({ entity: t, classes: e, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Dn({ entity: t, classes: e, accordionsConfig: r }) }), mt = ({ headline: t, tabs: e, classes: r, accordionsConfig: n }) => {
   var u, x;
-  const [i, d] = R(0), l = ft(() => 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: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(T, { className: a(r == null ? void 0 : r.container), children: [
-    /* @__PURE__ */ o.jsx(P, { 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(pn, { 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: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(En, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
+  const [i, a] = O(0), l = ge(() => e == null ? void 0 : e.map((m) => m == null ? void 0 : m.tabName), [e]) ?? [];
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: d(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: d(r == null ? void 0 : r.container), children: [
+    /* @__PURE__ */ o.jsx(s, { className: d(r == null ? void 0 : r.headline), as: "h2", children: t }),
+    /* @__PURE__ */ o.jsx("div", { className: d("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(bn, { tabsNames: l, activeTab: i, setActiveTab: a, classes: r == null ? void 0 : r.tabs }) }),
+    /* @__PURE__ */ o.jsx("div", { className: d("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(Rn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
-}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UsefulInfo: ae,
-  default: ae
-}, Symbol.toStringTag, { value: "Module" })), zt = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
-  const i = ke[r];
-  return /* @__PURE__ */ Ct(i, { ...n, key: n.name, control: t });
+  UsefulInfo: mt,
+  default: mt
+}, Symbol.toStringTag, { value: "Module" })), Qe = ({ fields: t, control: e }) => t.map(({ type: r, args: n }) => {
+  const i = De[r];
+  return /* @__PURE__ */ Ie(i, { ...n, key: n.name, control: e });
 });
-class Dn {
-  constructor(t) {
-    Mt(this, "TEXT_NODE", 3);
-    Mt(this, "ELEMENT_NODE", 1);
-    this.options = t;
+class Hn {
+  constructor(e) {
+    Fe(this, "TEXT_NODE", 3);
+    Fe(this, "ELEMENT_NODE", 1);
+    this.options = e;
   }
   /**
    * Рекурсивно обходит DOM дерево и собирает данные в зависимости от опций.
@@ -2026,12 +2027,12 @@ class Dn {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(t, r = "string", n) {
-    const { includeSolidText: i, recursive: d, element: l } = this.options || {};
-    switch (t.nodeType) {
+  traverse(e, r = "string", n) {
+    const { includeSolidText: i, recursive: a, element: l } = this.options || {};
+    switch (e.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const u = t, x = u.tagName.toLowerCase();
+        const u = e, x = u.tagName.toLowerCase();
         if (x === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
@@ -2039,13 +2040,13 @@ class Dn {
         if (l && x !== l)
           break;
         if (r === "node")
-          n.push(t);
+          n.push(e);
         else {
           const m = u.outerHTML.trim();
           n.push(m);
         }
-        if (d)
-          for (const m of t.childNodes)
+        if (a)
+          for (const m of e.childNodes)
             this.traverse(m, r, n);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
@@ -2053,9 +2054,9 @@ class Dn {
         if (!i)
           break;
         if (r === "node")
-          n.push(t);
+          n.push(e);
         else {
-          const m = t.textContent;
+          const m = e.textContent;
           m && n.push(m);
         }
         break;
@@ -2067,94 +2068,94 @@ class Dn {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(t, r = "string") {
-    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = r === "string" ? i : d;
+  async parse(e, r = "string") {
+    const { includeBody: n } = this.options || {}, i = [], a = [], l = await this.parseFromString(e), u = r === "string" ? i : a;
     if (n)
       this.traverse(l.body, r, u);
     else
       for (const x of l.body.childNodes)
         this.traverse(x, r, u);
-    return { stringNodes: i, nodes: d };
+    return { stringNodes: i, nodes: a };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
    * @param html HTML строка
    * @returns Количество найденных тегов
    */
-  async countElements(t) {
-    const { stringNodes: r } = await this.parse(t, "string");
+  async countElements(e) {
+    const { stringNodes: r } = await this.parse(e, "string");
     return r.length;
   }
 }
-const Hn = typeof window < "u";
-class Uo extends Dn {
-  constructor(t) {
-    super(t);
+const Ln = typeof window < "u";
+class oi extends Hn {
+  constructor(e) {
+    super(e);
   }
-  async parseFromString(t) {
-    return Hn ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
+  async parseFromString(e) {
+    return Ln ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
   }
 }
-const dt = ({ html: e, as: t, ...r }) => {
-  const n = t ?? "div";
-  return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html: e }, ...r });
-}, Rn = (e, t) => e.enabled ? t.map((r) => ({
+const ae = ({ html: t, as: e, ...r }) => {
+  const n = e ?? "div";
+  return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html: t }, ...r });
+}, Qn = (t, e) => t.enabled ? e.map((r) => ({
   name: r.args.name,
   ...r.args.progress
-})) : null, zn = ["getFioSchema"], _e = (e, t, r) => {
-  const n = e[t];
+})) : null, Vn = ["getFioSchema"], Tt = (t, e, r) => {
+  const n = t[e];
   if (_.isNil(n))
-    throw new Error(`validation for type ${String(t)} not found`);
+    throw new Error(`validation for type ${String(e)} not found`);
   if (!_.isFunction(n))
-    throw new Error(`Cannot generate ${String(t)} because is not a function`);
+    throw new Error(`Cannot generate ${String(e)} because is not a function`);
   return n(r);
-}, Ln = (e, t) => _e(ve.base, e, t), Qn = (e, t) => _e(ve.dadata, e, t), Lt = (e) => {
-  const r = ((e == null ? void 0 : e.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
-    const d = zn.includes(i.validation.type) ? Qn(
+}, $n = (t, e) => Tt(He.base, t, e), Wn = (t, e) => Tt(He.dadata, t, e), Ve = (t) => {
+  const r = ((t == null ? void 0 : t.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
+    const a = Vn.includes(i.validation.type) ? Wn(
       i.validation.type,
       i.validation.args
-    ) : Ln(
+    ) : $n(
       i.validation.type,
       i.validation.args
     );
-    return n[i.name] = d, n;
+    return n[i.name] = a, n;
   }, {});
-  return Ne(r);
-}, Vn = new cr(), Oe = ({ children: e }) => /* @__PURE__ */ o.jsx(Xe, { client: Vn, children: e }), $n = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+  return Le(r);
+}, An = new jr(), Ft = ({ children: t }) => /* @__PURE__ */ o.jsx(Jt, { client: An, children: t }), Un = (t, e, r, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ o.jsx(ae, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: a(
+    className: d(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(vt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
-      /* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ o.jsx(Se.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(ae, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), le = ({
-  fields: e,
-  title: t,
+), xt = ({
+  fields: t,
+  title: e,
   progress: r,
   approvement: n,
   chips: i,
-  submitProps: d,
+  submitProps: a,
   classes: l,
   buttonGroup: u
 }) => {
   var z, v;
-  const { submitCallback: x } = d || {}, [m, p] = R(!1), f = Lt(e), I = Rt.getZodDefaults(f), { control: y, handleSubmit: F } = Ht({
-    schema: f,
-    defaultValues: I,
+  const { submitCallback: x } = a || {}, [m, p] = O(!1), c = Ve(t), S = Te.getZodDefaults(c), { control: y, handleSubmit: E } = _e({
+    schema: c,
+    defaultValues: S,
     mode: "onBlur"
-  }), k = Rn(r, e), S = lr({ control: y, fields: k || [], schema: f }), E = (C) => {
+  }), k = Qn(r, t), I = mr({ control: y, fields: k || [], schema: c }), P = (C) => {
     x && x({ ...C, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Oe, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
-    T,
+  return /* @__PURE__ */ o.jsx(Ft, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: d("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
+    F,
     {
-      className: a(
+      className: d(
         "!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"
       ),
@@ -2162,48 +2163,48 @@ const dt = ({ html: e, as: t, ...r }) => {
         i.enabled && /* @__PURE__ */ o.jsxs(
           "div",
           {
-            className: a(
+            className: d(
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
               (z = l == null ? void 0 : l.chips) == null ? void 0 : z.root
             ),
             children: [
-              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-6", (v = l == null ? void 0 : l.chips) == null ? void 0 : v.icon) }),
+              i.image && /* @__PURE__ */ o.jsx(f, { name: i.image, className: d("size-6", (v = l == null ? void 0 : l.chips) == null ? void 0 : v.icon) }),
               i.content
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(P, { as: "h2", className: a("desktop:hidden", l == null ? void 0 : l.title), children: t }),
-        /* @__PURE__ */ o.jsx(P, { as: "h3", className: a("mobile:hidden", l == null ? void 0 : l.title), children: t }),
+        /* @__PURE__ */ o.jsx(s, { as: "h2", className: d("desktop:hidden", l == null ? void 0 : l.title), children: e }),
+        /* @__PURE__ */ o.jsx(s, { as: "h3", className: d("mobile:hidden", l == null ? void 0 : l.title), children: e }),
         /* @__PURE__ */ o.jsxs(
           "form",
           {
-            onSubmit: F(E),
-            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
+            onSubmit: E(P),
+            className: d("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               r.enabled && /* @__PURE__ */ o.jsx(
-                Je,
+                Gt,
                 {
-                  progress: S,
-                  topContent: /* @__PURE__ */ o.jsx(dt, { html: r.title }),
-                  bottomContent: /* @__PURE__ */ o.jsx(dt, { html: r.subtitle }),
+                  progress: I,
+                  topContent: /* @__PURE__ */ o.jsx(ae, { html: r.title }),
+                  bottomContent: /* @__PURE__ */ o.jsx(ae, { html: r.subtitle }),
                   maxPercent: r.maxPercent,
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ o.jsx(zt, { control: y, fields: e }),
+              /* @__PURE__ */ o.jsx(Qe, { control: y, fields: t }),
               /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                $n(n, m, p, l == null ? void 0 : l.approvement),
-                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
-                  const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
-                  return /* @__PURE__ */ Ct(
-                    wt,
+                Un(n, m, p, l == null ? void 0 : l.approvement),
+                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, H) => {
+                  const Y = C.type === "submit" && n.type === "checkbox" ? !m : !1;
+                  return /* @__PURE__ */ Ie(
+                    pe,
                     {
                       ...C,
-                      key: L,
-                      disabled: X,
-                      className: a(
+                      key: H,
+                      disabled: Y,
+                      className: d(
                         "w-full whitespace-nowrap",
                         {
                           "w-full": !!n
@@ -2220,70 +2221,70 @@ const dt = ({ html: e, as: t, ...r }) => {
       ]
     }
   ) }) });
-}, Wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicForm: le,
-  default: le
-}, Symbol.toStringTag, { value: "Module" })), An = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+  DynamicForm: xt,
+  default: xt
+}, Symbol.toStringTag, { value: "Module" })), Kn = (t, e, r, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ o.jsx(ae, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: a(
+    className: d(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(vt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
-      /* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ o.jsx(Se.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(ae, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), ue = ({
-  fields: e,
-  title: t,
+), ht = ({
+  fields: t,
+  title: e,
   approvement: r,
   submitProps: n,
   dialogId: i,
-  classes: d,
+  classes: a,
   buttonGroup: l,
   ...u
 }) => {
-  const { submitCallback: x } = n ?? {}, [m, p] = R(!1), f = Lt(e), I = Rt.getZodDefaults(f), { control: y, handleSubmit: F } = Ht({
-    schema: f,
-    defaultValues: I,
+  const { submitCallback: x } = n ?? {}, [m, p] = O(!1), c = Ve(t), S = Te.getZodDefaults(c), { control: y, handleSubmit: E } = _e({
+    schema: c,
+    defaultValues: S,
     mode: "onBlur"
-  }), k = (S) => {
-    x && x({ ...S, agree: m });
+  }), k = (I) => {
+    x && x({ ...I, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Oe, { children: /* @__PURE__ */ o.jsx(Ge, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: F(k), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ o.jsx(zt, { control: y, fields: e }),
-    An(r, m, p, d == null ? void 0 : d.approvement),
-    l == null ? void 0 : l.map((S, E) => {
-      const z = S.type === "submit" && r.type === "checkbox" ? !m : !1;
-      return /* @__PURE__ */ Ct(
-        wt,
+  return /* @__PURE__ */ o.jsx(Ft, { children: /* @__PURE__ */ o.jsx(er, { id: i, title: e, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: E(k), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ o.jsx(Qe, { control: y, fields: t }),
+    Kn(r, m, p, a == null ? void 0 : a.approvement),
+    l == null ? void 0 : l.map((I, P) => {
+      const z = I.type === "submit" && r.type === "checkbox" ? !m : !1;
+      return /* @__PURE__ */ Ie(
+        pe,
         {
-          ...S,
-          key: E,
+          ...I,
+          key: P,
           disabled: z,
-          className: a(
+          className: d(
             "w-full whitespace-nowrap",
             {
               "w-full": !!r
             },
-            d == null ? void 0 : d.submit
+            a == null ? void 0 : a.submit
           )
         }
       );
     })
   ] }) }) });
-}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicFormDialog: ue,
-  default: ue
-}, Symbol.toStringTag, { value: "Module" })), ut = () => ({
+  DynamicFormDialog: ht,
+  default: ht
+}, Symbol.toStringTag, { value: "Module" })), ue = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ o.jsx(f, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -2298,7 +2299,7 @@ const dt = ({ html: e, as: t, ...r }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ o.jsx(f, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -2313,7 +2314,7 @@ const dt = ({ html: e, as: t, ...r }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ o.jsx(f, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -2328,7 +2329,7 @@ const dt = ({ html: e, as: t, ...r }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(c, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ o.jsx(f, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -2341,23 +2342,23 @@ const dt = ({ html: e, as: t, ...r }) => {
       text: "Вернуться на главную"
     }
   }
-}), Ko = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(T, { 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: [
+}), ii = ({ status: t, navigationFn: e }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { 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",
     {
-      className: a(
+      className: d(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${ut()[e].icon.bg}`
+        `${ue()[t].icon.bg}`
       ),
-      children: ut()[e].icon.element
+      children: ue()[t].icon.element
     }
   ),
   /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ o.jsx(P, { as: "h2", children: ut()[e].title }),
-    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ut()[e].description })
+    /* @__PURE__ */ o.jsx(s, { as: "h2", children: ue()[t].title }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ue()[t].description })
   ] }),
-  /* @__PURE__ */ o.jsx(wt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: ut()[e].button.text })
-] }) }) }), Te = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Un = [
+  /* @__PURE__ */ o.jsx(pe, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: ue()[t].button.text })
+] }) }) }), Bt = ({ breadcrumb: t, className: e, ...r }) => /* @__PURE__ */ o.jsx("a", { href: t.path, className: d("desk-body-regular-m", e), ...r, children: t.label }), Yn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2370,52 +2371,52 @@ const dt = ({ html: e, as: t, ...r }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], yt = (e, t, r, n) => e.map((i, d) => {
-  const l = d === n;
+], we = (t, e, r, n) => t.map((i, a) => {
+  const l = a === n;
   return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ o.jsx(
-      Te,
+      Bt,
       {
         breadcrumb: i,
-        className: a(r, {
+        className: d(r, {
           "pointer-events-none text-color-primary-disabled": l,
           "text-color-blue-grey-600": i.disabled
         })
       }
     ),
-    d !== e.length - 1 && t
+    a !== t.length - 1 && e
   ] }, i.label);
-}), Kn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Un }) => {
-  const [i, d] = R(!1), l = Dt(null);
-  dr(l, () => d(!1));
-  const { first: u, middle: x, last: m } = ft(() => {
-    let f = [], I = [], y = [];
-    return t && (f = n.slice(0, t), I = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: I, last: y };
-  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
+}), Xn = ({ separator: t, ellipsis: e, classes: r, breadcrumbs: n = Yn }) => {
+  const [i, a] = O(!1), l = ze(null);
+  lr(l, () => a(!1));
+  const { first: u, middle: x, last: m } = ge(() => {
+    let c = [], S = [], y = [];
+    return e && (c = n.slice(0, e), S = n.slice(e, n.length - e), y = n.slice(n.length - e)), { first: c, middle: S, last: y };
+  }, [n, e]), p = t ?? /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowRight", className: d("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         r == null ? void 0 : r.root
       ),
-      children: t ? (
+      children: e ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ o.jsx(o.Fragment, { children: n.length > t * 2 + 1 ? (
+        /* @__PURE__ */ o.jsx(o.Fragment, { children: n.length > e * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            yt(u, p, r == null ? void 0 : r.breadcrumb),
+            we(u, p, r == null ? void 0 : r.breadcrumb),
             p,
             x.length > 0 && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ o.jsx("button", { onClick: () => d(!0), children: "..." }),
+                /* @__PURE__ */ o.jsx("button", { onClick: () => a(!0), children: "..." }),
                 /* @__PURE__ */ o.jsx(
                   "ul",
                   {
                     ref: l,
-                    className: a(
+                    className: d(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2423,85 +2424,85 @@ const dt = ({ html: e, as: t, ...r }) => {
                         "visible opacity-100": i
                       }
                     ),
-                    children: x.map((f) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
-                      Te,
+                    children: x.map((c) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
+                      Bt,
                       {
-                        breadcrumb: f,
-                        className: a(
+                        breadcrumb: c,
+                        className: d(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
                           r == null ? void 0 : r.breadcrumb
                         )
                       }
-                    ) }, f.label))
+                    ) }, c.label))
                   }
                 )
               ] }),
               p
             ] }),
-            yt(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
+            we(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+          we(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+        we(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
       )
     }
   );
 };
-var xt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(xt || {});
-const Zn = (e, t) => {
-  switch (t.type) {
-    case xt.ROOT:
+var xe = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(xe || {});
+const Jn = (t, e) => {
+  switch (e.type) {
+    case xe.ROOT:
       return {
-        ...e,
-        root: t.payload
+        ...t,
+        root: e.payload
       };
-    case xt.CURRENT:
+    case xe.CURRENT:
       return {
-        ...e,
-        current: t.payload
+        ...t,
+        current: e.payload
       };
     default:
-      return e;
+      return t;
   }
-}, Yn = (e) => {
-  const [t, r] = er(Zn, e);
-  return [t, r];
-}, Xn = (e) => ({
-  type: xt.CURRENT,
-  payload: e
-}), Jn = (e) => ({
-  type: xt.ROOT,
-  payload: e
-}), Gn = ({ categories: e, ...t }) => {
+}, Gn = (t) => {
+  const [e, r] = nr(Jn, t);
+  return [e, r];
+}, eo = (t) => ({
+  type: xe.CURRENT,
+  payload: t
+}), to = (t) => ({
+  type: xe.ROOT,
+  payload: t
+}), ro = ({ categories: t, ...e }) => {
   var r, n;
-  return Ce(
+  return It(
     /* @__PURE__ */ o.jsx(
-      Pt.div,
+      Re.div,
       {
-        ...t,
+        ...e,
         layout: !0,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.2 },
         className: 'absolute z-20 w-full bg-color-white after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]',
-        children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
+        children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: t.map((i) => {
           var l;
-          const d = i.link ? "a" : "p";
+          const a = i.link ? "a" : "p";
           return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
             i.title && /* @__PURE__ */ o.jsxs(
-              d,
+              a,
               {
                 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(f, { name: "arrows/arrowLink", className: "size-6" })
                 ]
               }
             ),
@@ -2518,14 +2519,14 @@ const Zn = (e, t) => {
      */
     ((n = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : n.body) ?? document.body
   );
-}, sn = rr(({ category: e, active: t, onActiveTabChange: r }, n) => {
+}, no = or(({ category: t, active: e, onActiveTabChange: r }, n) => {
   var x, m;
-  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !_.isArrayEmpty(e.children), u = e.link ? _.isStringEmpty(e.link.href) ? "span" : "a" : "span";
+  const i = n && "current" in n ? n : null, a = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = e && !_.isArrayEmpty(t.children), u = t.link ? _.isStringEmpty(t.link.href) ? "span" : "a" : "span";
   return /* @__PURE__ */ o.jsxs(
-    Pt.div,
+    Re.div,
     {
       ref: n,
-      className: a(
+      className: d(
         "relative flex cursor-default items-center justify-center py-4 text-color-dark",
         '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",
@@ -2534,85 +2535,85 @@ const Zn = (e, t) => {
           "after:w-full": l
         }
       ),
-      onMouseEnter: () => r(e.title),
+      onMouseEnter: () => r(t.title),
       onMouseLeave: () => r(null),
-      onFocus: () => r(e.title),
+      onFocus: () => r(t.title),
       children: [
-        /* @__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 }),
+        /* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = t.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
         l && /* @__PURE__ */ o.jsx(
-          Gn,
+          ro,
           {
-            categories: e.children,
+            categories: t.children,
             style: {
-              top: d ? d.top + d.height : 0
+              top: a ? a.top + a.height : 0
             }
           }
         )
       ]
     }
   );
-}), to = Nt(sn), eo = ({ categories: e }) => {
-  const [t, r] = R(null), n = we((d) => {
-    r(d);
-  }, []), i = Dt(null);
-  return /* @__PURE__ */ o.jsx(se, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
+}), oo = fe(no), io = ({ categories: t }) => {
+  const [e, r] = O(null), n = St((a) => {
+    r(a);
+  }, []), i = ze(null);
+  return /* @__PURE__ */ o.jsx(tr, { 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(
-          to,
+        t.map((a) => /* @__PURE__ */ o.jsx(
+          oo,
           {
             ref: i,
-            category: d,
-            active: t === d.title,
+            category: a,
+            active: e === a.title,
             onActiveTabChange: n
           },
-          d.title
+          a.title
         )),
         /* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
       ]
     }
   ) });
-}, ro = Nt(eo), no = ({
-  category: e,
-  selectedCategory: t,
+}, ao = fe(io), lo = ({
+  category: t,
+  selectedCategory: e,
   onCurrentCategoryChange: r,
   onRootCategoryChange: n,
   active: i,
-  ...d
+  ...a
 }) => /* @__PURE__ */ o.jsxs(
   "div",
   {
-    ...d,
+    ...a,
     onClick: () => {
-      r(e.children[0]), n(e);
+      r(t.children[0]), n(t);
     },
-    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: d("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "desk-body-regular-m", children: e.title }),
-      e.children.length > 1 && /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ o.jsx("span", { className: "desk-body-regular-m", children: t.title }),
+      t.children.length > 1 && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: a(
+          className: d(
             "absolute right-0 top-full z-10 flex w-max flex-col",
             "invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
             "rounded-sm p-1"
           ),
-          children: e.children.map((l) => /* @__PURE__ */ o.jsx(
+          children: t.children.map((l) => /* @__PURE__ */ o.jsx(
             "span",
             {
               onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(l);
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(t), r(l);
               },
-              className: a(
+              className: d(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
-                  "text-color-primary-default": t.title === l.title
+                  "text-color-primary-default": e.title === l.title
                 }
               ),
               children: l.title
@@ -2623,37 +2624,37 @@ const Zn = (e, t) => {
       )
     ]
   }
-), oo = ({ categories: e, helpers: t, phone: r }) => {
-  const [n, i] = Yn({ root: e[0].children[0], current: e[0].children[0] });
+), uo = ({ categories: t, helpers: e, phone: r }) => {
+  const [n, i] = Gn({ root: t[0].children[0], current: t[0].children[0] });
   return /* @__PURE__ */ o.jsxs("div", { className: "mobile:hidden", 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;
+      /* @__PURE__ */ o.jsx(f, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
+      t.map((a) => {
+        const l = n.root.title === a.title;
         return /* @__PURE__ */ o.jsx(
-          no,
+          lo,
           {
-            category: d,
+            category: a,
             selectedCategory: n.current,
-            onCurrentCategoryChange: (u) => i(Xn(u)),
-            onRootCategoryChange: (u) => i(Jn(u)),
+            onCurrentCategoryChange: (u) => i(eo(u)),
+            onRootCategoryChange: (u) => i(to(u)),
             active: l
           },
-          d.title
+          a.title
         );
       }),
       /* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      t.map((d) => /* @__PURE__ */ o.jsxs(
+      e.map((a) => /* @__PURE__ */ o.jsxs(
         "a",
         {
-          href: d.link.href,
+          href: a.link.href,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
           children: [
-            d.link.icon && /* @__PURE__ */ o.jsx(c, { name: d.link.icon, className: "size-4" }),
-            d.title
+            a.link.icon && /* @__PURE__ */ o.jsx(f, { name: a.link.icon, className: "size-4" }),
+            a.title
           ]
         },
-        d.title
+        a.title
       )),
       /* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
       /* @__PURE__ */ o.jsx(
@@ -2661,68 +2662,68 @@ const Zn = (e, t) => {
         {
           href: `tel:${r}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: It(r, "x xxx xxx xx xx")
+          children: Me(r, "x xxx xxx xx xx")
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx(ro, { categories: n.current.children })
+    /* @__PURE__ */ o.jsx(ao, { categories: n.current.children })
   ] });
-}, io = ({ category: e }) => /* @__PURE__ */ o.jsx(
-  at,
+}, mo = ({ category: t }) => /* @__PURE__ */ o.jsx(
+  de,
   {
-    label: e.title ?? "",
-    icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: "-rotate-90" }),
+    label: t.title ?? "",
+    icon: /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowRight", className: "-rotate-90" }),
     classes: {
       root: "w-full",
       header: {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: a(
+      content: d(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
         "after:h-[1px] after:bg-color-blue-grey-200"
       )
     },
-    children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: e.children.map((t) => {
+    children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: t.children.map((e) => {
       var i;
-      const r = !!t.link, n = r ? "a" : "p";
+      const r = !!e.link, n = r ? "a" : "p";
       return /* @__PURE__ */ o.jsxs("ul", { className: "w-full list-none p-0", children: [
         /* @__PURE__ */ o.jsxs(
           n,
           {
-            href: r ? (i = t.link) == null ? void 0 : i.href : void 0,
+            href: r ? (i = e.link) == null ? void 0 : i.href : void 0,
             className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
             children: [
-              t.title,
-              /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink" })
+              e.title,
+              /* @__PURE__ */ o.jsx(f, { name: "arrows/arrowLink" })
             ]
           }
         ),
-        t.children.map((d) => {
+        e.children.map((a) => {
           var l;
-          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
+          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = a.link) == null ? void 0 : l.href, className: "w-full", children: a.title }) }, a.title);
         })
-      ] }, t.title);
+      ] }, e.title);
     }) })
   },
-  e.title
-), ao = (e) => e.map((t) => ({
-  value: t.title ?? "",
-  label: t.title ?? ""
-})), lo = ({ categories: e, helpers: t, phone: r, ...n }) => {
-  const i = ao(e), [d, l] = R(i[0]), u = (m) => {
+  t.title
+), xo = (t) => t.map((e) => ({
+  value: e.title ?? "",
+  label: e.title ?? ""
+})), ho = ({ categories: t, helpers: e, phone: r, ...n }) => {
+  const i = xo(t), [a, l] = O(i[0]), u = (m) => {
     _.isUndefined(m) || _.isArray(m) || l(m);
-  }, x = ft(() => {
+  }, x = ge(() => {
     var m;
-    return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
-  }, [d, e]);
+    return _.isUndefined(a) || _.isArray(a) ? [] : ((m = t.find((p) => p.title === a.value)) == null ? void 0 : m.children) ?? [];
+  }, [a, t]);
   return /* @__PURE__ */ o.jsxs(
-    Pt.div,
+    Re.div,
     {
       ...n,
-      className: a(
+      className: d(
         "absolute z-10 w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
@@ -2731,45 +2732,45 @@ const Zn = (e, t) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ o.jsx(vt.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
+        /* @__PURE__ */ o.jsx(Se.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
         /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: x.map((m) => {
           var p;
-          return _.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(io, { category: m }, m.title);
+          return _.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(mo, { 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: [
-          t.map((m) => {
-            var p, f;
+          e.map((m) => {
+            var p, c;
             return /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: (p = m.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
-              ((f = m.link) == null ? void 0 : f.icon) && /* @__PURE__ */ o.jsx(c, { name: m.link.icon, className: "size-4" }),
+              ((c = m.link) == null ? void 0 : c.icon) && /* @__PURE__ */ o.jsx(f, { name: m.link.icon, className: "size-4" }),
               m.title
             ] }) }, m.title);
           }),
           /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: `tel:${r}`, className: "flex w-full items-center gap-x-1", children: [
-            /* @__PURE__ */ o.jsx(c, { name: "communication/phone", className: "size-4" }),
-            It(r)
+            /* @__PURE__ */ o.jsx(f, { name: "communication/phone", className: "size-4" }),
+            Me(r)
           ] }) })
         ] })
       ]
     }
   );
-}, uo = ({ categories: e, helpers: t, phone: r }) => {
+}, po = ({ categories: t, helpers: e, phone: r }) => {
   var x, m, p;
-  const n = Dt(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = R(!1), u = () => l(!d);
+  const n = ze(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [a, l] = O(!1), u = () => l(!a);
   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 desktop:hidden",
       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 && Ce(
+        /* @__PURE__ */ o.jsx(f, { name: "brandLogos/logoMain", className: "w-[130px]" }),
+        /* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(f, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+        a && It(
           /* @__PURE__ */ o.jsx(
-            lo,
+            ho,
             {
-              categories: e,
-              helpers: t,
+              categories: t,
+              helpers: e,
               phone: r,
               style: { top: i ? i.top + i.height : 0 }
             }
@@ -2782,30 +2783,30 @@ const Zn = (e, t) => {
       ]
     }
   );
-}, me = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
-  const { isMobile: d } = lt();
-  return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(T, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ o.jsx(uo, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
-    /* @__PURE__ */ o.jsx(oo, { categories: e, helpers: t, phone: r }),
+}, pt = ({ categories: t, helpers: e, phone: r, breadcrumbs: n, classes: i }) => {
+  const { isMobile: a } = le();
+  return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: d("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
+    /* @__PURE__ */ o.jsx(po, { categories: t.map((l) => l.children).flat(), helpers: e, phone: r }),
+    /* @__PURE__ */ o.jsx(uo, { categories: t, helpers: e, phone: r }),
     /* @__PURE__ */ o.jsx(
-      Kn,
+      Xn,
       {
-        ellipsis: d ? 1 : void 0,
+        ellipsis: a ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (l) => ({ label: or(l.label).split("-").join(" ") })
+        matcher: (l) => ({ label: ar(l.label).split("-").join(" ") })
       }
     )
   ] }) });
-}, mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SeoHeader: me,
-  default: me
-}, Symbol.toStringTag, { value: "Module" })), Fe = (e) => typeof e != "string" && "formula" in e, Be = (e, t) => {
-  let r = t;
+  SeoHeader: pt,
+  default: pt
+}, Symbol.toStringTag, { value: "Module" })), Et = (t) => typeof t != "string" && "formula" in t, Pt = (t, e) => {
+  let r = e;
   const n = {
-    style: e
+    style: t
   };
-  switch (e) {
+  switch (t) {
     case "currency":
       n.currency = "RUB", n.minimumFractionDigits = 0, n.maximumFractionDigits = 0;
       break;
@@ -2816,252 +2817,252 @@ const Zn = (e, t) => {
       return null;
   }
   return new Intl.NumberFormat("ru-RU", n).format(r);
-}, xo = (e, t) => {
-  switch (e) {
+}, fo = (t, e) => {
+  switch (t) {
     case "text":
-      return t;
+      return e;
     default:
-      return Be(e, Number(t));
+      return Pt(t, Number(e));
   }
-}, ho = (e) => Object.values(e).reduce((r, n) => r.merge(Lt(n.fields)), Ne({})), po = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Ee = (e, t) => {
-  const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = po(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
+}, go = (t) => Object.values(t).reduce((r, n) => r.merge(Ve(n.fields)), Le({})), bo = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, st = (t, e) => {
+  const r = Object.entries(e).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), a = bo(t, Object.fromEntries(r)), u = new Function(...n, `return ${a};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, fo = (e, t) => e.map((r) => ({
+}, jo = (t, e) => t.map((r) => ({
   ...r,
-  value: Fe(r.value) ? Ee(r.value.formula, t) : r.value
-})), co = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
-  t && /* @__PURE__ */ o.jsx(P, { as: "h3", className: r == null ? void 0 : r.title, children: t }),
-  e && /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
-] }) }), go = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
-  /* @__PURE__ */ o.jsx("div", { className: a("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Be(r, Number(t)) })
-] }), bo = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  value: Et(r.value) ? st(r.value.formula, e) : r.value
+})), yo = ({ subtitle: t, title: e, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (e || t) && /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
+  e && /* @__PURE__ */ o.jsx(s, { as: "h3", className: r == null ? void 0 : r.title, children: e }),
+  t && /* @__PURE__ */ o.jsx("div", { className: d("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: t })
+] }) }), ko = ({ rootDescription: t, rootValue: e, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: d("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsx("p", { className: d("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: t }),
+  /* @__PURE__ */ o.jsx("div", { className: d("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Pt(r, Number(e)) })
+] }), wo = ({ hint: t, value: e, label: r, mode: n, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
-    e && /* @__PURE__ */ o.jsx(
-      Bt,
+    t && /* @__PURE__ */ o.jsx(
+      Ce,
       {
         withCloseBtn: !1,
-        triggerElement: /* @__PURE__ */ o.jsx(c, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
-        children: /* @__PURE__ */ o.jsx("p", { children: e })
+        triggerElement: /* @__PURE__ */ o.jsx(f, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
+        children: /* @__PURE__ */ o.jsx("p", { children: t })
       }
     )
   ] }),
   /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: a("desk-body-medium-l text-color-dark", {
-        "[&&]:desk-title-bold-s": d,
+      className: d("desk-body-medium-l text-color-dark", {
+        "[&&]:desk-title-bold-s": a,
         "text-color-primary-default": i === "blue"
       }),
-      children: xo(n, t)
+      children: fo(n, e)
     }
   )
-] }), jo = ({ infoList: e, classes: t }) => {
-  const { watch: r } = St(), n = r(), i = fo(e, n);
-  return /* @__PURE__ */ o.jsx("div", { className: a("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(bo, { ...d }, d.label)) });
-}, yo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1", n == null ? void 0 : n.block), children: [
-    /* @__PURE__ */ o.jsx(c, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
-    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
+] }), vo = ({ infoList: t, classes: e }) => {
+  const { watch: r } = Oe(), n = r(), i = jo(t, n);
+  return /* @__PURE__ */ o.jsx("div", { className: d("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", e == null ? void 0 : e.wrapper), children: i == null ? void 0 : i.map((a) => /* @__PURE__ */ o.jsx(wo, { ...a }, a.label)) });
+}, No = ({ iconName: t, text: e, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: d("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsxs("div", { className: d("flex items-center gap-1", n == null ? void 0 : n.block), children: [
+    /* @__PURE__ */ o.jsx(f, { name: t, className: d("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
+    /* @__PURE__ */ o.jsx("p", { className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: e })
   ] }),
   r && /* @__PURE__ */ o.jsx(
-    Bt,
+    Ce,
     {
       withCloseBtn: !1,
-      triggerElement: /* @__PURE__ */ o.jsx(c, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
+      triggerElement: /* @__PURE__ */ o.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
       ...i,
       children: r
     }
   )
-] }), ko = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
-  e && /* @__PURE__ */ o.jsx(yo, { ...e, classes: n == null ? void 0 : n.assistHint }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
-  r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
-] }), wo = ({
-  rootDescription: e,
-  bottomDescription: t,
+] }), Co = ({ assistHint: t, buttonsConfig: e, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
+  t && /* @__PURE__ */ o.jsx(No, { ...t, classes: n == null ? void 0 : n.assistHint }),
+  /* @__PURE__ */ o.jsx("div", { className: d("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ o.jsx(ee, { className: "w-full", ...i }, a)) }),
+  r && /* @__PURE__ */ o.jsx("p", { className: d("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
+] }), So = ({
+  rootDescription: t,
+  bottomDescription: e,
   rootValue: r,
   title: n,
   subtitle: i,
-  buttonsConfig: d,
+  buttonsConfig: a,
   infoList: l,
   suffix: u,
   assistHint: x,
   classes: m
-}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
+}) => /* @__PURE__ */ o.jsxs("div", { className: d("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
   /* @__PURE__ */ o.jsx(
-    go,
+    ko,
     {
       suffix: u,
       rootValue: r,
-      rootDescription: e,
+      rootDescription: t,
       classes: m == null ? void 0 : m.calculatedBlock
     }
   ),
-  /* @__PURE__ */ o.jsx(co, { title: n, subtitle: i, classes: m == null ? void 0 : m.calculatedInfoHead }),
-  /* @__PURE__ */ o.jsx(jo, { infoList: l, classes: m == null ? void 0 : m.calculatorInfoBody }),
+  /* @__PURE__ */ o.jsx(yo, { title: n, subtitle: i, classes: m == null ? void 0 : m.calculatedInfoHead }),
+  /* @__PURE__ */ o.jsx(vo, { infoList: l, classes: m == null ? void 0 : m.calculatorInfoBody }),
   /* @__PURE__ */ o.jsx(
-    ko,
+    Co,
     {
       assistHint: x,
-      buttonsConfig: d,
-      bottomDescription: t,
+      buttonsConfig: a,
+      bottomDescription: e,
       classes: m == null ? void 0 : m.calculatorInfoFooter
     }
   )
-] }), vo = 2e4, Pe = ({
-  slidersGroupConfig: e,
-  additionalSliderGroupConfig: t
+] }), Io = 2e4, Dt = ({
+  slidersGroupConfig: t,
+  additionalSliderGroupConfig: e
 }) => {
-  const [r, n] = R(!1), { watch: i, setValue: d } = St(), l = e == null ? void 0 : e.fields.find(({ args: E }) => E.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: I, name: y } = (t == null ? void 0 : t.args) ?? {}, F = i(y), k = Number(x ?? 0) - (f ?? p);
-  return Ft(() => {
-    F > k && d(y, k);
-  }, [k, F, d, f]), Ft(() => {
-    Number(x) === f && n(!1);
-  }, [n, x, f]), {
+  const [r, n] = O(!1), { watch: i, setValue: a } = Oe(), l = t == null ? void 0 : t.fields.find(({ args: P }) => P.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, c = i(m), { min: S, name: y } = (e == null ? void 0 : e.args) ?? {}, E = i(y), k = Number(x ?? 0) - (c ?? p);
+  return ve(() => {
+    E > k && a(y, k);
+  }, [k, E, a, c]), ve(() => {
+    Number(x) === c && n(!1);
+  }, [n, x, c]), {
     sliderVisible: r,
     setSliderVisible: n,
     sumMax: x,
     sumName: m,
     sumDefaultValue: p,
-    sumValue: f,
+    sumValue: c,
     additionalSliderMax: k,
     onCheckedChange: () => {
-      n((E) => !E), F <= 0 && d(y, I), Number(x) === f && (d(m ?? "", f - vo), d(y, I));
+      n((P) => !P), E <= 0 && a(y, S), Number(x) === c && (a(m ?? "", c - Io), a(y, S));
     },
     sliderSumExist: !_.isObjectEmpty(l == null ? void 0 : l.args),
     sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
   };
-}, No = (e) => {
-  switch (e) {
+}, Mo = (t) => {
+  switch (t) {
     case "content1":
       return /* @__PURE__ */ o.jsx("div", { children: "content 1" });
     case "content2":
       return /* @__PURE__ */ o.jsx("div", { children: "content 2" });
   }
-}, Co = ({
-  triggerText: e,
-  modalTitle: t,
+}, _o = ({
+  triggerText: t,
+  modalTitle: e,
   description: r,
   classes: n,
   modalProps: i,
-  contentVariant: d
+  contentVariant: a
 }) => {
-  const [l, u] = ur(!1);
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
-    r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
+  const [l, u] = xr(!1);
+  return /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
+    r && /* @__PURE__ */ o.jsx("p", { className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
     /* @__PURE__ */ o.jsx(
       "button",
       {
         onClick: () => u(!0),
-        className: a(
+        className: d(
           "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
           n == null ? void 0 : n.button
         ),
-        children: e
+        children: t
       }
     ),
-    /* @__PURE__ */ o.jsx(tr, { title: t, isModalOpen: l, closeModal: () => u(!1), ...i, children: No(d) })
+    /* @__PURE__ */ o.jsx(rr, { title: e, isModalOpen: l, closeModal: () => u(!1), ...i, children: Mo(a) })
   ] });
-}, G = ({ fields: e }) => {
-  const { control: t } = St();
-  return /* @__PURE__ */ o.jsx(zt, { control: t, fields: e });
-}, Io = ({
-  slidersGroupConfig: e,
-  additionalSliderGroupConfig: t,
+}, J = ({ fields: t }) => {
+  const { control: e } = Oe();
+  return /* @__PURE__ */ o.jsx(Qe, { control: e, fields: t });
+}, Oo = ({
+  slidersGroupConfig: t,
+  additionalSliderGroupConfig: e,
   classes: r
 }) => {
-  const { control: n } = St(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Pe({
-    slidersGroupConfig: e,
-    additionalSliderGroupConfig: t
+  const { control: n } = Oe(), { sliderVisible: i, additionalSliderMax: a, onCheckedChange: l } = Dt({
+    slidersGroupConfig: t,
+    additionalSliderGroupConfig: e
   });
-  return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
-      /* @__PURE__ */ o.jsx(vt.SwitchBase, { checked: i, onCheckedChange: l }),
+  return _.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: d("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
+      /* @__PURE__ */ o.jsx(Se.SwitchBase, { checked: i, onCheckedChange: l }),
       /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
     i && /* @__PURE__ */ o.jsx(
-      ke.SliderControl,
+      De.SliderControl,
       {
-        ...t.args,
+        ...e.args,
         control: n,
         componentType: "algorithmic",
         suffix: "currency",
-        defaultValue: t == null ? void 0 : t.args.min,
-        max: d
+        defaultValue: e == null ? void 0 : e.args.min,
+        max: a
       }
     )
   ] });
-}, So = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
-  var d;
-  const { sliderSumExist: n, sliderSumCorrectType: i } = Pe({
-    slidersGroupConfig: t.slidersGroupConfig,
-    additionalSliderGroupConfig: t.additionalSliderGroupConfig
+}, To = ({ modalConfig: t, fieldsGroup: e, classes: r }) => {
+  var a;
+  const { sliderSumExist: n, sliderSumCorrectType: i } = Dt({
+    slidersGroupConfig: e.slidersGroupConfig,
+    additionalSliderGroupConfig: e.additionalSliderGroupConfig
   });
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
-    (e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(Co, { classes: r == null ? void 0 : r.modalClasses, ...e }),
-    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
-    (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
-    (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
-    (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
-    (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
-    ((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
-      Io,
+  return /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
+    (t == null ? void 0 : t.triggerText) && (t == null ? void 0 : t.contentVariant) && /* @__PURE__ */ o.jsx(_o, { classes: r == null ? void 0 : r.modalClasses, ...t }),
+    (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.selectGroupConfig }) }),
+    (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.slidersGroupConfig }),
+    (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.radioGroupTabConfig }),
+    (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
+    (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.radioGroupConfig }),
+    (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.radioGroupCardConfig }),
+    (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(J, { ...e == null ? void 0 : e.switchGroupConfig }) }),
+    ((a = e.additionalSliderGroupConfig) == null ? void 0 : a.args.enabled) && e.slidersGroupConfig && e.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
+      Oo,
       {
-        slidersGroupConfig: t.slidersGroupConfig,
-        additionalSliderGroupConfig: t.additionalSliderGroupConfig
+        slidersGroupConfig: e.slidersGroupConfig,
+        additionalSliderGroupConfig: e.additionalSliderGroupConfig
       }
     )
   ] });
-}, Mo = Nt(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
+}, Fo = fe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: d("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: t == null ? void 0 : t.map(({ name: i, label: a }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: a(
+    className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
-      { "bg-icon-primary-default text-color-white": t === i },
+      { "bg-icon-primary-default text-color-white": e === i },
       n == null ? void 0 : n.tab
     ),
-    children: d
+    children: a
   },
   i
-)) })), _o = ({
-  calculatorInfoConfig: e,
-  calculatorFieldsConfig: t,
+)) })), Bo = ({
+  calculatorInfoConfig: t,
+  calculatorFieldsConfig: e,
   classes: r
 }) => {
-  const n = ho(t == null ? void 0 : t.fieldsGroup), i = Ht({
+  const n = go(e == null ? void 0 : e.fieldsGroup), i = _e({
     schema: n,
     mode: "onBlur",
-    defaultValues: Rt.getZodDefaults(n)
-  }), d = i.watch(), { rootValue: l } = e;
-  Ft(() => {
-    ir.setItem("calculatorData", JSON.stringify(d));
-  }, [d]);
-  const u = Fe(l) ? Ee(l.formula, d) : l, x = { ...e, rootValue: u };
-  return /* @__PURE__ */ o.jsx(ar, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsx(So, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
-    /* @__PURE__ */ o.jsx(wo, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
+    defaultValues: Te.getZodDefaults(n)
+  }), a = i.watch(), { rootValue: l } = t;
+  ve(() => {
+    dr.setItem("calculatorData", JSON.stringify(a));
+  }, [a]);
+  const u = Et(l) ? st(l.formula, a) : l, x = { ...t, rootValue: u };
+  return /* @__PURE__ */ o.jsx(ur, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: d("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(To, { ...e, classes: r == null ? void 0 : r.calculatorFields }),
+    /* @__PURE__ */ o.jsx(So, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
   ] }) });
-}, xe = ({ calculators: e, headline: t, classes: r }) => {
+}, ct = ({ calculators: t, headline: e, classes: r }) => {
   var m;
-  const n = e.length > 1, [i, d] = R(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ft(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
-  return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(T, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsx(P, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
+  const n = t.length > 1, [i, a] = O(n ? (m = t[0]) == null ? void 0 : m.name : ""), l = ge(() => t == null ? void 0 : t.map(({ name: p, label: c }) => ({ name: p, label: c })), [t]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = t[u];
+  return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: d(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: d(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: d(r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(s, { className: d("mb-12", r == null ? void 0 : r.headline), as: "h2", children: e }),
     n && /* @__PURE__ */ o.jsx(
-      Mo,
+      Fo,
       {
         calculatorTabs: l,
         activeCalculator: i,
-        setActiveCalculator: d,
+        setActiveCalculator: a,
         classes: r == null ? void 0 : r.calculatorTabs
       }
     ),
     /* @__PURE__ */ o.jsx(
-      _o,
+      Bo,
       {
         name: x.name,
         label: x.label,
@@ -3071,61 +3072,61 @@ const Zn = (e, t) => {
       }
     )
   ] }) }) });
-}, Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Calculator: xe,
-  default: xe
-}, Symbol.toStringTag, { value: "Module" })), To = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Fo = ({
-  heading: e,
-  buttonsGroup: t,
+  Calculator: ct,
+  default: ct
+}, Symbol.toStringTag, { value: "Module" })), Po = ({ linksList: t, classes: e }) => /* @__PURE__ */ o.jsx("div", { className: d("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", e == null ? void 0 : e.list), children: t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ o.jsx(ce, { withUnderline: !0, size: "md", classes: e == null ? void 0 : e.customLink, ...r }, n)) }), so = ({
+  heading: t,
+  buttonsGroup: e,
   imageMobile: r,
   renderImageCb: n,
   description: i,
-  linksList: d,
+  linksList: a,
   classes: l
 }) => {
-  const u = t && (t == null ? void 0 : t.length) > 0, x = d && (d == null ? void 0 : d.length) > 0;
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", l == null ? void 0 : l.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", l == null ? void 0 : l.textBlock), children: [
-      /* @__PURE__ */ o.jsx(P, { as: "h2", className: a(l == null ? void 0 : l.heading), children: e }),
+  const u = e && (e == null ? void 0 : e.length) > 0, x = a && (a == null ? void 0 : a.length) > 0;
+  return /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col", l == null ? void 0 : l.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: d("flex flex-col gap-4 mobile:mb-2", l == null ? void 0 : l.textBlock), children: [
+      /* @__PURE__ */ o.jsx(s, { as: "h2", className: d(l == null ? void 0 : l.heading), children: t }),
       i && /* @__PURE__ */ o.jsx(
         "p",
         {
           dangerouslySetInnerHTML: { __html: i },
-          className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description)
+          className: d("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description)
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: it({
+    /* @__PURE__ */ o.jsx("div", { className: d("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: ie({
       imgProps: {
-        className: a("object-contain w-full h-full", l == null ? void 0 : l.imageMobile),
+        className: d("object-contain w-full h-full", l == null ? void 0 : l.imageMobile),
         ...r
       },
       renderImageCb: n
     }) }),
-    u && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
-    x && /* @__PURE__ */ o.jsx(To, { linksList: d, classes: l == null ? void 0 : l.linksList })
+    u && /* @__PURE__ */ o.jsx("div", { className: d("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: e == null ? void 0 : e.map((m, p) => /* @__PURE__ */ o.jsx(ee, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
+    x && /* @__PURE__ */ o.jsx(Po, { linksList: a, classes: l == null ? void 0 : l.linksList })
   ] });
-}, he = (e) => {
-  const { size: t = "md", renderImageCb: r, backgroundColor: n = "#F4F8FE", imageDesktop: i, classes: d, ...l } = e;
+}, ft = (t) => {
+  const { size: e = "md", renderImageCb: r, backgroundColor: n = "#F4F8FE", imageDesktop: i, classes: a, ...l } = t;
   return /* @__PURE__ */ o.jsx(
     "section",
     {
       id: g.infoBlock,
       "data-test-id": g.infoBlock,
       style: { backgroundColor: n },
-      className: a("py-14", d == null ? void 0 : d.root),
-      children: /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", d == null ? void 0 : d.container), children: [
-        /* @__PURE__ */ o.jsx(Fo, { renderImageCb: r, classes: d == null ? void 0 : d.rootContent, ...l }),
+      className: d("py-14", a == null ? void 0 : a.root),
+      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: d("flex items-center justify-between gap-11 mobile:flex-col", a == null ? void 0 : a.container), children: [
+        /* @__PURE__ */ o.jsx(so, { renderImageCb: r, classes: a == null ? void 0 : a.rootContent, ...l }),
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: a("h-[200px] w-full max-w-[432px] mobile:hidden", d == null ? void 0 : d.imageDesktopWrapper, {
-              "h-[238px]": t === "md"
+            className: d("h-[200px] w-full max-w-[432px] mobile:hidden", a == null ? void 0 : a.imageDesktopWrapper, {
+              "h-[238px]": e === "md"
             }),
-            children: it({
+            children: ie({
               imgProps: {
-                className: a("object-contain w-full h-full", d == null ? void 0 : d.imageDesktop),
+                className: d("object-contain w-full h-full", a == null ? void 0 : a.imageDesktop),
                 ...i
               },
               renderImageCb: r
@@ -3135,37 +3136,161 @@ const Zn = (e, t) => {
       ] }) })
     }
   );
-}, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  InfoBlock: ft,
+  default: ft
+}, Symbol.toStringTag, { value: "Module" })), Ro = (t) => {
+  const [e, r] = O(0), [n, i] = O(0);
+  return {
+    selectedRating: e,
+    hoveredRatings: n,
+    handleMouseEnter: (x) => {
+      i(x);
+    },
+    handleMouseLeave: () => {
+      i(e);
+    },
+    handleSelectRating: (x) => {
+      r(x), t("review");
+    }
+  };
+}, gt = Le({
+  review: He.base.getStringSchema({ required: !1 })
+}), zo = fe(() => {
+  const t = hr({ ids: ["banner"] }), [e, r] = O(!1);
+  return ve(() => {
+    r(!1);
+    const n = setTimeout(() => {
+      r(!0);
+    }, 1e4);
+    return () => clearTimeout(n);
+  }, []), /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: d(
+        "invisible flex size-16 items-center justify-center rounded-full bg-color-secondary-default opacity-0 transition-all hover:bg-color-secondary-hover",
+        { "opacity-1 visible": e && !t }
+      ),
+      children: /* @__PURE__ */ o.jsx(f, { name: "general/heart", className: "size-7 fill-transparent stroke-white stroke-[3px]" })
+    }
+  );
+}), Ho = () => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+  /* @__PURE__ */ o.jsx(f, { name: "status/succesCircle" }),
+  /* @__PURE__ */ o.jsx("p", { className: "desk-body-medium-l", children: "Спасибо за оценку!" })
+] }), Lo = ({ submitCallback: t, rating: e, setFormStep: r }) => {
+  const { control: n, handleSubmit: i } = _e({
+    mode: "onBlur",
+    schema: gt,
+    defaultValues: Te.getZodDefaults(gt)
+  }), a = async (l) => {
+    var u;
+    t && (await t({
+      rating: e,
+      pageUrl: (u = window == null ? void 0 : window.location) == null ? void 0 : u.href,
+      ...l
+    }), r("finally"));
+  };
+  return /* @__PURE__ */ o.jsxs("form", { onSubmit: i(a), className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-2 text-center", children: [
+      /* @__PURE__ */ o.jsx("p", { className: "desk-body-medium-l", children: "Расскажите о впечатлениях" }),
+      /* @__PURE__ */ o.jsxs("p", { className: "desk-body-regular-l", children: [
+        "Вам нравится сайт банка?",
+        /* @__PURE__ */ o.jsx("br", {}),
+        " У вас есть предложения по его улучшению?"
+      ] })
+    ] }),
+    /* @__PURE__ */ o.jsx(De.TextareaControl, { control: n, name: "review", label: "Поделитесь вашим мнением" }),
+    /* @__PURE__ */ o.jsx(pe, { type: "submit", size: "sm", intent: "negative", className: "w-full", children: "Отправить" })
+  ] });
+}, Qo = Array(5).fill(0), Vo = ({
+  handleMouseLeave: t,
+  hoveredRatings: e,
+  selectedRating: r,
+  handleSelectRating: n,
+  handleMouseEnter: i
+}) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+  /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-2 text-center", children: [
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-medium-l", children: "Ваше мнение важно для нас!" }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее" })
+  ] }),
+  /* @__PURE__ */ o.jsx("div", { className: "flex items-center gap-2", children: Qo.map((a, l) => /* @__PURE__ */ o.jsx(
+    "button",
+    {
+      className: "size-8",
+      onMouseEnter: () => i(l + 1),
+      onMouseLeave: () => t(),
+      onClick: () => n(l + 1),
+      children: /* @__PURE__ */ o.jsx(
+        f,
+        {
+          name: "general/heart",
+          className: d("fill-[#b0c0d2] transition-colors duration-12", {
+            "fill-secondary-default": l < (e || r)
+          })
+        }
+      )
+    },
+    l
+  )) })
+] }), $o = ({ formStep: t, setFormStep: e, ratingProps: r, submitCallback: n }) => {
+  switch (t) {
+    case "rating":
+      return /* @__PURE__ */ o.jsx(Vo, { ...r });
+    case "review":
+      return /* @__PURE__ */ o.jsx(Lo, { submitCallback: n, setFormStep: e, rating: r.selectedRating });
+    case "finally":
+      return /* @__PURE__ */ o.jsx(Ho, {});
+  }
+}, bt = ({ submitCallback: t }) => {
+  const [e, r] = O("rating"), n = Ro(r);
+  return /* @__PURE__ */ o.jsx("div", { className: "fixed right-5 top-[80%] z-[1000]", children: /* @__PURE__ */ o.jsx(
+    Ce,
+    {
+      side: "top",
+      align: "end",
+      sideOffset: 10,
+      withArrow: !1,
+      withCloseBtn: !1,
+      classes: {
+        content: "max-w-[330px] w-[330px] p-6"
+      },
+      triggerElement: /* @__PURE__ */ o.jsx(zo, {}),
+      children: /* @__PURE__ */ o.jsx("div", { className: "w-full", children: $o({ formStep: e, setFormStep: r, ratingProps: n, submitCallback: t }) })
+    }
+  ) });
+}, Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InfoBlock: he,
-  default: he
+  UserFeedback: bt,
+  default: bt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  qo as AuthProvider,
-  st as Banner,
-  Lr as BannerWithSeparateImg,
-  Jt as Benefit,
-  Kn as Breadcrumbs,
-  tt as ButtonWithHandlers,
-  xe as Calculator,
-  _o as CalculatorView,
-  le as DynamicForm,
-  ue as DynamicFormDialog,
-  Ko as FallbacksView,
-  zt as FieldMapper,
-  te as Footer,
-  Uo as HTMLParser,
-  dt as HTMLRenderer,
-  Gt as Header,
-  he as InfoBlock,
-  de as InterLinking,
-  Tr as KEYS_OF_WIDGET_LIST,
-  re as LongBanner,
-  me as SeoHeader,
-  ee as Stepper,
-  ae as UsefulInfo,
-  Or as WIDGET_LIST_MAP,
-  Vn as queryClient,
+  ni as AuthProvider,
+  rt as Banner,
+  $r as BannerWithSeparateImg,
+  et as Benefit,
+  Xn as Breadcrumbs,
+  ee as ButtonWithHandlers,
+  ct as Calculator,
+  Bo as CalculatorView,
+  xt as DynamicForm,
+  ht as DynamicFormDialog,
+  ii as FallbacksView,
+  Qe as FieldMapper,
+  nt as Footer,
+  oi as HTMLParser,
+  ae as HTMLRenderer,
+  tt as Header,
+  ft as InfoBlock,
+  ut as InterLinking,
+  Pr as KEYS_OF_WIDGET_LIST,
+  it as LongBanner,
+  pt as SeoHeader,
+  ot as Stepper,
+  mt as UsefulInfo,
+  bt as UserFeedback,
+  Er as WIDGET_LIST_MAP,
+  An as queryClient,
   g as widgetIds
 };
 //# sourceMappingURL=widget.js.map