@scbt-ecom/ui 0.58.0 → 0.59.0

package/dist/widget.js

@@ -1,33 +1,47 @@
-var te = Object.defineProperty;
-var re = (o, t, i) => t in o ? te(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var I = (o, t, i) => re(o, typeof t != "symbol" ? t + "" : t, i);
-import { j as e, B as O, c, R as w, P as Z, b as oe, H as y, I as b, C as H, a as ne, L as ie, d as R, A as B, e as de, f as le, U as pe } from "./index-Bnb3sS3q.js";
-import { c as l, T as j } from "./typeGuards-Bhdr9KYW.js";
-import * as E from "react";
-import { useCallback as xe, useState as _, useMemo as $, createElement as X, Fragment as ae, useEffect as q, useRef as me } from "react";
-import { s as ue, c as J, g as D } from "./uuid-DQgafI7K.js";
-import { i as K } from "./isClient-C9aZtt2Q.js";
-import { u as C, b as fe, a as he } from "./useDebounce-CK7Ghu8F.js";
-import { o as be } from "./utils-Cc0awqbk.js";
-import { z as Q, Z as je } from "./index-DskTH4KE.js";
-import { u as ce } from "./useFieldsProgress-BeFcsVuB.js";
-const ke = (o) => xe(() => {
-  switch (o.handler) {
+var rt = Object.defineProperty;
+var ot = (i, t, n) => t in i ? rt(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n;
+var T = (i, t, n) => ot(i, typeof t != "symbol" ? t + "" : t, n);
+import { j as e, B as R, c as g, R as N, P as $, b as nt, H as v, I as j, C as F, a as it, L as dt, d as D, A as _, e as pt, f as xt, U as mt } from "./index-Bnb3sS3q.js";
+import { c as p, T as k } from "./typeGuards-Bhdr9KYW.js";
+import * as B from "react";
+import { useCallback as lt, useState as S, useMemo as X, createElement as q, Fragment as ut, useEffect as J, useRef as at } from "react";
+import { s as ht, c as K, g as V } from "./uuid-DQgafI7K.js";
+import { i as Q } from "./isClient-C9aZtt2Q.js";
+import { u as I, b as ft, a as bt } from "./useDebounce-CK7Ghu8F.js";
+import { o as jt } from "./utils-Cc0awqbk.js";
+import { z as Y, Z as kt } from "./index-DskTH4KE.js";
+import { u as gt } from "./useFieldsProgress-BeFcsVuB.js";
+const wt = [
+  "header",
+  "footer",
+  "interLinking",
+  "stepper",
+  "usefulInfo",
+  "longBanner",
+  "banner",
+  "benefit",
+  "form",
+  "seoHeader"
+], f = wt.reduce(
+  (i, t) => (i[t] = t, i),
+  {}
+), yt = (i) => lt(() => {
+  switch (i.handler) {
     case "navigate": {
-      const { url: i, target: n, rel: r } = o;
-      K && (window == null || window.open(i, n, r));
+      const { url: n, target: o, rel: r } = i;
+      Q && (window == null || window.open(n, o, r));
       break;
     }
     case "scroll": {
-      const { widgetId: i } = o ?? "";
-      ue({ widgetId: i });
+      const { widgetId: n } = i ?? "";
+      ht({ widgetId: n });
       break;
     }
   }
-}, [o]), v = ({ handlerOptions: o, ...t }) => {
-  const i = ke(o);
-  return /* @__PURE__ */ e.jsx(O, { onClick: i, ...t, children: t.children });
-}, ge = c(
+}, [i]), C = ({ handlerOptions: i, ...t }) => {
+  const n = yt(i);
+  return /* @__PURE__ */ e.jsx(R, { onClick: n, ...t, children: t.children });
+}, Nt = g(
   "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: {
@@ -38,43 +52,43 @@ const ke = (o) => xe(() => {
       }
     }
   }
-), we = ({
-  subtitle: o,
+), vt = ({
+  subtitle: i,
   title: t,
-  img: i,
-  mobileImg: n,
+  img: n,
+  mobileImg: o,
   classes: r,
   withButton: d,
-  button: p,
-  variant: x,
-  color: a
+  button: x,
+  variant: m,
+  color: l
 }) => {
-  const { isDesktop: m } = C();
+  const { isDesktop: u } = I();
   return /* @__PURE__ */ e.jsxs(
     "li",
     {
-      style: { backgroundColor: a ?? "#f4f8fe" },
-      className: l(ge({ variant: x }), { "pb-0": n }, { "pb-12": !n }, r == null ? void 0 : r.root),
+      style: { backgroundColor: l ?? "#f4f8fe" },
+      className: p(Nt({ variant: m }), { "pb-0": o }, { "pb-12": !o }, r == null ? void 0 : r.root),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
-          /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
-            /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: l("desktop:desk-title-bold-s", r == null ? void 0 : r.title) }),
+        /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
+          /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
+            /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: p("desktop:desk-title-bold-s", r == null ? void 0 : r.title) }),
             /* @__PURE__ */ e.jsx(
               "div",
               {
-                dangerouslySetInnerHTML: { __html: o },
-                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.subtitle)
+                dangerouslySetInnerHTML: { __html: i },
+                className: p("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.subtitle)
               }
             )
           ] }),
-          d && m && (p == null ? void 0 : p.handlerOptions) && /* @__PURE__ */ e.jsx(v, { intent: "primary", className: l("desktop:w-[200px]", r == null ? void 0 : r.button), size: "lg", ...p })
+          d && u && (x == null ? void 0 : x.handlerOptions) && /* @__PURE__ */ e.jsx(C, { intent: "primary", className: p("desktop:w-[200px]", r == null ? void 0 : r.button), size: "lg", ...x })
         ] }),
-        (n || m) && i && /* @__PURE__ */ e.jsx("div", { className: l("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: i && "url" in i && j.isObject(i) ? /* @__PURE__ */ e.jsx("img", { className: l("h-[246px] object-cover", r == null ? void 0 : r.img), src: i.url, alt: t }) : i })
+        (o || u) && n && /* @__PURE__ */ e.jsx("div", { className: p("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: n && "url" in n && k.isObject(n) ? /* @__PURE__ */ e.jsx("img", { className: p("h-[246px] object-cover", r == null ? void 0 : r.img), src: n.url, alt: t }) : n })
       ]
     },
     t
   );
-}, ye = c("grid gap-4", {
+}, ct = g("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -82,32 +96,33 @@ const ke = (o) => xe(() => {
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ft = ({ headline: o, details: t, variant: i, classes: n }) => /* @__PURE__ */ e.jsx("section", { id: "benefit", className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(w, { className: n == null ? void 0 : n.container, children: [
+}), ze = ({ headline: i, details: t, variant: n, classes: o }) => /* @__PURE__ */ e.jsx("section", { id: f.benefit, "data-test-id": f.benefit, className: p("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ e.jsxs(N, { className: o == null ? void 0 : o.container, children: [
   /* @__PURE__ */ e.jsx(
     "div",
     {
-      dangerouslySetInnerHTML: { __html: o },
-      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      dangerouslySetInnerHTML: { __html: i },
+      className: p("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", o == null ? void 0 : o.heading)
     }
   ),
-  /* @__PURE__ */ e.jsx("ul", { className: l(ye({ variant: i }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ e.jsx(we, { variant: i, classes: n == null ? void 0 : n.item, ...r }, r.title)) })
-] }) }), Ne = ({ variant: o, details: t }) => {
-  switch (o) {
+  /* @__PURE__ */ e.jsx("ul", { className: p(ct({ variant: n }), o == null ? void 0 : o.grid), children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ e.jsx(vt, { variant: n, classes: o == null ? void 0 : o.item, ...r }, r.title)) })
+] }) }), Ct = ({ variant: i, details: t }) => {
+  switch (i) {
     case "withButton":
-      return /* @__PURE__ */ e.jsx(v, { ...t });
+      return /* @__PURE__ */ e.jsx(C, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ e.jsx(Z, { classes: { root: "items-end" }, ...t, phone: J(t.phone) });
+      return /* @__PURE__ */ e.jsx($, { classes: { root: "items-end" }, ...t, phone: K(t.phone) });
     default:
       return null;
   }
-}, Lt = (o) => {
-  const { logoPath: t = "/", logoType: i = "main", classes: n } = o;
+}, Oe = (i) => {
+  const { logoPath: t = "/", logoType: n = "main", classes: o } = i;
   return /* @__PURE__ */ e.jsx(
     "header",
     {
-      id: "header",
-      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
-      children: /* @__PURE__ */ e.jsx(w, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      id: f.header,
+      "data-test-id": f.header,
+      className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", o == null ? void 0 : o.header),
+      children: /* @__PURE__ */ e.jsx(N, { className: p(o == null ? void 0 : o.container), children: /* @__PURE__ */ e.jsxs("div", { className: p("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
         /* @__PURE__ */ e.jsx(
           "a",
           {
@@ -115,288 +130,290 @@ const ke = (o) => xe(() => {
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: l(
+            className: p(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-              n == null ? void 0 : n.logo
+              o == null ? void 0 : o.logo
             ),
-            children: oe[i]
+            children: nt[n]
           }
         ),
-        Ne(o)
+        Ct(i)
       ] }) })
     }
   );
-}, ve = ({
-  headTitle: o,
+}, It = ({
+  headTitle: i,
   subtitle: t,
-  buttonsConfig: i,
-  advantages: n,
+  buttonsConfig: n,
+  advantages: o,
   classes: r,
   imgMobile: d,
-  imgDesktop: p,
-  color: x
+  imgDesktop: x,
+  color: m
 }) => {
-  var N;
-  const { isDesktop: a, isMobile: m } = C(), { primary: u, secondary: f } = i || {}, h = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, g = p && "url" in p && j.isObject(p) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: p.url }) : p, k = /* @__PURE__ */ e.jsx(
+  var c;
+  const { isDesktop: l, isMobile: u } = I(), { primary: a, secondary: h } = n || {}, b = d && "url" in d && k.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, y = x && "url" in x && k.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, w = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l(
+      className: p(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ e.jsx(Y, { ...n })
+      children: (o == null ? void 0 : o.details) && ((c = o == null ? void 0 : o.details) == null ? void 0 : c.items.length) > 0 && /* @__PURE__ */ e.jsx(P, { ...o })
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "section",
       {
-        style: { backgroundColor: x ?? "#d9edff" },
-        "data-test-id": "banner",
-        className: l("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root),
+        id: f.banner,
+        "data-test-id": f.banner,
+        style: { backgroundColor: m ?? "#d9edff" },
+        className: p("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root),
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? h : g }),
-          /* @__PURE__ */ e.jsxs(w, { className: l("h-full", r == null ? void 0 : r.container), children: [
-            /* @__PURE__ */ e.jsx("div", { className: l("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock), children: [
+          /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? b : y }),
+          /* @__PURE__ */ e.jsxs(N, { className: p("h-full", r == null ? void 0 : r.container), children: [
+            /* @__PURE__ */ e.jsx("div", { className: p("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ e.jsxs("div", { className: p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock), children: [
               /* @__PURE__ */ e.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: o },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
+                    dangerouslySetInnerHTML: { __html: i },
+                    className: p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ e.jsxs(
                 "div",
                 {
-                  className: l(
+                  className: p(
                     "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col self-end 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:self-center desktop:px-0",
-                    { "flex items-center gap-4": f == null ? void 0 : f.enabled },
+                    { "flex items-center gap-4": h == null ? void 0 : h.enabled },
                     r == null ? void 0 : r.group
                   ),
                   children: [
-                    u.enabled && /* @__PURE__ */ e.jsx(
-                      v,
+                    a.enabled && /* @__PURE__ */ e.jsx(
+                      C,
                       {
-                        className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
                         size: "lg",
                         intent: "primary",
-                        ...u.buttonContent
+                        ...a.buttonContent
                       }
                     ),
-                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
-                      v,
+                    (h == null ? void 0 : h.enabled) && /* @__PURE__ */ e.jsx(
+                      C,
                       {
                         intent: "secondary",
-                        className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
-                        ...u.buttonContent
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
+                        ...a.buttonContent
                       }
                     )
                   ]
                 }
               )
             ] }) }),
-            a && (n == null ? void 0 : n.enabled) && k
+            l && (o == null ? void 0 : o.enabled) && w
           ] })
         ]
       }
     ),
-    m && (n == null ? void 0 : n.enabled) && k
+    u && (o == null ? void 0 : o.enabled) && w
   ] });
-}, V = ({
-  headTitle: o,
+}, W = ({
+  headTitle: i,
   subtitle: t,
-  buttonsConfig: i,
-  advantages: n,
+  buttonsConfig: n,
+  advantages: o,
   classes: r,
   imgMobile: d,
-  imgDesktop: p,
-  color: x
+  imgDesktop: x,
+  color: m
 }) => {
-  var N;
-  const { isDesktop: a, isMobile: m } = C(), { primary: u, secondary: f } = i || {}, h = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, g = p && "url" in p && j.isObject(p) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: p.url }) : p, k = /* @__PURE__ */ e.jsx(
+  var c;
+  const { isDesktop: l, isMobile: u } = I(), { primary: a, secondary: h } = n || {}, b = d && "url" in d && k.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, y = x && "url" in x && k.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: x.url }) : x, w = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l(
+      className: p(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ e.jsx(Y, { ...n })
+      children: (o == null ? void 0 : o.details) && ((c = o == null ? void 0 : o.details) == null ? void 0 : c.items.length) > 0 && /* @__PURE__ */ e.jsx(P, { ...o })
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "section",
       {
-        style: { backgroundColor: x ?? "#d9edff" },
-        "data-test-id": "banner",
-        className: l("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root),
-        children: /* @__PURE__ */ e.jsxs(w, { className: l("relative", r == null ? void 0 : r.container), children: [
-          /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
+        id: f.banner,
+        "data-test-id": f.banner,
+        style: { backgroundColor: m ?? "#d9edff" },
+        className: p("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root),
+        children: /* @__PURE__ */ e.jsxs(N, { className: p("relative", r == null ? void 0 : r.container), children: [
+          /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
+              /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: o },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
+                    dangerouslySetInnerHTML: { __html: i },
+                    className: p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ e.jsxs(
                 "div",
                 {
-                  className: l(
+                  className: p(
                     "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": f == null ? void 0 : f.enabled },
+                    { "flex items-center gap-4": h == null ? void 0 : h.enabled },
                     r == null ? void 0 : r.group
                   ),
                   children: [
-                    u.enabled && /* @__PURE__ */ e.jsx(
-                      v,
+                    a.enabled && /* @__PURE__ */ e.jsx(
+                      C,
                       {
-                        className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
                         size: "lg",
                         intent: "primary",
-                        ...u.buttonContent
+                        ...a.buttonContent
                       }
                     ),
-                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
-                      v,
+                    (h == null ? void 0 : h.enabled) && /* @__PURE__ */ e.jsx(
+                      C,
                       {
                         intent: "secondary",
-                        className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
-                        ...u.buttonContent
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
+                        ...a.buttonContent
                       }
                     )
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: l("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer), children: m ? h : g })
+            /* @__PURE__ */ e.jsx("div", { className: p("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer), children: u ? b : y })
           ] }),
-          a && (n == null ? void 0 : n.enabled) && k
+          l && (o == null ? void 0 : o.enabled) && w
         ] })
       }
     ),
-    m && (n == null ? void 0 : n.enabled) && k
+    u && (o == null ? void 0 : o.enabled) && w
   ] });
-}, zt = ({ variant: o, ...t }) => {
-  switch (o) {
+}, Re = ({ variant: i, ...t }) => {
+  switch (i) {
     case "separateImg":
-      return /* @__PURE__ */ e.jsx(V, { ...t });
+      return /* @__PURE__ */ e.jsx(W, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ e.jsx(ve, { ...t });
+      return /* @__PURE__ */ e.jsx(It, { ...t });
     default:
-      return /* @__PURE__ */ e.jsx(V, { ...t });
+      return /* @__PURE__ */ e.jsx(W, { ...t });
   }
-}, Y = ({ details: o, classes: t }) => {
-  const { variant: i, items: n } = o ?? {};
+}, P = ({ details: i, classes: t }) => {
+  const { variant: n, items: o } = i ?? {};
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       id: "advantages",
-      className: l(
+      className: p(
         "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]": i === "threeCards" },
-        { "desktop:max-w-[1140px]": i === "fourCards" },
+        { "desktop:max-w-[860px]": n === "threeCards" },
+        { "desktop:max-w-[1140px]": n === "fourCards" },
         t == null ? void 0 : t.root
       ),
-      children: n == null ? void 0 : n.map(({ title: r, description: d }) => /* @__PURE__ */ e.jsxs(
+      children: o == null ? void 0 : o.map(({ title: r, description: d }) => /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: l(
+          className: p(
             '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
           ),
           children: [
-            /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: r }),
-            /* @__PURE__ */ e.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+            /* @__PURE__ */ e.jsx(v, { as: "h4", className: p("text-color-dark", t == null ? void 0 : t.title), children: r }),
+            /* @__PURE__ */ e.jsx("p", { className: p("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
           ]
         },
         r
       ))
     }
   );
-}, Ce = ({ socialsLinks: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: o == null ? void 0 : o.map(({ iconName: i, href: n }) => /* @__PURE__ */ e.jsx(
+}, Tt = ({ socialsLinks: i, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: p("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: i == null ? void 0 : i.map(({ iconName: n, href: o }) => /* @__PURE__ */ e.jsx(
   "a",
   {
-    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
-    href: n,
-    "aria-label": i.replace("social/", ""),
-    children: /* @__PURE__ */ e.jsx(b, { name: i, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    className: p("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    href: o,
+    "aria-label": n.replace("social/", ""),
+    children: /* @__PURE__ */ e.jsx(j, { name: n, className: p("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
-  n
-)) }), Ie = ({ phones: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: o == null ? void 0 : o.map(({ phone: i, text: n }) => /* @__PURE__ */ e.jsx(
-  Z,
+  o
+)) }), Et = ({ phones: i, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: p("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: i == null ? void 0 : i.map(({ phone: n, text: o }) => /* @__PURE__ */ e.jsx(
+  $,
   {
-    phone: J(i),
-    text: n,
+    phone: K(n),
+    text: o,
     classes: {
-      root: l(t == null ? void 0 : t.phoneWrapper),
-      text: l("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: p(t == null ? void 0 : t.phoneWrapper),
+      text: p("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: p("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
-  i
-)) }), Te = ({ classes: o, details: t }) => /* @__PURE__ */ e.jsx(
+  n
+)) }), Bt = ({ classes: i, details: t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: l(
+    className: p(
       "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",
-      o == null ? void 0 : o.navRoot
+      i == null ? void 0 : i.navRoot
     ),
     children: t == null ? void 0 : t.map(
-      ({ column: i }) => i == null ? void 0 : i.map(({ groupLabel: n, links: r }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", o == null ? void 0 : o.navGroup), children: [
-        /* @__PURE__ */ e.jsx("div", { className: l("desk-body-medium-l text-color-white", o == null ? void 0 : o.navLabel), children: n }),
-        /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-1", o == null ? void 0 : o.navLinks), children: r == null ? void 0 : r.map(({ path: d, label: p }) => /* @__PURE__ */ e.jsx(
-          H,
+      ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: r }) => /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-4", i == null ? void 0 : i.navGroup), children: [
+        /* @__PURE__ */ e.jsx("div", { className: p("desk-body-medium-l text-color-white", i == null ? void 0 : i.navLabel), children: o }),
+        /* @__PURE__ */ e.jsx("div", { className: p("flex flex-col gap-1", i == null ? void 0 : i.navLinks), children: r == null ? void 0 : r.map(({ path: d, label: x }) => /* @__PURE__ */ e.jsx(
+          F,
           {
             href: d,
-            "aria-label": p,
+            "aria-label": x,
             intent: "white",
             classes: {
-              link: o == null ? void 0 : o.navLink,
-              icon: o == null ? void 0 : o.navLinkIcon
+              link: i == null ? void 0 : i.navLink,
+              icon: i == null ? void 0 : i.navLinkIcon
             },
-            children: p
+            children: x
           },
-          p
+          x
         )) })
-      ] }, n))
+      ] }, o))
     )
   }
-), Ee = ({ text: o, classes: t }) => /* @__PURE__ */ e.jsx(
+), _t = ({ text: i, classes: t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: l("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
-    dangerouslySetInnerHTML: { __html: o }
+    className: p("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+    dangerouslySetInnerHTML: { __html: i }
   }
-), Be = ({ classes: o }) => /* @__PURE__ */ e.jsx(
+), St = ({ classes: i }) => /* @__PURE__ */ e.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
-    children: /* @__PURE__ */ e.jsx(b, { name: "brandLogos/logoWhite", className: l("size-full", o == null ? void 0 : o.footerLogoIcon) })
+    className: p("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", i == null ? void 0 : i.footerLogo),
+    children: /* @__PURE__ */ e.jsx(j, { name: "brandLogos/logoWhite", className: p("size-full", i == null ? void 0 : i.footerLogoIcon) })
   }
-), _e = ({ classes: o }) => /* @__PURE__ */ e.jsx(
-  H,
+), Ht = ({ classes: i }) => /* @__PURE__ */ e.jsx(
+  F,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -404,23 +421,23 @@ const ke = (o) => xe(() => {
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: l("mobile:mt-6", o == null ? void 0 : o.siteMapLink),
-      icon: o == null ? void 0 : o.siteMapLinkIcon
+      link: p("mobile:mt-6", i == null ? void 0 : i.siteMapLink),
+      icon: i == null ? void 0 : i.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), Se = ({ text: o, classes: t }) => {
-  const [i, n] = E.useState(!1), [r, d] = E.useState(!1), p = E.useRef(null);
-  return E.useEffect(() => {
-    const x = p.current;
-    x && d(x.scrollHeight > x.clientHeight);
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: l("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+), Mt = ({ text: i, classes: t }) => {
+  const [n, o] = B.useState(!1), [r, d] = B.useState(!1), x = B.useRef(null);
+  return B.useEffect(() => {
+    const m = x.current;
+    m && d(m.scrollHeight > m.clientHeight);
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: p("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: p,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, t == null ? void 0 : t.ligalText),
-        dangerouslySetInnerHTML: { __html: o }
+        ref: x,
+        className: p("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
+        dangerouslySetInnerHTML: { __html: i }
       }
     ),
     r && /* @__PURE__ */ e.jsx(
@@ -428,8 +445,8 @@ const ke = (o) => xe(() => {
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => n((x) => !x),
-        className: l(
+        onClick: () => o((m) => !m),
+        className: p(
           "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
         ),
@@ -437,92 +454,100 @@ const ke = (o) => xe(() => {
       }
     )
   ] });
-}, Ot = ({
-  socialsLinks: o,
+}, De = ({
+  socialsLinks: i,
   phones: t,
-  ligal: i,
-  copyright: n,
+  ligal: n,
+  copyright: o,
   classes: r,
   details: d,
-  siteMap: p = !0
-}) => /* @__PURE__ */ e.jsx("footer", { id: "footer", className: l("w-full bg-color-footer py-8 desktop:py-10", r == null ? void 0 : r.root), children: /* @__PURE__ */ e.jsx(w, { className: l(r == null ? void 0 : r.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: l("mobile:pb-[176px]", r == null ? void 0 : r.footerWrapper), children: [
-  /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: l(
-        "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",
-        r == null ? void 0 : r.footerHead
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l(r == null ? void 0 : r.footerSocialBlock), children: [
-          /* @__PURE__ */ e.jsx(Be, { classes: r == null ? void 0 : r.footerLogo }),
-          o.enabled && /* @__PURE__ */ e.jsx(Ce, { socialsLinks: o.links, classes: r == null ? void 0 : r.socialLinks })
-        ] }),
-        t.enabled && /* @__PURE__ */ e.jsx(Ie, { phones: t.items, classes: r == null ? void 0 : r.phonesBlock })
-      ]
-    }
-  ),
-  !j.isArrayEmpty(d) && /* @__PURE__ */ e.jsx(Te, { details: d, classes: r == null ? void 0 : r.navLinks }),
-  i.enabled && /* @__PURE__ */ e.jsx(Se, { text: i.text }),
-  /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: l(
-        "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
-        r == null ? void 0 : r.footerBottom
+  siteMap: x = !0
+}) => /* @__PURE__ */ e.jsx(
+  "footer",
+  {
+    id: f.footer,
+    "data-test-id": f.footer,
+    className: p("w-full bg-color-footer py-8 desktop:py-10", r == null ? void 0 : r.root),
+    children: /* @__PURE__ */ e.jsx(N, { className: p(r == null ? void 0 : r.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: p("mobile:pb-[176px]", r == null ? void 0 : r.footerWrapper), children: [
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: p(
+            "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",
+            r == null ? void 0 : r.footerHead
+          ),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: p(r == null ? void 0 : r.footerSocialBlock), children: [
+              /* @__PURE__ */ e.jsx(St, { classes: r == null ? void 0 : r.footerLogo }),
+              i.enabled && /* @__PURE__ */ e.jsx(Tt, { socialsLinks: i.links, classes: r == null ? void 0 : r.socialLinks })
+            ] }),
+            t.enabled && /* @__PURE__ */ e.jsx(Et, { phones: t.items, classes: r == null ? void 0 : r.phonesBlock })
+          ]
+        }
       ),
-      children: [
-        n.enabled && /* @__PURE__ */ e.jsx(Ee, { text: n.text, classes: r == null ? void 0 : r.copyright }),
-        p && /* @__PURE__ */ e.jsx(_e, { classes: r == null ? void 0 : r.siteMap })
-      ]
-    }
-  )
-] }) }) }), Me = ({ classes: o, index: t, variant: i, title: n, description: r }) => {
-  const d = i === "withTitleAndDescription" && n;
+      !k.isArrayEmpty(d) && /* @__PURE__ */ e.jsx(Bt, { details: d, classes: r == null ? void 0 : r.navLinks }),
+      n.enabled && /* @__PURE__ */ e.jsx(Mt, { text: n.text }),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: p(
+            "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
+            r == null ? void 0 : r.footerBottom
+          ),
+          children: [
+            o.enabled && /* @__PURE__ */ e.jsx(_t, { text: o.text, classes: r == null ? void 0 : r.copyright }),
+            x && /* @__PURE__ */ e.jsx(Ht, { classes: r == null ? void 0 : r.siteMap })
+          ]
+        }
+      )
+    ] }) })
+  }
+), Ft = ({ classes: i, index: t, variant: n, title: o, description: r }) => {
+  const d = n === "withTitleAndDescription" && o;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: l(
+      className: p(
         "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",
-        o == null ? void 0 : o.singleStep
+        i == null ? void 0 : i.singleStep
       ),
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: l(
+            className: p(
               "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",
-              o == null ? void 0 : o.numeric
+              i == null ? void 0 : i.numeric
             ),
             children: t
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          d && /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-color-dark", o == null ? void 0 : o.title), children: n }),
+        /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-2"), children: [
+          d && /* @__PURE__ */ e.jsx(v, { as: "h4", className: p("text-color-dark", i == null ? void 0 : i.title), children: o }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: r ?? "" },
-              className: l("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description)
+              className: p("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.description)
             }
           )
         ] })
       ]
     }
   );
-}, Rt = ({ headline: o, details: t, variant: i, classes: n }) => /* @__PURE__ */ e.jsx("section", { id: "stepper", className: n == null ? void 0 : n.root, children: /* @__PURE__ */ e.jsx(w, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ e.jsx(y, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: o }),
+}, Ve = ({ headline: i, details: t, variant: n, classes: o }) => /* @__PURE__ */ e.jsx("section", { id: f.stepper, "data-test-id": f.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ e.jsx(N, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+  /* @__PURE__ */ e.jsx(v, { as: "h2", className: p("text-color-dark", o == null ? void 0 : o.headline), children: i }),
   /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l(
+      className: p(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-        n == null ? void 0 : n.stepsWrapper
+        o == null ? void 0 : o.stepsWrapper
       ),
-      children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Me, { variant: i, ...r, index: d + 1, classes: n == null ? void 0 : n.step }, r.description))
+      children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Ft, { variant: n, ...r, index: d + 1, classes: o == null ? void 0 : o.step }, r.description))
     }
   )
-] }) }) }), He = c("", {
+] }) }) }), Lt = g("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -538,7 +563,7 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Fe = c("", {
+}), zt = g("", {
   variants: {
     intent: {
       twoItems: "",
@@ -570,7 +595,7 @@ const ke = (o) => xe(() => {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Le = c("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), Ot = g("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',
@@ -580,7 +605,7 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     intent: "twoItems"
   }
-}), ze = c("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Rt = g("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -606,53 +631,53 @@ const ke = (o) => xe(() => {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Oe = ({ data: o, intent: t }) => {
+}), Dt = ({ data: i, intent: t }) => {
   const {
-    title: i,
-    description: n,
+    title: n,
+    description: o,
     popover: r = {
       enabled: !1
     }
-  } = o;
-  return /* @__PURE__ */ e.jsx("li", { className: l(Le({ intent: t })), children: /* @__PURE__ */ e.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ e.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: i }),
-      r.enabled && /* @__PURE__ */ e.jsx(ne, { triggerElement: /* @__PURE__ */ e.jsx(b, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r.text })
+  } = i;
+  return /* @__PURE__ */ e.jsx("li", { className: p(Ot({ intent: t })), children: /* @__PURE__ */ e.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: p("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ e.jsx("h4", { className: p("mob-title-bold-m text-color-dark"), children: n }),
+      r.enabled && /* @__PURE__ */ e.jsx(it, { triggerElement: /* @__PURE__ */ e.jsx(j, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r.text })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ e.jsx("div", { className: p("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
   ] }) });
-}, F = ({ intent: o, headline: t, desktopHidden: i = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: l(He({ intent: o, desktopHidden: i, mobileHidden: n })), children: t }), Re = ({ details: o, intent: t, withButton: i }) => /* @__PURE__ */ e.jsx("ul", { className: l(Fe({ intent: t, withButton: i })), children: o == null ? void 0 : o.map((n, r) => /* @__PURE__ */ e.jsx(Oe, { intent: t, data: n }, r)) }), Dt = ({
-  headline: o,
+}, L = ({ intent: i, headline: t, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: p(Lt({ intent: i, desktopHidden: n, mobileHidden: o })), children: t }), Vt = ({ details: i, intent: t, withButton: n }) => /* @__PURE__ */ e.jsx("ul", { className: p(zt({ intent: t, withButton: n })), children: i == null ? void 0 : i.map((o, r) => /* @__PURE__ */ e.jsx(Dt, { intent: t, data: o }, r)) }), We = ({
+  headline: i,
   buttonConfig: t,
-  intent: i = "twoItems",
-  details: n,
+  intent: n = "twoItems",
+  details: o,
   image: r,
   classes: d
 }) => {
-  const p = i === "fourItems", x = i === "twoItems", a = r && "url" in r && j.isObject(r) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: r.url }) : r;
-  return /* @__PURE__ */ e.jsx("section", { id: "long-banner", className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(w, { className: l(d == null ? void 0 : d.container), children: [
-    x && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o }),
+  const x = n === "fourItems", m = n === "twoItems", l = r && "url" in r && k.isObject(r) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: r.url }) : r;
+  return /* @__PURE__ */ e.jsx("section", { id: f.longBanner, "data-test-id": f.longBanner, className: p(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(N, { className: p(d == null ? void 0 : d.container), children: [
+    m && /* @__PURE__ */ e.jsx(L, { intent: n, headline: i }),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: l(
+        className: p(
           "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
         ),
         children: [
-          p && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o, desktopHidden: !0 }),
-          /* @__PURE__ */ e.jsx("div", { className: l(ze({ intent: i, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: a }),
+          x && /* @__PURE__ */ e.jsx(L, { intent: n, headline: i, desktopHidden: !0 }),
+          /* @__PURE__ */ e.jsx("div", { className: p(Rt({ intent: n, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: l }),
           /* @__PURE__ */ e.jsxs(
             "div",
             {
-              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              className: p("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                p && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o, mobileHidden: !0 }),
-                /* @__PURE__ */ e.jsx(Re, { details: n, intent: i, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                x && /* @__PURE__ */ e.jsx(L, { intent: n, headline: i, mobileHidden: !0 }),
+                /* @__PURE__ */ e.jsx(Vt, { details: o, intent: n, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ e.jsx(
-                  v,
+                  C,
                   {
-                    className: l("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: p("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
                     intent: "secondary",
                     ...t.buttonContent
@@ -665,33 +690,33 @@ const ke = (o) => xe(() => {
       }
     )
   ] }) });
-}, L = {
+}, z = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, P = ({ children: o, isLoading: t, classes: i, loaderProps: n }) => /* @__PURE__ */ e.jsx(
+}, A = ({ children: i, isLoading: t, classes: n, loaderProps: o }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     tabIndex: 0,
-    className: l(
+    className: p(
       "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",
-      i == null ? void 0 : i.root
+      n == null ? void 0 : n.root
     ),
     children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: l(
+        className: p(
           "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 },
-          i == null ? void 0 : i.wrapper
+          n == null ? void 0 : n.wrapper
         ),
-        children: t ? /* @__PURE__ */ e.jsx(ie, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : o
+        children: t ? /* @__PURE__ */ e.jsx(dt, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : i
       }
     )
   }
-), De = ({ ...o }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
+), Wt = ({ ...i }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
   /* @__PURE__ */ e.jsx(
     "path",
     {
@@ -719,22 +744,22 @@ const ke = (o) => xe(() => {
     /* @__PURE__ */ e.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ e.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), A = ({ mainLink: o, subLink: t, isMobile: i, classes: n }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), s = ({ mainLink: i, subLink: t, isMobile: n, classes: o }) => /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
   /* @__PURE__ */ e.jsx(
     "a",
     {
-      href: o.href,
+      href: i.href,
       target: "_blank",
       rel: "noreferrer",
-      className: l(
+      className: p(
         '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
+        o == null ? void 0 : o.linksMainLink
       ),
-      children: i ? o.mobileTitle : o.title
+      children: n ? i.mobileTitle : i.title
     }
   ),
   (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ e.jsx(
-    H,
+    F,
     {
       intent: "blue",
       withUnderline: !0,
@@ -742,79 +767,79 @@ const ke = (o) => xe(() => {
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: p("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
       },
       children: t == null ? void 0 : t.text
     }
   )
-] }), U = ({ mainLink: o, subLink: t, isLoading: i, badge: n, loaderProps: r, classes: d }) => {
-  const { isMobile: p } = C();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: i, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
+] }), U = ({ mainLink: i, subLink: t, isLoading: n, badge: o, loaderProps: r, classes: d }) => {
+  const { isMobile: x } = I();
+  return /* @__PURE__ */ e.jsx(A, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: l(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !o && x },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+        /* @__PURE__ */ e.jsxs("div", { className: p("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx(b, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ e.jsx(b, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ e.jsx(b, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ e.jsx(j, { name: "logos/mts", className: p("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
+            /* @__PURE__ */ e.jsx(j, { name: "logos/megafon", className: p("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
+            /* @__PURE__ */ e.jsx(j, { name: "logos/beeline", className: p("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
           ] }),
-          /* @__PURE__ */ e.jsx(A, { mainLink: o, subLink: t, isMobile: p, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ e.jsx(s, { mainLink: i, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ e.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        o && /* @__PURE__ */ e.jsx(D, { className: p("bg-color-positive", d == null ? void 0 : d.badge), children: o })
       ]
     }
   ) });
-}, W = ({ mainLink: o, subLink: t, isLoading: i, badge: n, loaderProps: r, classes: d }) => {
-  const { isMobile: p } = C();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: i, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
+}, G = ({ mainLink: i, subLink: t, isLoading: n, badge: o, loaderProps: r, classes: d }) => {
+  const { isMobile: x } = I();
+  return /* @__PURE__ */ e.jsx(A, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: l(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !o && x },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ e.jsx(De, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ e.jsx(A, { mainLink: o, subLink: t, isMobile: p, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+        /* @__PURE__ */ e.jsxs("div", { className: p("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+          /* @__PURE__ */ e.jsx(Wt, { className: p("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ e.jsx(s, { mainLink: i, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ e.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        o && /* @__PURE__ */ e.jsx(D, { className: p("bg-color-positive", d == null ? void 0 : d.badge), children: o })
       ]
     }
   ) });
-}, Ve = (o) => {
-  switch (o.mode) {
-    case L.ESIA:
-      return /* @__PURE__ */ e.jsx(W, { ...o });
-    case L.MOBILE_ID:
-      return /* @__PURE__ */ e.jsx(U, { ...o });
-    case L.COMBINE:
+}, Ut = (i) => {
+  switch (i.mode) {
+    case z.ESIA:
+      return /* @__PURE__ */ e.jsx(G, { ...i });
+    case z.MOBILE_ID:
+      return /* @__PURE__ */ e.jsx(U, { ...i });
+    case z.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: i, subtitle: n, badge: r, classes: d } = o, p = !n && !r ? E.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: n, subtitle: o, badge: r, classes: d } = i, x = !o && !r ? B.Fragment : "div";
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: l(
+          className: p(
             "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
           ),
           children: [
-            /* @__PURE__ */ e.jsxs(p, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              n && /* @__PURE__ */ e.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              r && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: r })
+            /* @__PURE__ */ e.jsxs(x, { className: p("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
+              o && /* @__PURE__ */ e.jsx("h5", { className: p("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: o }),
+              r && /* @__PURE__ */ e.jsx(D, { className: p("bg-color-positive", d == null ? void 0 : d.badge), children: r })
             ] }),
-            /* @__PURE__ */ e.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
+            /* @__PURE__ */ e.jsxs("div", { className: p("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ e.jsx(
-                W,
+                G,
                 {
                   ...t,
                   classes: {
@@ -827,11 +852,11 @@ const ke = (o) => xe(() => {
               /* @__PURE__ */ e.jsx(
                 U,
                 {
-                  ...i,
+                  ...n,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...i.classes
+                    ...n.classes
                   }
                 }
               )
@@ -840,45 +865,45 @@ const ke = (o) => xe(() => {
         }
       );
   }
-}, Vt = (o) => Ve(o), G = ({ links: o, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: o == null ? void 0 : o.map(({ path: i, label: n }) => /* @__PURE__ */ e.jsx(
-  H,
+}, Ue = (i) => Ut(i), Z = ({ links: i, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: p("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: i == null ? void 0 : i.map(({ path: n, label: o }) => /* @__PURE__ */ e.jsx(
+  F,
   {
     classes: {
-      link: l("w-max", t == null ? void 0 : t.linkText),
-      icon: l(t == null ? void 0 : t.linkIcon)
+      link: p("w-max", t == null ? void 0 : t.linkText),
+      icon: p(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
-    href: i,
-    children: n
+    href: n,
+    children: o
   },
-  i
-)) }), Ue = ({ groupLabel: o, links: t, mobileAccordionProps: i, classes: n }) => {
-  var d, p, x;
-  const { isMobile: r } = C();
-  return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  n
+)) }), Gt = ({ groupLabel: i, links: t, mobileAccordionProps: n, classes: o }) => {
+  var d, x, m;
+  const { isMobile: r } = I();
+  return /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col gap-2", o == null ? void 0 : o.columnGroup), children: [
     !r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: o }),
-      /* @__PURE__ */ e.jsx(G, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ e.jsx("h5", { className: p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.columnGroupHeading), children: i }),
+      /* @__PURE__ */ e.jsx(Z, { links: t, classes: o == null ? void 0 : o.linksList }, "desktop")
     ] }),
     r && /* @__PURE__ */ e.jsx(
-      B,
+      _,
       {
         defaultOpen: !0,
-        label: o,
-        icon: /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...i,
+        label: i,
+        icon: /* @__PURE__ */ e.jsx(j, { name: "arrows/arrowRight", className: p("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...n,
         classes: {
-          ...i == null ? void 0 : i.classes,
+          ...n == null ? void 0 : n.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (p = (d = i == null ? void 0 : i.classes) == null ? void 0 : d.header) == null ? void 0 : p.trigger)
+            trigger: p("p-0 bg-color-blue-grey-100", (x = (d = n == null ? void 0 : n.classes) == null ? void 0 : d.header) == null ? void 0 : x.trigger)
           },
-          contentInner: l("py-2 px-4", (x = i == null ? void 0 : i.classes) == null ? void 0 : x.contentInner)
+          contentInner: p("py-2 px-4", (m = n == null ? void 0 : n.classes) == null ? void 0 : m.contentInner)
         },
-        children: /* @__PURE__ */ e.jsx(G, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ e.jsx(Z, { links: t, classes: o == null ? void 0 : o.linksList }, "mobile")
       }
     )
   ] });
-}, We = ({ column: o, mobileAccordionProps: t, classes: i }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", i == null ? void 0 : i.column), children: o == null ? void 0 : o.map((n) => /* @__PURE__ */ e.jsx(Ue, { ...t, ...n, classes: i == null ? void 0 : i.columnGroup }, n.groupLabel)) }), Ge = c("grid gap-4 grid-cols-1", {
+}, Zt = ({ column: i, mobileAccordionProps: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: p("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ e.jsx(Gt, { ...t, ...o, classes: n == null ? void 0 : n.columnGroup }, o.groupLabel)) }), $t = g("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -889,72 +914,81 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     variant: "fourCols"
   }
-}), Ut = ({
-  variant: o,
+}), Ge = ({
+  variant: i,
   details: t,
-  headline: i,
-  mobileAccordionProps: n,
+  headline: n,
+  mobileAccordionProps: o,
   rootAccordionProps: r,
   classes: d
 }) => {
-  var p, x, a;
-  return /* @__PURE__ */ e.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsx(
-    B,
+  var x, m, l;
+  return /* @__PURE__ */ e.jsx(
+    "section",
     {
-      defaultOpen: !0,
-      label: /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: i }),
-      ...r,
-      classes: {
-        ...r == null ? void 0 : r.classes,
-        header: {
-          trigger: l("bg-color-blue-grey-100", (x = (p = r == null ? void 0 : r.classes) == null ? void 0 : p.header) == null ? void 0 : x.trigger)
-        },
-        content: l("max-w-full bg-color-blue-grey-100 relative", (a = r == null ? void 0 : r.classes) == null ? void 0 : a.content)
-      },
-      children: /* @__PURE__ */ e.jsx("div", { className: l(Ge({ variant: o }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(We, { ...m, ...n, classes: d == null ? void 0 : d.column }, u)) })
+      id: f.interLinking,
+      "data-test-id": f.interLinking,
+      className: p("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
+      children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(
+        _,
+        {
+          defaultOpen: !0,
+          label: /* @__PURE__ */ e.jsx(v, { as: "h4", className: p("text-left", d == null ? void 0 : d.headline), children: n }),
+          ...r,
+          classes: {
+            ...r == null ? void 0 : r.classes,
+            header: {
+              trigger: p("bg-color-blue-grey-100", (m = (x = r == null ? void 0 : r.classes) == null ? void 0 : x.header) == null ? void 0 : m.trigger)
+            },
+            content: p("max-w-full bg-color-blue-grey-100 relative", (l = r == null ? void 0 : r.classes) == null ? void 0 : l.content)
+          },
+          children: /* @__PURE__ */ e.jsx("div", { className: p($t({ variant: i }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((u, a) => /* @__PURE__ */ e.jsx(Zt, { ...u, ...o, classes: d == null ? void 0 : d.column }, a)) })
+        }
+      ) })
     }
-  ) }) });
-}, Ze = ({ tabsNames: o, activeTab: t, setActiveTab: i }) => /* @__PURE__ */ e.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: o && o.map((n, r) => /* @__PURE__ */ e.jsx(
+  );
+}, Xt = ({ tabsNames: i, activeTab: t, setActiveTab: n, classes: o }) => /* @__PURE__ */ e.jsx("div", { className: p("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: i && i.map((r, d) => /* @__PURE__ */ e.jsx(
   "button",
   {
-    onClick: () => i(r),
-    className: l(
+    onClick: () => n(d),
+    className: p(
       "desktop:kpy-3 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 === r
-      }
+        "bg-icon-primary-default text-color-white": t === d
+      },
+      o == null ? void 0 : o.button
     ),
-    children: n
+    children: r
   },
-  n
-)) }), $e = (o) => o.variant === "HTML", Xe = (o) => o.variant === "DOCUMENTS", qe = (o) => o.variant === "TABLE", Je = ({ html: o, config: t }) => {
-  const i = /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: o ?? "" } });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: t == null ? void 0 : t.accordionTitle, children: i }) : i });
-}, Ke = (o, t) => ({
-  rows: o == null ? void 0 : o.map(({ row: i }) => ({
-    row: i == null ? void 0 : i.map((n, r) => {
+  r
+)) }), qt = (i) => i.variant === "HTML", Jt = (i) => i.variant === "DOCUMENTS", Kt = (i) => i.variant === "TABLE", Qt = ({ html: i, config: t, classes: n, accordionConfig: o }) => {
+  const r = /* @__PURE__ */ e.jsx("div", { className: p(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: i ?? "" } });
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(_, { label: t == null ? void 0 : t.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? r }) : r });
+}, Yt = (i, t) => ({
+  rows: i == null ? void 0 : i.map(({ row: n }) => ({
+    row: n == null ? void 0 : n.map((o, r) => {
       var d;
       return {
-        ...n,
+        ...o,
         heading: t && ((d = t[r]) == null ? void 0 : d.heading)
       };
     })
   }))
-}), Qe = c("flex flex-col", {
+}), Pt = g("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Ye = c("grid px-4 mb-4", {
+}), At = g("grid px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), Pe = ({ headings: o, columnsVariant: t }) => /* @__PURE__ */ e.jsx("div", { className: l(Ye({ columnsVariant: t })), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx("div", { className: "text-color-secondary", children: i == null ? void 0 : i.heading }, i == null ? void 0 : i.heading)) }), Ae = c("grid items-center", {
+}), st = ({ headings: i, columnsVariant: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: p(At({ columnsVariant: t }), n == null ? void 0 : n.row), children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ e.jsx("div", { className: p("text-color-secondary", n == null ? void 0 : n.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), te = g("grid items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -965,51 +999,89 @@ const ke = (o) => xe(() => {
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), se = ({ row: o, tableVariant: t, columnsVariant: i, rowIndex: n }) => /* @__PURE__ */ e.jsx("div", { className: l(Ae({ columnsVariant: i, tableVariant: t }), { "border-none": n === 0 }), children: o == null ? void 0 : o.map(({ cell: r }, d) => /* @__PURE__ */ e.jsx("div", { className: l("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }), children: r && r }, d)) }), et = c("flex flex-col gap-2", {
+}), ee = ({ row: i, tableVariant: t, columnsVariant: n, rowIndex: o, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: p(te({ columnsVariant: n, tableVariant: t }), { "border-none": o === 0 }, r == null ? void 0 : r.row), children: i == null ? void 0 : i.map(({ cell: d }, x) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: p("desk-body-regular-l text-color-dark", { "font-medium": x !== 0 }, r == null ? void 0 : r.cell),
+    children: d && d
+  },
+  x
+)) }), re = g("flex 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"
     }
   }
-}), tt = ({ row: o, tableVariant: t, columnsVariant: i, headingsExist: n }) => /* @__PURE__ */ e.jsx("div", { className: l(et({ tableVariant: t })), children: o == null ? void 0 : o.map(({ cell: r, heading: d }, p) => /* @__PURE__ */ e.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
-  d && /* @__PURE__ */ e.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: d }),
+}), oe = ({ row: i, tableVariant: t, columnsVariant: n, headingsExist: o, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: p(re({ tableVariant: t }), r == null ? void 0 : r.row), children: i == null ? void 0 : i.map(({ cell: d, heading: x }, m) => /* @__PURE__ */ e.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, r == null ? void 0 : r.wrapper), children: [
+  x && /* @__PURE__ */ e.jsx("div", { className: p("mob-body-regular-l text-color-secondary", r == null ? void 0 : r.heading), children: x }),
   /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l("mob-body-regular-l text-color-dark", {
-        "font-medium": p !== 0 && i === "twoCols" || i === "threeCols" || i === "twoCols" && n
-      }),
-      children: r
+      className: p(
+        "mob-body-regular-l text-color-dark",
+        {
+          "font-medium": m !== 0 && n === "twoCols" || n === "threeCols" || n === "twoCols" && o
+        },
+        r == null ? void 0 : r.cell
+      ),
+      children: d
     }
   )
-] }, p)) }), rt = ({ tableVariant: o, rows: t, headings: i, columnsVariant: n }) => {
-  var x;
-  const { isDesktop: r } = C(), d = ((x = Ke(t, i)) == null ? void 0 : x.rows) ?? [], p = !!(i && i.length > 0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
-    r && p && /* @__PURE__ */ e.jsx(Pe, { headings: i, columnsVariant: n }),
-    r ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((a, m) => /* @__PURE__ */ e.jsx(se, { rowIndex: m, tableVariant: o, columnsVariant: n, ...a }, m)) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: d == null ? void 0 : d.map((a, m) => /* @__PURE__ */ e.jsx(
-      tt,
+] }, m)) }), ne = ({ tableVariant: i, rows: t, headings: n, columnsVariant: o, classes: r }) => {
+  var l;
+  const { isDesktop: d } = I(), x = ((l = Yt(t, n)) == null ? void 0 : l.rows) ?? [], m = !!(n && n.length > 0);
+  return /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-col", r == null ? void 0 : r.wrapper), children: [
+    d && m && /* @__PURE__ */ e.jsx(st, { headings: n, columnsVariant: o, classes: r == null ? void 0 : r.desktopHeading }),
+    d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((u, a) => /* @__PURE__ */ e.jsx(
+      ee,
       {
-        headingsExist: p,
-        tableVariant: o,
-        columnsVariant: n,
-        ...a
+        rowIndex: a,
+        tableVariant: i,
+        columnsVariant: o,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...u
       },
-      m
+      a
+    )) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: x == null ? void 0 : x.map((u, a) => /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        headingsExist: m,
+        tableVariant: i,
+        columnsVariant: o,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...u
+      },
+      a
     )) })
   ] });
-}, ot = ({ tableVariant: o, description: t, columnsVariant: i, config: n, rows: r, title: d, headings: p }) => {
-  const x = /* @__PURE__ */ e.jsxs("div", { className: l(Qe({ columnsVariant: i })), children: [
-    d && /* @__PURE__ */ e.jsx(y, { as: "h4", className: "mb-4 desktop:mb-6", children: d }),
-    /* @__PURE__ */ e.jsx(rt, { tableVariant: o, rows: r, headings: p, columnsVariant: i }),
-    t && /* @__PURE__ */ e.jsx("div", { className: "mt-2 [&&]:desk-body-regular-m desktop:mt-2", dangerouslySetInnerHTML: { __html: t ?? "" } })
+}, ie = ({
+  tableVariant: i,
+  description: t,
+  columnsVariant: n,
+  config: o,
+  rows: r,
+  title: d,
+  headings: x,
+  accordionConfig: m,
+  classes: l
+}) => {
+  const u = /* @__PURE__ */ e.jsxs("div", { className: p(Pt({ columnsVariant: n }), l == null ? void 0 : l.wrapper), children: [
+    d && /* @__PURE__ */ e.jsx(v, { as: "h4", className: p("mb-4 desktop:mb-6", l == null ? void 0 : l.headline), children: d }),
+    /* @__PURE__ */ e.jsx(ne, { tableVariant: i, rows: r, headings: x, columnsVariant: n }),
+    t && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: p("mt-2 [&&]:desk-body-regular-m desktop:mt-2", l == null ? void 0 : l.description),
+        dangerouslySetInnerHTML: { __html: t ?? "" }
+      }
+    )
   ] });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: n == null ? void 0 : n.accordionTitle, children: x }) : x });
-}, nt = {
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ e.jsx(_, { label: o == null ? void 0 : o.accordionTitle, ...m, children: (m == null ? void 0 : m.children) || u }) : u });
+}, de = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, it = c("size-8 transition-colors", {
+}, pe = g("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1019,62 +1091,88 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), dt = ({ label: o, size: t, url: i, iconType: n }) => /* @__PURE__ */ e.jsxs(
+}), xe = ({ label: i, size: t, url: n, iconType: o, classes: r }) => /* @__PURE__ */ e.jsxs(
   "a",
   {
-    href: i,
+    href: n,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: l(
-      "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"
+    className: p(
+      "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",
+      r == null ? void 0 : r.link
     ),
     children: [
-      /* @__PURE__ */ e.jsx(b, { name: nt[n], className: l(it({ iconType: n })) }),
-      /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ e.jsx("p", { className: l("desk-body-medium-l text-color-dark"), children: o }),
-        /* @__PURE__ */ e.jsxs("div", { className: l("desk-body-regular-m text-color-disabled"), children: [
+      /* @__PURE__ */ e.jsx(j, { name: de[o], className: p(pe({ iconType: o }), r == null ? void 0 : r.icon) }),
+      /* @__PURE__ */ e.jsxs("div", { className: p("flex flex-1 flex-col", r == null ? void 0 : r.wrapper), children: [
+        /* @__PURE__ */ e.jsx("p", { className: p("desk-body-medium-l text-color-dark", r == null ? void 0 : r.label), children: i }),
+        /* @__PURE__ */ e.jsxs("div", { className: p("desk-body-regular-m text-color-disabled", r == null ? void 0 : r.size), children: [
           Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), lt = ({ docs: o, config: t, title: i, iconType: n, description: r }) => {
-  const d = /* @__PURE__ */ e.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
-    i && /* @__PURE__ */ e.jsx(y, { as: "h3", className: "mb-4", children: i }),
-    /* @__PURE__ */ e.jsx("div", { className: "gap- flex flex-col gap-4", children: o == null ? void 0 : o.map((p) => /* @__PURE__ */ e.jsx(dt, { iconType: n, ...p }, p.label)) }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: r ?? "" } })
+), me = ({ docs: i, config: t, title: n, iconType: o, description: r, classes: d, accordionConfig: x }) => {
+  const m = /* @__PURE__ */ e.jsxs("div", { className: p("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+    n && /* @__PURE__ */ e.jsx(v, { as: "h3", className: "mb-4", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: p("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: i == null ? void 0 : i.map((l) => /* @__PURE__ */ e.jsx(xe, { iconType: o, ...l, classes: d == null ? void 0 : d.singleDocument }, l.label)) }),
+    r && /* @__PURE__ */ e.jsx("div", { className: p("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: r ?? "" } })
   ] });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: t == null ? void 0 : t.accordionTitle, children: d }) : d });
-}, pt = (o) => {
-  var t, i, n;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(_, { label: t == null ? void 0 : t.accordionTitle, ...x, children: (x == null ? void 0 : x.children) || m }) : m });
+}, le = ({ entity: i, classes: t, accordionsConfig: n }) => {
+  var o, r, d;
   switch (!0) {
-    case $e(o):
-      return (t = o.details) == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Je, { ...r }, d));
-    case Xe(o):
-      return (i = o.details) == null ? void 0 : i.map((r, d) => /* @__PURE__ */ e.jsx(lt, { ...r }, d));
-    case qe(o):
-      return (n = o.details) == null ? void 0 : n.map((r, d) => /* @__PURE__ */ e.jsx(ot, { ...r }, d));
+    case qt(i):
+      return (o = i.details) == null ? void 0 : o.map((x, m) => {
+        var l;
+        return /* @__PURE__ */ e.jsx(Qt, { ...x, accordionConfig: n == null ? void 0 : n.htmlAccordion, classes: (l = t == null ? void 0 : t.entities) == null ? void 0 : l.html }, m);
+      });
+    case Jt(i):
+      return (r = i.details) == null ? void 0 : r.map((x, m) => {
+        var l;
+        return /* @__PURE__ */ e.jsx(
+          me,
+          {
+            accordionConfig: n == null ? void 0 : n.documentAccordion,
+            ...x,
+            classes: (l = t == null ? void 0 : t.entities) == null ? void 0 : l.documents
+          },
+          m
+        );
+      });
+    case Kt(i):
+      return (d = i.details) == null ? void 0 : d.map((x, m) => {
+        var l;
+        return /* @__PURE__ */ e.jsx(
+          ie,
+          {
+            accordionConfig: n == null ? void 0 : n.tableAccordion,
+            ...x,
+            classes: (l = t == null ? void 0 : t.entities) == null ? void 0 : l.table
+          },
+          m
+        );
+      });
     default:
       return null;
   }
-}, xt = ({ entity: o }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-6", children: pt(o) }), Wt = ({ headline: o, tabs: t }) => {
-  var d, p;
-  const [i, n] = _(0), r = $(() => t == null ? void 0 : t.map((x) => x == null ? void 0 : x.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id: "useful-info", children: /* @__PURE__ */ e.jsxs(w, { children: [
-    /* @__PURE__ */ e.jsx(y, { as: "h2", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ e.jsx(Ze, { tabsNames: r, activeTab: i, setActiveTab: n }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (p = (d = t == null ? void 0 : t[i]) == null ? void 0 : d.contents) == null ? void 0 : p.map((x, a) => /* @__PURE__ */ e.jsx(xt, { ...x }, a)) })
+}, ue = ({ entity: i, classes: t, accordionsConfig: n }) => /* @__PURE__ */ e.jsx("div", { className: p("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: le({ entity: i, classes: t, accordionsConfig: n }) }), Ze = ({ headline: i, tabs: t, classes: n, accordionsConfig: o }) => {
+  var m, l;
+  const [r, d] = S(0), x = X(() => t == null ? void 0 : t.map((u) => u == null ? void 0 : u.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id: f.usefulInfo, "data-test-id": f.usefulInfo, className: p(n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(N, { className: p(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ e.jsx(v, { className: p(n == null ? void 0 : n.headline), as: "h2", children: i }),
+    /* @__PURE__ */ e.jsx("div", { className: p("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ e.jsx(Xt, { tabsNames: x, activeTab: r, setActiveTab: d, classes: n == null ? void 0 : n.tabs }) }),
+    /* @__PURE__ */ e.jsx("div", { className: p("mt-6 flex flex-col gap-6", n == null ? void 0 : n.contentWrapper), children: (l = (m = t == null ? void 0 : t[r]) == null ? void 0 : m.contents) == null ? void 0 : l.map((u, a) => /* @__PURE__ */ e.jsx(ue, { accordionsConfig: o, ...u, classes: n == null ? void 0 : n.entityClasses }, a)) })
   ] }) });
-}, at = ({ fields: o, control: t }) => o.map(({ type: i, args: n }) => {
-  const r = de[i];
-  return /* @__PURE__ */ X(r, { ...n, key: n.name, control: t });
+}, ae = ({ fields: i, control: t }) => i.map(({ type: n, args: o }) => {
+  const r = pt[n];
+  return /* @__PURE__ */ q(r, { ...o, key: o.name, control: t });
 });
-class mt {
+class he {
   constructor(t) {
-    I(this, "TEXT_NODE", 3);
-    I(this, "ELEMENT_NODE", 1);
+    T(this, "TEXT_NODE", 3);
+    T(this, "ELEMENT_NODE", 1);
     this.options = t;
   }
   /**
@@ -1083,37 +1181,37 @@ class mt {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(t, i = "string", n) {
-    const { includeSolidText: r, recursive: d, element: p } = this.options || {};
+  traverse(t, n = "string", o) {
+    const { includeSolidText: r, recursive: d, element: x } = this.options || {};
     switch (t.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const x = t, a = x.tagName.toLowerCase();
-        if (a === "script") {
+        const m = t, l = m.tagName.toLowerCase();
+        if (l === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
         }
-        if (p && a !== p)
+        if (x && l !== x)
           break;
-        if (i === "node")
-          n.push(t);
+        if (n === "node")
+          o.push(t);
         else {
-          const m = x.outerHTML.trim();
-          n.push(m);
+          const u = m.outerHTML.trim();
+          o.push(u);
         }
         if (d)
-          for (const m of t.childNodes)
-            this.traverse(m, i, n);
+          for (const u of t.childNodes)
+            this.traverse(u, n, o);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
         if (!r)
           break;
-        if (i === "node")
-          n.push(t);
+        if (n === "node")
+          o.push(t);
         else {
-          const m = t.textContent;
-          m && n.push(m);
+          const u = t.textContent;
+          u && o.push(u);
         }
         break;
     }
@@ -1124,13 +1222,13 @@ class mt {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(t, i = "string") {
-    const { includeBody: n } = this.options || {}, r = [], d = [], p = await this.parseFromString(t), x = i === "string" ? r : d;
-    if (n)
-      this.traverse(p.body, i, x);
+  async parse(t, n = "string") {
+    const { includeBody: o } = this.options || {}, r = [], d = [], x = await this.parseFromString(t), m = n === "string" ? r : d;
+    if (o)
+      this.traverse(x.body, n, m);
     else
-      for (const a of p.body.childNodes)
-        this.traverse(a, i, x);
+      for (const l of x.body.childNodes)
+        this.traverse(l, n, m);
     return { stringNodes: r, nodes: d };
   }
   /**
@@ -1139,27 +1237,27 @@ class mt {
    * @returns Количество найденных тегов
    */
   async countElements(t) {
-    const { stringNodes: i } = await this.parse(t, "string");
-    return i.length;
+    const { stringNodes: n } = await this.parse(t, "string");
+    return n.length;
   }
 }
-const ut = typeof window < "u";
-class ft extends Error {
-  constructor(t, i) {
-    super(t), this.originalError = i, this.name = "BrowserHTMLParserError";
+const fe = typeof window < "u";
+class be extends Error {
+  constructor(t, n) {
+    super(t), this.originalError = n, this.name = "BrowserHTMLParserError";
   }
 }
-class ht extends mt {
+class je extends he {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    if (!ut)
-      throw new ft("HTMLParser should only be used in the browser.");
+    if (!fe)
+      throw new be("HTMLParser should only be used in the browser.");
     return new DOMParser().parseFromString(t, "text/html");
   }
 }
-class z {
+class O {
   /**
    * Функция для парсинга ноды в react элемент
    */
@@ -1167,173 +1265,172 @@ class z {
     if (t.nodeType === this.TEXT_NODE)
       return t.textContent ?? null;
     if (t.nodeType === this.ELEMENT_NODE) {
-      const i = t, n = i.tagName.toLowerCase(), r = {};
-      for (const p of i.attributes) {
-        let x = p.name, a = p.value;
-        switch (p.name) {
+      const n = t, o = n.tagName.toLowerCase(), r = {};
+      for (const x of n.attributes) {
+        let m = x.name, l = x.value;
+        switch (x.name) {
           case "class":
-            x = "className";
+            m = "className";
             break;
           case "for":
-            x = "htmlFor";
+            m = "htmlFor";
             break;
           case "checked":
           case "disabled":
           case "selected":
-            a = p.value !== "false", a = p.value !== "false", a = p.value !== "false";
+            l = x.value !== "false", l = x.value !== "false", l = x.value !== "false";
             break;
           case "readonly":
-            x = "readOnly", a = p.value !== "false";
+            m = "readOnly", l = x.value !== "false";
             break;
           case "style":
-            x = "style";
-            const m = {};
-            p.value.split(";").forEach((u) => {
-              const [f, h] = u.split(":");
-              if (f && h) {
-                const g = f.trim().replace(/-([a-z])/g, (k, N) => N.toUpperCase());
-                m[g] = h.trim();
+            m = "style";
+            const u = {};
+            x.value.split(";").forEach((a) => {
+              const [h, b] = a.split(":");
+              if (h && b) {
+                const y = h.trim().replace(/-([a-z])/g, (w, c) => c.toUpperCase());
+                u[y] = b.trim();
               }
-            }), a = m;
+            }), l = u;
             break;
         }
-        r[x] = a;
+        r[m] = l;
       }
       r.key = Math.random().toString(36).substring(2, 9);
       const d = [];
-      for (const p of i.childNodes) {
-        const x = this.parseNode(p);
-        x && d.push(x);
+      for (const x of n.childNodes) {
+        const m = this.parseNode(x);
+        m && d.push(m);
       }
-      return X(n, r, ...d);
+      return q(o, r, ...d);
     }
     return null;
   }
   /**
    * функция для преобразования html строки в react элементы
    */
-  static async toReactNodes(t, i) {
-    const n = new ht(i), { nodes: r } = await n.parse(t, "node");
+  static async toReactNodes(t, n) {
+    const o = new je(n), { nodes: r } = await o.parse(t, "node");
     return r.map((d) => this.parseNode(d));
   }
 }
-I(z, "TEXT_NODE", 3), I(z, "ELEMENT_NODE", 1);
-const bt = ({ promises: o }) => {
-  const [t, i] = _([]);
-  return q(() => {
+T(O, "TEXT_NODE", 3), T(O, "ELEMENT_NODE", 1);
+const ke = ({ promises: i }) => {
+  const [t, n] = S([]);
+  return J(() => {
     (async () => {
-      i(await o);
+      n(await i);
     })();
-  }, [o]), /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
-}, M = ({ html: o, options: t, as: i }) => {
-  const n = i ?? ae, r = z.toReactNodes(o, t);
-  return /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(bt, { promises: r }) });
-}, jt = ["getFioSchema"], s = (o, t, i) => {
-  const n = o[t];
-  if (j.isNil(n))
+  }, [i]), /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
+}, M = ({ html: i, options: t, as: n }) => {
+  const o = n ?? ut, r = O.toReactNodes(i, t);
+  return /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(ke, { promises: r }) });
+}, ge = ["getFioSchema"], tt = (i, t, n) => {
+  const o = i[t];
+  if (k.isNil(o))
     throw new Error(`validation for type ${String(t)} not found`);
-  if (!j.isFunction(n))
+  if (!k.isFunction(o))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
-  return n(i);
-}, ct = (o, t) => s(Q.base, o, t), kt = (o, t) => s(Q.dadata, o, t), gt = (o) => {
-  const i = o.map((n) => ({ name: n.args.name, validation: n.args.validation })).reduce((n, r) => {
-    const d = jt.includes(r.validation.type) ? kt(
+  return o(n);
+}, we = (i, t) => tt(Y.base, i, t), ye = (i, t) => tt(Y.dadata, i, t), Ne = (i) => {
+  const n = i.map((o) => ({ name: o.args.name, validation: o.args.validation })).reduce((o, r) => {
+    const d = ge.includes(r.validation.type) ? ye(
       r.validation.type,
       r.validation.args
-    ) : ct(
+    ) : we(
       r.validation.type,
       r.validation.args
     );
-    return n[r.name] = d, n;
+    return o[r.name] = d, o;
   }, {});
-  return be(i);
-}, wt = (o, t) => o.enabled ? t.map((i) => ({
-  name: i.args.name,
-  ...i.args.progress
-})) : null, yt = (o, t, i) => o.type === "off" ? null : o.type === "text" ? /* @__PURE__ */ e.jsx(M, { html: o.message, as: "div" }) : /* @__PURE__ */ e.jsxs(
+  return jt(n);
+}, ve = (i, t) => i.enabled ? t.map((n) => ({
+  name: n.args.name,
+  ...n.args.progress
+})) : null, ce = (i, t, n) => i.type === "off" ? null : i.type === "text" ? /* @__PURE__ */ e.jsx(M, { html: i.message, as: "div" }) : /* @__PURE__ */ e.jsxs(
   "label",
   {
-    className: l(
+    className: p(
       "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__ */ e.jsx(pe.CheckboxBase, { checked: t, onCheckedChange: i }),
-      /* @__PURE__ */ e.jsx(M, { html: o.content, as: "div" })
+      /* @__PURE__ */ e.jsx(mt.CheckboxBase, { checked: t, onCheckedChange: n }),
+      /* @__PURE__ */ e.jsx(M, { html: i.content, as: "div" })
     ]
   }
-), Gt = ({
-  fields: o,
+), $e = ({
+  fields: i,
   title: t,
-  progress: i,
-  approvement: n,
+  progress: n,
+  approvement: o,
   chips: r,
   submitContent: d = "Submit"
 }) => {
-  const [p, x] = _(!1), a = gt(o), { control: m, handleSubmit: u } = fe({
-    schema: a,
-    defaultValues: je.getZodDefaults(a),
+  const [x, m] = S(!1), l = Ne(i), { control: u, handleSubmit: a } = ft({
+    schema: l,
+    defaultValues: kt.getZodDefaults(l),
     mode: "onBlur"
-  }), f = wt(i, o), h = ce({ control: m, fields: f || [], schema: a }), g = (k) => {
-    console.warn(k);
+  }), h = ve(n, i), b = gt({ control: u, fields: h || [], schema: l }), y = (w) => {
+    console.warn(w);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col gap-6 rounded-sm border border-warm-grey-200 px-4 py-8 desktop:gap-8 desktop:p-14", children: [
-    r.enabled && /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: l(
-          "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"
-        ),
-        children: [
-          r.image && /* @__PURE__ */ e.jsx(b, { name: r.image, className: "size-4" }),
-          r.content
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(y, { as: "h3", children: t }),
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: u(g), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
-      i.enabled && /* @__PURE__ */ e.jsx(
-        le,
-        {
-          progress: h,
-          topContent: /* @__PURE__ */ e.jsx(M, { html: i.title }),
-          bottomContent: /* @__PURE__ */ e.jsx(M, { html: i.subtitle }),
-          maxPercent: i.maxPercent
-        }
-      ),
-      /* @__PURE__ */ e.jsx(at, { control: m, fields: o }),
-      /* @__PURE__ */ e.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
-        yt(n, p, x),
-        /* @__PURE__ */ e.jsx(
-          O,
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      id: f.form,
+      "data-test-id": f.form,
+      className: "relative flex flex-col gap-6 rounded-sm border border-warm-grey-200 px-4 py-8 desktop:gap-8 desktop:p-14",
+      children: [
+        r.enabled && /* @__PURE__ */ e.jsxs(
+          "div",
           {
-            type: "submit",
-            disabled: n.type === "checkbox" ? !p : !1,
-            className: l("w-full whitespace-nowrap", {
-              "w-full desktop:w-[216px]": !!n
-            }),
-            children: d
+            className: p(
+              "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"
+            ),
+            children: [
+              r.image && /* @__PURE__ */ e.jsx(j, { name: r.image, className: "size-4" }),
+              r.content
+            ]
           }
-        )
-      ] })
-    ] })
-  ] });
-}, Zt = [
-  "header",
-  "footer",
-  "interLinking",
-  "stepper",
-  "usefulInfo",
-  "longBanner",
-  "banner",
-  "benefit"
-], T = () => ({
+        ),
+        /* @__PURE__ */ e.jsx(v, { as: "h3", children: t }),
+        /* @__PURE__ */ e.jsxs("form", { onSubmit: a(y), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
+          n.enabled && /* @__PURE__ */ e.jsx(
+            xt,
+            {
+              progress: b,
+              topContent: /* @__PURE__ */ e.jsx(M, { html: n.title }),
+              bottomContent: /* @__PURE__ */ e.jsx(M, { html: n.subtitle }),
+              maxPercent: n.maxPercent
+            }
+          ),
+          /* @__PURE__ */ e.jsx(ae, { control: u, fields: i }),
+          /* @__PURE__ */ e.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
+            ce(o, x, m),
+            /* @__PURE__ */ e.jsx(
+              R,
+              {
+                type: "submit",
+                disabled: o.type === "checkbox" ? !x : !1,
+                className: p("w-full whitespace-nowrap", {
+                  "w-full desktop:w-[216px]": !!o
+                }),
+                children: d
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, E = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -1348,7 +1445,7 @@ const bt = ({ promises: o }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -1363,7 +1460,7 @@ const bt = ({ promises: o }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -1378,7 +1475,7 @@ const bt = ({ promises: o }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -1391,100 +1488,100 @@ const bt = ({ promises: o }) => {
       text: "Вернуться на главную"
     }
   }
-}), $t = ({ status: o, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(w, { className: "flex flex-col justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), Xe = ({ status: i, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(N, { className: "flex flex-col justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: l(
+      className: p(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${T()[o].icon.bg}`
+        `${E()[i].icon.bg}`
       ),
-      children: T()[o].icon.element
+      children: E()[i].icon.element
     }
   ),
   /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ e.jsx(y, { as: "h2", children: T()[o].title }),
-    /* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: T()[o].description })
+    /* @__PURE__ */ e.jsx(v, { as: "h2", children: E()[i].title }),
+    /* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: E()[i].description })
   ] }),
-  /* @__PURE__ */ e.jsx(O, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: T()[o].button.text })
-] }) }) }), ee = ({ breadcrumb: o, className: t, ...i }) => /* @__PURE__ */ e.jsx("a", { href: o.path, className: l("desk-body-regular-m", t), ...i, children: o.label }), Nt = ({ startsWith: o, endsWith: t, matcher: i, filter: n, rootEnabled: r = !0 }) => {
-  const [d, p] = _([]);
-  return q(() => {
-    if (!K)
+  /* @__PURE__ */ e.jsx(R, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: E()[i].button.text })
+] }) }) }), et = ({ breadcrumb: i, className: t, ...n }) => /* @__PURE__ */ e.jsx("a", { href: i.path, className: p("desk-body-regular-m", t), ...n, children: i.label }), Ce = ({ startsWith: i, endsWith: t, matcher: n, filter: o, rootEnabled: r = !0 }) => {
+  const [d, x] = S([]);
+  return J(() => {
+    if (!Q)
       return;
-    let x = window.location.pathname.split("/").filter((u) => !j.isStringEmpty(u));
-    j.isUndefined(o) || (j.isString(o) ? x = x.slice(x.findIndex((u) => u === o)) : x = x.slice(o)), j.isUndefined(t) || (j.isString(t) ? x = x.slice(0, x.findIndex((u) => u === t) + 1) : x = x.slice(0, t + 1));
-    let a = [], m = "";
+    let m = window.location.pathname.split("/").filter((a) => !k.isStringEmpty(a));
+    k.isUndefined(i) || (k.isString(i) ? m = m.slice(m.findIndex((a) => a === i)) : m = m.slice(i)), k.isUndefined(t) || (k.isString(t) ? m = m.slice(0, m.findIndex((a) => a === t) + 1) : m = m.slice(0, t + 1));
+    let l = [], u = "";
     if (r) {
-      const u = {
+      const a = {
         index: 0,
-        id: D(),
+        id: V(),
         path: "/",
         label: "home"
       };
-      a.push(u);
+      l.push(a);
     }
-    x.forEach((u, f) => {
-      m += `/${u}`;
-      const h = {
+    m.forEach((a, h) => {
+      u += `/${a}`;
+      const b = {
         // while root enabled we need to increment index
         // cuz we have root breadcrumb
-        index: r ? f + 1 : f,
-        id: D(),
-        path: m,
-        label: u
+        index: r ? h + 1 : h,
+        id: V(),
+        path: u,
+        label: a
       };
-      a.push(h);
-    }), i && (a = a.map((u) => ({
-      ...u,
-      ...i(u)
-    }))), p(n ? a.filter(n) : a);
-  }, [t, n, i, r, o]), d;
-}, S = (o, t, i, n) => o.map((r, d) => {
-  const p = d === n;
+      l.push(b);
+    }), n && (l = l.map((a) => ({
+      ...a,
+      ...n(a)
+    }))), x(o ? l.filter(o) : l);
+  }, [t, o, n, r, i]), d;
+}, H = (i, t, n, o) => i.map((r, d) => {
+  const x = d === o;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      ee,
+      et,
       {
         breadcrumb: r,
-        className: l(i, {
-          "pointer-events-none text-color-primary-disabled": p
+        className: p(n, {
+          "pointer-events-none text-color-primary-disabled": x
         })
       }
     ),
-    d !== o.length - 1 && t
+    d !== i.length - 1 && t
   ] }, r.id);
-}), Xt = ({ separator: o, ellipsis: t, classes: i, ...n }) => {
-  const [r, d] = _(!1), p = me(null);
-  he(p, () => d(!1));
-  const x = Nt(n), { first: a, middle: m, last: u } = $(() => {
-    let h = [], g = [], k = [];
-    return t && (h = x.slice(0, t), g = x.slice(t, x.length - t), k = x.slice(x.length - t)), { first: h, middle: g, last: k };
-  }, [x, t]), f = o ?? /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("size-4", i == null ? void 0 : i.separator) });
+}), qe = ({ separator: i, ellipsis: t, classes: n, ...o }) => {
+  const [r, d] = S(!1), x = at(null);
+  bt(x, () => d(!1));
+  const m = Ce(o), { first: l, middle: u, last: a } = X(() => {
+    let b = [], y = [], w = [];
+    return t && (b = m.slice(0, t), y = m.slice(t, m.length - t), w = m.slice(m.length - t)), { first: b, middle: y, last: w };
+  }, [m, t]), h = i ?? /* @__PURE__ */ e.jsx(j, { name: "arrows/arrowRight", className: p("size-4", n == null ? void 0 : n.separator) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l(
+      className: p(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
-        i == null ? void 0 : i.root
+        n == null ? void 0 : n.root
       ),
       children: t ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ e.jsx(e.Fragment, { children: x.length > t * 2 + 1 ? (
+        /* @__PURE__ */ e.jsx(e.Fragment, { children: m.length > t * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            S(a, f, i == null ? void 0 : i.breadcrumb),
-            f,
-            m.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            H(l, h, n == null ? void 0 : n.breadcrumb),
+            h,
+            u.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx("button", { onClick: () => d(!0), children: "..." }),
                 /* @__PURE__ */ e.jsx(
                   "ul",
                   {
-                    ref: p,
-                    className: l(
+                    ref: x,
+                    className: p(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -1492,55 +1589,56 @@ const bt = ({ promises: o }) => {
                         "visible opacity-100": r
                       }
                     ),
-                    children: m.map((h) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-                      ee,
+                    children: u.map((b) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+                      et,
                       {
-                        breadcrumb: h,
-                        className: l(
+                        breadcrumb: b,
+                        className: p(
                           "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",
-                          i == null ? void 0 : i.breadcrumb
+                          n == null ? void 0 : n.breadcrumb
                         )
                       }
-                    ) }, h.id))
+                    ) }, b.id))
                   }
                 )
               ] }),
-              f
+              h
             ] }),
-            S(u, f, i == null ? void 0 : i.breadcrumb, u.length - 1)
+            H(a, h, n == null ? void 0 : n.breadcrumb, a.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          S(x, f, i == null ? void 0 : i.breadcrumb, x.length - 1)
+          H(m, h, n == null ? void 0 : n.breadcrumb, m.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        S(x, f, i == null ? void 0 : i.breadcrumb, x.length - 1)
+        H(m, h, n == null ? void 0 : n.breadcrumb, m.length - 1)
       )
     }
   );
 };
 export {
-  Y as Advantages,
-  Vt as AuthProvider,
-  zt as Banner,
-  V as BannerWithSeparateImg,
-  Ft as Benefit,
-  Xt as Breadcrumbs,
-  v as ButtonWithHandlers,
-  Gt as DynamicForm,
-  $t as FallbacksView,
-  at as FieldMapper,
-  Ot as Footer,
-  ht as HTMLParser,
+  P as Advantages,
+  Ue as AuthProvider,
+  Re as Banner,
+  W as BannerWithSeparateImg,
+  ze as Benefit,
+  qe as Breadcrumbs,
+  C as ButtonWithHandlers,
+  $e as DynamicForm,
+  Xe as FallbacksView,
+  ae as FieldMapper,
+  De as Footer,
+  je as HTMLParser,
   M as HTMLRenderer,
-  Lt as Header,
-  Ut as InterLinking,
-  Dt as LongBanner,
-  Rt as Stepper,
-  Wt as UsefulInfo,
-  Zt as WIDGET_LIST
+  Oe as Header,
+  Ge as InterLinking,
+  We as LongBanner,
+  Ve as Stepper,
+  Ze as UsefulInfo,
+  wt as WIDGET_LIST,
+  f as widgetIds
 };
 //# sourceMappingURL=widget.js.map