@scbt-ecom/ui 0.57.0 → 0.59.0

package/dist/widget.js

@@ -1,17 +1,47 @@
-var re = Object.defineProperty;
-var oe = (r, t, o) => t in r ? re(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
-var C = (r, t, o) => oe(r, typeof t != "symbol" ? t + "" : t, o);
-import { j as e, B as N, c as g, R as k, P as W, b as ne, H as w, I as c, C as F, a as ie, L as de, d as z, A as E, e as le, f as ae, U as xe } from "./index-C8bHj4_Y.js";
-import { s as G, c as Z, g as O } from "./uuid-DQgafI7K.js";
-import { c as l, T as j } from "./typeGuards-Bhdr9KYW.js";
-import { u as v, b as pe, a as me } from "./useDebounce-CK7Ghu8F.js";
-import * as T from "react";
-import { useCallback as ue, useState as B, useMemo as $, createElement as X, Fragment as he, useEffect as q, useRef as fe } from "react";
-import { i as J } from "./isClient-C9aZtt2Q.js";
-import { o as ce } from "./utils-Cc0awqbk.js";
-import { z as K, Z as je } from "./index-DskTH4KE.js";
-import { u as be } from "./useFieldsProgress-BeFcsVuB.js";
-const ge = g(
+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: n, target: o, rel: r } = i;
+      Q && (window == null || window.open(n, o, r));
+      break;
+    }
+    case "scroll": {
+      const { widgetId: n } = i ?? "";
+      ht({ widgetId: n });
+      break;
+    }
+  }
+}, [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: {
@@ -22,52 +52,43 @@ const ge = g(
       }
     }
   }
-), ke = ({
-  subtitle: r,
+), vt = ({
+  subtitle: i,
   title: t,
-  img: o,
-  mobileImg: n,
-  classes: i,
+  img: n,
+  mobileImg: o,
+  classes: r,
   withButton: d,
-  buttonText: a,
-  variant: x,
-  color: m
+  button: x,
+  variant: m,
+  color: l
 }) => {
-  const { isDesktop: u } = v(), p = /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-    N,
-    {
-      intent: "primary",
-      className: l("desktop:w-[200px]", i == null ? void 0 : i.button),
-      onClick: () => G({ widgetId: "stepper" }),
-      size: "lg",
-      children: a
-    }
-  ) });
+  const { isDesktop: u } = I();
   return /* @__PURE__ */ e.jsxs(
     "li",
     {
-      style: { backgroundColor: m ?? "#f4f8fe" },
-      className: l(ge({ variant: x }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.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", i == null ? void 0 : i.wrapper), children: [
-          /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.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: r },
-                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.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 && u && 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 || u) && o && /* @__PURE__ */ e.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: o && "url" in o && j.isObject(o) ? /* @__PURE__ */ e.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: o.url, alt: t }) : o })
+        (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
   );
-}, we = g("grid gap-4", {
+}, ct = g("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -75,310 +96,323 @@ const ge = g(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Lt = ({ headline: r, details: t, variant: o, classes: n }) => /* @__PURE__ */ e.jsx("section", { id: "benefit", className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(k, { 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: r },
-      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(we({ variant: o }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ e.jsx(ke, { variant: o, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
-] }) }), ye = (r) => ue(() => {
-  switch (r.handler) {
-    case "navigate": {
-      const { url: o, target: n, rel: i } = r;
-      J && (window == null || window.open(o, n, i));
-      break;
-    }
-    case "scroll": {
-      const { widgetId: o } = r ?? "";
-      G({ widgetId: o });
-      break;
-    }
-  }
-}, [r]), Ne = ({ handlerOptions: r, ...t }) => {
-  const o = ye(r);
-  return /* @__PURE__ */ e.jsx(N, { onClick: o, ...t, children: t.children });
-}, ve = (r) => {
-  const { variant: t, details: o } = r;
-  switch (t) {
+  /* @__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(Ne, { ...o });
+      return /* @__PURE__ */ e.jsx(C, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ e.jsx(W, { classes: { root: "items-end" }, ...o, phone: Z(o.phone) });
+      return /* @__PURE__ */ e.jsx($, { classes: { root: "items-end" }, ...t, phone: K(t.phone) });
     default:
       return null;
   }
-}, zt = ({ logoPath: r = "/", logoType: t = "main", config: o, classes: n }) => /* @__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(k, { 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: [
-      /* @__PURE__ */ e.jsx(
-        "a",
-        {
-          href: r,
-          "aria-label": "logo",
-          target: "_blank",
-          rel: "noreferrer",
-          className: l(
-            "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-            n == null ? void 0 : n.logo
-          ),
-          children: ne[t]
-        }
-      ),
-      ve(o)
-    ] }) })
-  }
-), Q = ({ buttonsConfig: r, classes: t, className: o }) => {
-  var i;
-  const n = (r == null ? void 0 : r.secondary) && r.secondary.children;
-  return /* @__PURE__ */ e.jsxs(
-    "div",
+}, Oe = (i) => {
+  const { logoPath: t = "/", logoType: n = "main", classes: o } = i;
+  return /* @__PURE__ */ e.jsx(
+    "header",
     {
-      "data-id": "banner-buttons-group",
-      className: l(
-        "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
-        { "flex items-center gap-4": n },
-        t == null ? void 0 : t.group,
-        o
-      ),
-      children: [
-        /* @__PURE__ */ e.jsx(N, { intent: "primary", ...r.primary, isFull: !0, className: l("desktop:max-w-[216px]", t == null ? void 0 : t.primary), children: r.primary.children }),
-        n && /* @__PURE__ */ e.jsx(
-          N,
+      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",
           {
-            intent: "secondary",
-            ...r == null ? void 0 : r.secondary,
-            isFull: !0,
-            className: l("desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
-            children: (i = r == null ? void 0 : r.secondary) == null ? void 0 : i.children
+            href: t,
+            "aria-label": "logo",
+            target: "_blank",
+            rel: "noreferrer",
+            className: p(
+              "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
+              o == null ? void 0 : o.logo
+            ),
+            children: nt[n]
           }
-        )
-      ]
+        ),
+        Ct(i)
+      ] }) })
     }
   );
-}, Ce = ({
-  headTitle: r,
+}, It = ({
+  headTitle: i,
   subtitle: t,
-  buttonsConfig: o,
-  advantages: n,
-  classes: i,
+  buttonsConfig: n,
+  advantages: o,
+  classes: r,
   imgMobile: d,
-  imgDesktop: a,
-  color: x
+  imgDesktop: x,
+  color: m
 }) => {
-  var b;
-  const { isDesktop: m, isMobile: u } = v(), p = 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, h = a && "url" in a && j.isObject(a) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, f = /* @__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",
-        i == null ? void 0 : i.advantageContainer
+        r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((b = n == null ? void 0 : n.config.details) == null ? void 0 : b.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]", i == null ? void 0 : i.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 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? p : h }),
-          /* @__PURE__ */ e.jsxs(k, { className: l("h-full", i == null ? void 0 : i.container), children: [
-            /* @__PURE__ */ e.jsx("div", { className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", 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: r },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.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", i == null ? void 0 : i.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ e.jsx(Q, { className: "self-end desktop:self-center", buttonsConfig: o, classes: i })
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  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": h == null ? void 0 : h.enabled },
+                    r == null ? void 0 : r.group
+                  ),
+                  children: [
+                    a.enabled && /* @__PURE__ */ e.jsx(
+                      C,
+                      {
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
+                        size: "lg",
+                        intent: "primary",
+                        ...a.buttonContent
+                      }
+                    ),
+                    (h == null ? void 0 : h.enabled) && /* @__PURE__ */ e.jsx(
+                      C,
+                      {
+                        intent: "secondary",
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
+                        ...a.buttonContent
+                      }
+                    )
+                  ]
+                }
+              )
             ] }) }),
-            m && f
+            l && (o == null ? void 0 : o.enabled) && w
           ] })
         ]
       }
     ),
-    u && f
+    u && (o == null ? void 0 : o.enabled) && w
   ] });
-}, R = ({
-  headTitle: r,
+}, W = ({
+  headTitle: i,
   subtitle: t,
-  buttonsConfig: o,
-  advantages: n,
-  classes: i,
+  buttonsConfig: n,
+  advantages: o,
+  classes: r,
   imgMobile: d,
-  withAdvantages: a,
   imgDesktop: x,
   color: m
 }) => {
-  var y;
-  const { isDesktop: u, isMobile: p } = v(), h = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, f = x && "url" in x && j.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: x.url }) : x, b = /* @__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",
-        i == null ? void 0 : i.advantageContainer
+        r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((y = n == null ? void 0 : n.config.details) == null ? void 0 : y.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",
       {
+        id: f.banner,
+        "data-test-id": f.banner,
         style: { backgroundColor: m ?? "#d9edff" },
-        "data-test-id": "banner",
-        className: l("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root),
-        children: /* @__PURE__ */ e.jsxs(k, { className: l("relative", i == null ? void 0 : i.container), children: [
-          /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
+        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", i == null ? void 0 : i.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: r },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.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", i == null ? void 0 : i.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ e.jsx(Q, { buttonsConfig: o, classes: i })
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  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": h == null ? void 0 : h.enabled },
+                    r == null ? void 0 : r.group
+                  ),
+                  children: [
+                    a.enabled && /* @__PURE__ */ e.jsx(
+                      C,
+                      {
+                        className: p("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
+                        size: "lg",
+                        intent: "primary",
+                        ...a.buttonContent
+                      }
+                    ),
+                    (h == null ? void 0 : h.enabled) && /* @__PURE__ */ e.jsx(
+                      C,
+                      {
+                        intent: "secondary",
+                        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]", i == null ? void 0 : i.imageContainer), children: p ? h : f })
+            /* @__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 })
           ] }),
-          u && a && b
+          l && (o == null ? void 0 : o.enabled) && w
         ] })
       }
     ),
-    p && a && b
+    u && (o == null ? void 0 : o.enabled) && w
   ] });
-}, Ot = ({ variant: r, ...t }) => {
-  switch (r) {
+}, Re = ({ variant: i, ...t }) => {
+  switch (i) {
     case "separateImg":
-      return /* @__PURE__ */ e.jsx(R, { ...t });
+      return /* @__PURE__ */ e.jsx(W, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ e.jsx(Ce, { ...t });
+      return /* @__PURE__ */ e.jsx(It, { ...t });
     default:
-      return /* @__PURE__ */ e.jsx(R, { ...t });
+      return /* @__PURE__ */ e.jsx(W, { ...t });
   }
-}, Y = ({ config: r, classes: t }) => {
-  const { variant: o, details: n } = r;
+}, 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]": o === "threeCards" },
-        { "desktop:max-w-[1140px]": o === "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: i, 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(w, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__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 })
           ]
         },
-        i
+        r
       ))
     }
   );
-}, Ie = ({ socialsLinks: r, 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: r == null ? void 0 : r.map(({ iconName: o, 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": o.replace("social/", ""),
-    children: /* @__PURE__ */ e.jsx(c, { name: o, 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
-)) }), Te = ({ phones: r, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: r == null ? void 0 : r.map(({ phone: o, text: n }) => /* @__PURE__ */ e.jsx(
-  W,
+  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: Z(o),
-    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)
     }
   },
-  o
-)) }), Ee = ({ classes: r, config: t }) => {
-  const { details: o } = t || {};
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: l(
-        "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",
-        r == null ? void 0 : r.navRoot
-      ),
-      children: o == null ? void 0 : o.map(
-        ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: i, links: d }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.navGroup), children: [
-          /* @__PURE__ */ e.jsx("div", { className: l("desk-body-medium-l text-color-white", r == null ? void 0 : r.navLabel), children: i }),
-          /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-1", r == null ? void 0 : r.navLinks), children: d == null ? void 0 : d.map(({ path: a, label: x }) => /* @__PURE__ */ e.jsx(
-            F,
-            {
-              href: a,
-              "aria-label": x,
-              intent: "white",
-              classes: {
-                link: r == null ? void 0 : r.navLink,
-                icon: r == null ? void 0 : r.navLinkIcon
-              },
-              children: x
+  n
+)) }), Bt = ({ classes: i, details: t }) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    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",
+      i == null ? void 0 : i.navRoot
+    ),
+    children: t == null ? void 0 : t.map(
+      ({ 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": x,
+            intent: "white",
+            classes: {
+              link: i == null ? void 0 : i.navLink,
+              icon: i == null ? void 0 : i.navLinkIcon
             },
-            x
-          )) })
-        ] }, i))
-      )
-    }
-  );
-}, Be = ({ text: r, classes: t }) => /* @__PURE__ */ e.jsx(
+            children: x
+          },
+          x
+        )) })
+      ] }, o))
+    )
+  }
+), _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: r }
+    className: p("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+    dangerouslySetInnerHTML: { __html: i }
   }
-), _e = ({ classes: r }) => /* @__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]", r == null ? void 0 : r.footerLogo),
-    children: /* @__PURE__ */ e.jsx(c, { name: "brandLogos/logoWhite", className: l("size-full", r == null ? void 0 : r.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) })
   }
-), Se = ({ classes: r }) => /* @__PURE__ */ e.jsx(
+), Ht = ({ classes: i }) => /* @__PURE__ */ e.jsx(
   F,
   {
     intent: "white",
@@ -387,32 +421,32 @@ const ge = g(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: l("mobile:mt-6", r == null ? void 0 : r.siteMapLink),
-      icon: r == null ? void 0 : r.siteMapLinkIcon
+      link: p("mobile:mt-6", i == null ? void 0 : i.siteMapLink),
+      icon: i == null ? void 0 : i.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), Fe = ({ text: r, classes: t }) => {
-  const [o, n] = T.useState(!1), [i, d] = T.useState(!1), a = T.useRef(null);
-  return T.useEffect(() => {
-    const x = a.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: a,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, t == null ? void 0 : t.ligalText),
-        dangerouslySetInnerHTML: { __html: r }
+        ref: x,
+        className: p("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
+        dangerouslySetInnerHTML: { __html: i }
       }
     ),
-    i && /* @__PURE__ */ e.jsx(
+    r && /* @__PURE__ */ e.jsx(
       "div",
       {
         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
         ),
@@ -420,102 +454,100 @@ const ge = g(
       }
     )
   ] });
-}, Rt = ({
-  renderBlocks: {
-    withSocialsLinks: r = !0,
-    withPhones: t = !0,
-    withNavLinks: o = !0,
-    withCopyright: n = !0,
-    withSiteMap: i = !0,
-    withLigal: d = !0
-  } = {},
-  socialsLinks: a = [],
-  phones: x = [],
-  ligal: m,
-  copyright: u = "",
-  classes: p,
-  config: h
-}) => /* @__PURE__ */ e.jsx("footer", { id: "footer", className: l("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ e.jsx(k, { className: l(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: l("mobile:pb-[176px]", p == null ? void 0 : p.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",
-        p == null ? void 0 : p.footerHead
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l(p == null ? void 0 : p.footerSocialBlock), children: [
-          /* @__PURE__ */ e.jsx(_e, { classes: p == null ? void 0 : p.footerLogo }),
-          r && /* @__PURE__ */ e.jsx(Ie, { socialsLinks: a, classes: p == null ? void 0 : p.socialLinks })
-        ] }),
-        t && /* @__PURE__ */ e.jsx(Te, { phones: x, classes: p == null ? void 0 : p.phonesBlock })
-      ]
-    }
-  ),
-  o && /* @__PURE__ */ e.jsx(Ee, { config: h, classes: p == null ? void 0 : p.navLinks }),
-  d && /* @__PURE__ */ e.jsx(Fe, { text: m || "" }),
-  /* @__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",
-        p == null ? void 0 : p.footerBottom
+}, De = ({
+  socialsLinks: i,
+  phones: t,
+  ligal: n,
+  copyright: o,
+  classes: r,
+  details: d,
+  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 && /* @__PURE__ */ e.jsx(Be, { text: u, classes: p == null ? void 0 : p.copyright }),
-        i && /* @__PURE__ */ e.jsx(Se, { classes: p == null ? void 0 : p.siteMap })
-      ]
-    }
-  )
-] }) }) }), Me = ({ classes: r, index: t, variant: o, title: n, description: i }) => {
-  const d = o === "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",
-        r == null ? void 0 : r.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",
-              r == null ? void 0 : r.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(w, { as: "h4", className: l("text-color-dark", r == null ? void 0 : r.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: i ?? "" },
-              className: l("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
+              dangerouslySetInnerHTML: { __html: r ?? "" },
+              className: p("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.description)
             }
           )
         ] })
       ]
     }
   );
-}, Dt = ({ headline: r, config: t, classes: o }) => {
-  const { variant: n, details: i } = t;
-  return /* @__PURE__ */ e.jsx("section", { id: "stepper", className: o == null ? void 0 : o.root, children: /* @__PURE__ */ e.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-    /* @__PURE__ */ e.jsx(w, { as: "h2", className: l("text-color-dark", o == null ? void 0 : o.headline), children: r }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: l(
-          "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-          o == null ? void 0 : o.stepsWrapper
-        ),
-        children: i == null ? void 0 : i.map((d, a) => /* @__PURE__ */ e.jsx(Me, { variant: n, ...d, index: a + 1, classes: o == null ? void 0 : o.step }, d.description))
-      }
-    )
-  ] }) }) });
-}, He = g("", {
+}, 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: p(
+        "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
+        o == null ? void 0 : o.stepsWrapper
+      ),
+      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))
+    }
+  )
+] }) }) }), Lt = g("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -531,7 +563,7 @@ const ge = g(
   defaultVariants: {
     intent: "twoItems"
   }
-}), Le = g("", {
+}), zt = g("", {
   variants: {
     intent: {
       twoItems: "",
@@ -563,7 +595,7 @@ const ge = g(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), ze = g("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',
@@ -573,7 +605,7 @@ const ge = g(
   defaultVariants: {
     intent: "twoItems"
   }
-}), Oe = g("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]",
@@ -599,50 +631,56 @@ const ge = g(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Re = ({ data: r, intent: t }) => {
+}), Dt = ({ data: i, intent: t }) => {
   const {
-    title: o,
-    description: n,
-    popover: i = {
+    title: n,
+    description: o,
+    popover: r = {
       enabled: !1
     }
-  } = r;
-  return /* @__PURE__ */ e.jsx("li", { className: l(ze({ 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: o }),
-      i.enabled && /* @__PURE__ */ e.jsx(ie, { triggerElement: /* @__PURE__ */ e.jsx(c, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i == null ? void 0 : i.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 } })
   ] }) });
-}, M = ({ intent: r, headline: t, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: l(He({ intent: r, desktopHidden: o, mobileHidden: n })), children: t }), De = ({ details: r, intent: t, withButton: o }) => /* @__PURE__ */ e.jsx("ul", { className: l(Le({ intent: t, withButton: o })), children: r == null ? void 0 : r.map((n, i) => /* @__PURE__ */ e.jsx(Re, { intent: t, data: n }, i)) }), Vt = ({ headline: r, buttonConfig: t, withButton: o = !1, config: n, image: i, classes: d }) => {
-  const { intent: a = "twoItems", details: x } = n, m = a === "fourItems", u = a === "twoItems", p = i && "url" in i && j.isObject(i) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: i.url }) : i;
-  return /* @__PURE__ */ e.jsx("section", { id: "long-banner", className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(k, { className: l(d == null ? void 0 : d.container), children: [
-    u && /* @__PURE__ */ e.jsx(M, { intent: a, headline: r }),
+}, 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: n = "twoItems",
+  details: o,
+  image: r,
+  classes: d
+}) => {
+  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: [
-          m && /* @__PURE__ */ e.jsx(M, { intent: a, headline: r, desktopHidden: !0 }),
-          /* @__PURE__ */ e.jsx("div", { className: l(Oe({ intent: a, withButton: o }), d == null ? void 0 : d.imgContainer), children: p }),
+          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: [
-                m && /* @__PURE__ */ e.jsx(M, { intent: a, headline: r, mobileHidden: !0 }),
-                /* @__PURE__ */ e.jsx(De, { details: x, intent: a, withButton: o }),
-                o && /* @__PURE__ */ e.jsx(
-                  N,
+                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(
+                  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",
-                    onClick: t == null ? void 0 : t.onClick,
                     intent: "secondary",
-                    children: t == null ? void 0 : t.text
+                    ...t.buttonContent
                   }
                 )
               ]
@@ -652,33 +690,33 @@ const ge = g(
       }
     )
   ] }) });
-}, H = {
+}, z = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, P = ({ children: r, isLoading: t, classes: o, 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",
-      o == null ? void 0 : o.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 },
-          o == null ? void 0 : o.wrapper
+          n == null ? void 0 : n.wrapper
         ),
-        children: t ? /* @__PURE__ */ e.jsx(de, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
+        children: t ? /* @__PURE__ */ e.jsx(dt, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : i
       }
     )
   }
-), Ve = ({ ...r }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, 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",
     {
@@ -706,18 +744,18 @@ const ge = g(
     /* @__PURE__ */ e.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ e.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), A = ({ mainLink: r, subLink: t, isMobile: o, 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: r.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: o ? r.mobileTitle : r.title
+      children: n ? i.mobileTitle : i.title
     }
   ),
   (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ e.jsx(
@@ -729,79 +767,79 @@ const ge = g(
       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
     }
   )
-] }), D = ({ mainLink: r, subLink: t, isLoading: o, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: a } = v();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: o, loaderProps: i, 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 && a },
+        { "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(c, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ e.jsx(c, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ e.jsx(c, { 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: r, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(c, { 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(z, { 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 })
       ]
     }
   ) });
-}, V = ({ mainLink: r, subLink: t, isLoading: o, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: a } = v();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: o, loaderProps: i, 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 && a },
+        { "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(Ve, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ e.jsx(A, { mainLink: r, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(c, { 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(z, { 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 })
       ]
     }
   ) });
-}, Ue = (r) => {
-  switch (r.mode) {
-    case H.ESIA:
-      return /* @__PURE__ */ e.jsx(V, { ...r });
-    case H.MOBILE_ID:
-      return /* @__PURE__ */ e.jsx(D, { ...r });
-    case H.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: o, subtitle: n, badge: i, classes: d } = r, a = !n && !i ? T.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(a, { 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 }),
-              i && /* @__PURE__ */ e.jsx(z, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+            /* @__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(
-                V,
+                G,
                 {
                   ...t,
                   classes: {
@@ -812,13 +850,13 @@ const ge = g(
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                D,
+                U,
                 {
-                  ...o,
+                  ...n,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...o.classes
+                    ...n.classes
                   }
                 }
               )
@@ -827,45 +865,45 @@ const ge = g(
         }
       );
   }
-}, Ut = (r) => Ue(r), U = ({ links: r, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: r == null ? void 0 : r.map(({ path: o, label: n }) => /* @__PURE__ */ e.jsx(
+}, 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: o,
-    children: n
+    href: n,
+    children: o
   },
-  o
-)) }), We = ({ groupLabel: r, links: t, mobileAccordionProps: o, classes: n }) => {
-  var d, a, x;
-  const { isMobile: i } = v();
-  return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
-    !i && /* @__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: r }),
-      /* @__PURE__ */ e.jsx(U, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+  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: 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")
     ] }),
-    i && /* @__PURE__ */ e.jsx(
-      E,
+    r && /* @__PURE__ */ e.jsx(
+      _,
       {
         defaultOpen: !0,
-        label: r,
-        icon: /* @__PURE__ */ e.jsx(c, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...o,
+        label: i,
+        icon: /* @__PURE__ */ e.jsx(j, { name: "arrows/arrowRight", className: p("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...n,
         classes: {
-          ...o == null ? void 0 : o.classes,
+          ...n == null ? void 0 : n.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (a = (d = o == null ? void 0 : o.classes) == null ? void 0 : d.header) == null ? void 0 : a.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 = o == null ? void 0 : o.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(U, { 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")
       }
     )
   ] });
-}, Ge = ({ column: r, mobileAccordionProps: t, classes: o }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ e.jsx(We, { ...t, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), Ze = g("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",
@@ -876,66 +914,81 @@ const ge = g(
   defaultVariants: {
     variant: "fourCols"
   }
-}), Wt = ({ config: r, headline: t, mobileAccordionProps: o, rootAccordionProps: n, classes: i }) => {
-  var x, m, u;
-  const { variant: d, details: a } = r;
-  return /* @__PURE__ */ e.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", i == null ? void 0 : i.root), children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
-    E,
+}), Ge = ({
+  variant: i,
+  details: t,
+  headline: n,
+  mobileAccordionProps: o,
+  rootAccordionProps: r,
+  classes: d
+}) => {
+  var x, m, l;
+  return /* @__PURE__ */ e.jsx(
+    "section",
     {
-      defaultOpen: !0,
-      label: /* @__PURE__ */ e.jsx(w, { as: "h4", className: l("text-left", i == null ? void 0 : i.headline), children: t }),
-      ...n,
-      classes: {
-        ...n == null ? void 0 : n.classes,
-        header: {
-          trigger: l("bg-color-blue-grey-100", (m = (x = n == null ? void 0 : n.classes) == null ? void 0 : x.header) == null ? void 0 : m.trigger)
-        },
-        content: l("max-w-full bg-color-blue-grey-100 relative", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.content)
-      },
-      children: /* @__PURE__ */ e.jsx("div", { className: l(Ze({ variant: d }), i == null ? void 0 : i.columnsWrapper), children: a == null ? void 0 : a.map((p, h) => /* @__PURE__ */ e.jsx(Ge, { ...p, ...o, classes: i == null ? void 0 : i.column }, h)) })
+      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)) })
+        }
+      ) })
     }
-  ) }) });
-}, $e = ({ tabsNames: r, activeTab: t, setActiveTab: o }) => /* @__PURE__ */ e.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: r && r.map((n, i) => /* @__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: () => o(i),
-    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 === i
-      }
+        "bg-icon-primary-default text-color-white": t === d
+      },
+      o == null ? void 0 : o.button
     ),
-    children: n
+    children: r
   },
-  n
-)) }), Xe = (r) => r.variant === "HTML", qe = (r) => r.variant === "DOCUMENTS", Je = (r) => r.variant === "TABLE", Ke = ({ html: r, config: t }) => {
-  const o = /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: r ?? "" } });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: t == null ? void 0 : t.accordionTitle, children: o }) : o });
-}, Qe = (r, t) => ({
-  rows: r == null ? void 0 : r.map(({ row: o }) => ({
-    row: o == null ? void 0 : o.map((n, i) => {
+  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,
-        heading: t && ((d = t[i]) == null ? void 0 : d.heading)
+        ...o,
+        heading: t && ((d = t[r]) == null ? void 0 : d.heading)
       };
     })
   }))
-}), Ye = g("flex flex-col", {
+}), Pt = g("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Pe = g("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"
     }
   }
-}), Ae = ({ headings: r, columnsVariant: t }) => /* @__PURE__ */ e.jsx("div", { className: l(Pe({ columnsVariant: t })), children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ e.jsx("div", { className: "text-color-secondary", children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), se = g("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",
@@ -946,51 +999,89 @@ const ge = g(
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), et = ({ row: r, tableVariant: t, columnsVariant: o, rowIndex: n }) => /* @__PURE__ */ e.jsx("div", { className: l(se({ columnsVariant: o, tableVariant: t }), { "border-none": n === 0 }), children: r == null ? void 0 : r.map(({ cell: i }, d) => /* @__PURE__ */ e.jsx("div", { className: l("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }), children: i && i }, d)) }), tt = g("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"
     }
   }
-}), rt = ({ row: r, tableVariant: t, columnsVariant: o, headingsExist: n }) => /* @__PURE__ */ e.jsx("div", { className: l(tt({ tableVariant: t })), children: r == null ? void 0 : r.map(({ cell: i, heading: d }, a) => /* @__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": a !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
-      }),
-      children: i
+      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
     }
   )
-] }, a)) }), ot = ({ tableVariant: r, rows: t, headings: o, columnsVariant: n }) => {
-  var x;
-  const { isDesktop: i } = v(), d = ((x = Qe(t, o)) == null ? void 0 : x.rows) ?? [], a = !!(o && o.length > 0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
-    i && a && /* @__PURE__ */ e.jsx(Ae, { headings: o, columnsVariant: n }),
-    i ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(et, { rowIndex: u, tableVariant: r, columnsVariant: n, ...m }, u)) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: d == null ? void 0 : d.map((m, u) => /* @__PURE__ */ e.jsx(
-      rt,
+] }, 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,
+      {
+        rowIndex: a,
+        tableVariant: i,
+        columnsVariant: o,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...u
+      },
+      a
+    )) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: x == null ? void 0 : x.map((u, a) => /* @__PURE__ */ e.jsx(
+      oe,
       {
-        headingsExist: a,
-        tableVariant: r,
-        columnsVariant: n,
-        ...m
+        headingsExist: m,
+        tableVariant: i,
+        columnsVariant: o,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...u
       },
-      u
+      a
     )) })
   ] });
-}, nt = ({ tableVariant: r, description: t, columnsVariant: o, config: n, rows: i, title: d, headings: a }) => {
-  const x = /* @__PURE__ */ e.jsxs("div", { className: l(Ye({ columnsVariant: o })), children: [
-    d && /* @__PURE__ */ e.jsx(w, { as: "h4", className: "mb-4 desktop:mb-6", children: d }),
-    /* @__PURE__ */ e.jsx(ot, { tableVariant: r, rows: i, headings: a, columnsVariant: o }),
-    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(E, { label: n == null ? void 0 : n.accordionTitle, children: x }) : x });
-}, it = {
+  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"
-}, dt = g("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",
@@ -1000,62 +1091,88 @@ const ge = g(
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), lt = ({ label: r, size: t, url: o, iconType: n }) => /* @__PURE__ */ e.jsxs(
+}), xe = ({ label: i, size: t, url: n, iconType: o, classes: r }) => /* @__PURE__ */ e.jsxs(
   "a",
   {
-    href: o,
+    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(c, { name: it[n], className: l(dt({ 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: r }),
-        /* @__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),
           " КБ"
         ] })
       ] })
     ]
   }
-), at = ({ docs: r, config: t, title: o, iconType: n, description: i }) => {
-  const d = /* @__PURE__ */ e.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
-    o && /* @__PURE__ */ e.jsx(w, { as: "h3", className: "mb-4", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "gap- flex flex-col gap-4", children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ e.jsx(lt, { iconType: n, ...a }, a.label)) }),
-    i && /* @__PURE__ */ e.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: i ?? "" } })
+), 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(E, { label: t == null ? void 0 : t.accordionTitle, children: d }) : d });
-}, xt = (r) => {
-  var t, o, 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 Xe(r):
-      return (t = r.details) == null ? void 0 : t.map((i, d) => /* @__PURE__ */ e.jsx(Ke, { ...i }, d));
-    case qe(r):
-      return (o = r.details) == null ? void 0 : o.map((i, d) => /* @__PURE__ */ e.jsx(at, { ...i }, d));
-    case Je(r):
-      return (n = r.details) == null ? void 0 : n.map((i, d) => /* @__PURE__ */ e.jsx(nt, { ...i }, 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;
   }
-}, pt = ({ entity: r }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-6", children: xt(r) }), Gt = ({ headline: r, tabs: t }) => {
-  var d, a;
-  const [o, n] = B(0), i = $(() => 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(k, { children: [
-    /* @__PURE__ */ e.jsx(w, { as: "h2", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ e.jsx($e, { tabsNames: i, activeTab: o, setActiveTab: n }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (a = (d = t == null ? void 0 : t[o]) == null ? void 0 : d.contents) == null ? void 0 : a.map((x, m) => /* @__PURE__ */ e.jsx(pt, { ...x }, m)) })
+}, 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)) })
   ] }) });
-}, mt = ({ fields: r, control: t }) => r.map(({ type: o, args: n }) => {
-  const i = le[o];
-  return /* @__PURE__ */ X(i, { ...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 ut {
+class he {
   constructor(t) {
-    C(this, "TEXT_NODE", 3);
-    C(this, "ELEMENT_NODE", 1);
+    T(this, "TEXT_NODE", 3);
+    T(this, "ELEMENT_NODE", 1);
     this.options = t;
   }
   /**
@@ -1064,37 +1181,37 @@ class ut {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(t, o = "string", n) {
-    const { includeSolidText: i, recursive: d, element: a } = 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, m = x.tagName.toLowerCase();
-        if (m === "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 (a && m !== a)
+        if (x && l !== x)
           break;
-        if (o === "node")
-          n.push(t);
+        if (n === "node")
+          o.push(t);
         else {
-          const u = x.outerHTML.trim();
-          n.push(u);
+          const u = m.outerHTML.trim();
+          o.push(u);
         }
         if (d)
           for (const u of t.childNodes)
-            this.traverse(u, o, n);
+            this.traverse(u, n, o);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
-        if (!i)
+        if (!r)
           break;
-        if (o === "node")
-          n.push(t);
+        if (n === "node")
+          o.push(t);
         else {
           const u = t.textContent;
-          u && n.push(u);
+          u && o.push(u);
         }
         break;
     }
@@ -1105,14 +1222,14 @@ class ut {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(t, o = "string") {
-    const { includeBody: n } = this.options || {}, i = [], d = [], a = await this.parseFromString(t), x = o === "string" ? i : d;
-    if (n)
-      this.traverse(a.body, o, 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 m of a.body.childNodes)
-        this.traverse(m, o, x);
-    return { stringNodes: i, nodes: d };
+      for (const l of x.body.childNodes)
+        this.traverse(l, n, m);
+    return { stringNodes: r, nodes: d };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
@@ -1120,27 +1237,27 @@ class ut {
    * @returns Количество найденных тегов
    */
   async countElements(t) {
-    const { stringNodes: o } = await this.parse(t, "string");
-    return o.length;
+    const { stringNodes: n } = await this.parse(t, "string");
+    return n.length;
   }
 }
-const ht = typeof window < "u";
-class ft extends Error {
-  constructor(t, o) {
-    super(t), this.originalError = o, this.name = "BrowserHTMLParserError";
+const fe = typeof window < "u";
+class be extends Error {
+  constructor(t, n) {
+    super(t), this.originalError = n, this.name = "BrowserHTMLParserError";
   }
 }
-class ct extends ut {
+class je extends he {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    if (!ht)
-      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 L {
+class O {
   /**
    * Функция для парсинга ноды в react элемент
    */
@@ -1148,173 +1265,172 @@ class L {
     if (t.nodeType === this.TEXT_NODE)
       return t.textContent ?? null;
     if (t.nodeType === this.ELEMENT_NODE) {
-      const o = t, n = o.tagName.toLowerCase(), i = {};
-      for (const a of o.attributes) {
-        let x = a.name, m = a.value;
-        switch (a.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":
-            m = a.value !== "false", m = a.value !== "false", m = a.value !== "false";
+            l = x.value !== "false", l = x.value !== "false", l = x.value !== "false";
             break;
           case "readonly":
-            x = "readOnly", m = a.value !== "false";
+            m = "readOnly", l = x.value !== "false";
             break;
           case "style":
-            x = "style";
+            m = "style";
             const u = {};
-            a.value.split(";").forEach((p) => {
-              const [h, f] = p.split(":");
-              if (h && f) {
-                const b = h.trim().replace(/-([a-z])/g, (y, te) => te.toUpperCase());
-                u[b] = f.trim();
+            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();
               }
-            }), m = u;
+            }), l = u;
             break;
         }
-        i[x] = m;
+        r[m] = l;
       }
-      i.key = Math.random().toString(36).substring(2, 9);
+      r.key = Math.random().toString(36).substring(2, 9);
       const d = [];
-      for (const a of o.childNodes) {
-        const x = this.parseNode(a);
-        x && d.push(x);
+      for (const x of n.childNodes) {
+        const m = this.parseNode(x);
+        m && d.push(m);
       }
-      return X(n, i, ...d);
+      return q(o, r, ...d);
     }
     return null;
   }
   /**
    * функция для преобразования html строки в react элементы
    */
-  static async toReactNodes(t, o) {
-    const n = new ct(o), { nodes: i } = await n.parse(t, "node");
-    return i.map((d) => this.parseNode(d));
+  static async toReactNodes(t, n) {
+    const o = new je(n), { nodes: r } = await o.parse(t, "node");
+    return r.map((d) => this.parseNode(d));
   }
 }
-C(L, "TEXT_NODE", 3), C(L, "ELEMENT_NODE", 1);
-const jt = ({ promises: r }) => {
-  const [t, o] = B([]);
-  return q(() => {
+T(O, "TEXT_NODE", 3), T(O, "ELEMENT_NODE", 1);
+const ke = ({ promises: i }) => {
+  const [t, n] = S([]);
+  return J(() => {
     (async () => {
-      o(await r);
+      n(await i);
     })();
-  }, [r]), /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
-}, S = ({ html: r, options: t, as: o }) => {
-  const n = o ?? he, i = L.toReactNodes(r, t);
-  return /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(jt, { promises: i }) });
-}, bt = ["getFioSchema"], s = (r, t, o) => {
-  const n = r[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(o);
-}, gt = (r, t) => s(K.base, r, t), kt = (r, t) => s(K.dadata, r, t), wt = (r) => {
-  const o = r.map((n) => ({ name: n.args.name, validation: n.args.validation })).reduce((n, i) => {
-    const d = bt.includes(i.validation.type) ? kt(
-      i.validation.type,
-      i.validation.args
-    ) : gt(
-      i.validation.type,
-      i.validation.args
+  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
+    ) : we(
+      r.validation.type,
+      r.validation.args
     );
-    return n[i.name] = d, n;
+    return o[r.name] = d, o;
   }, {});
-  return ce(o);
-}, yt = (r, t) => r.enabled ? t.map((o) => ({
-  name: o.args.name,
-  ...o.args.progress
-})) : null, Nt = (r, t, o) => r.type === "off" ? null : r.type === "text" ? /* @__PURE__ */ e.jsx(S, { html: r.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(xe.CheckboxBase, { checked: t, onCheckedChange: o }),
-      /* @__PURE__ */ e.jsx(S, { html: r.content, as: "div" })
+      /* @__PURE__ */ e.jsx(mt.CheckboxBase, { checked: t, onCheckedChange: n }),
+      /* @__PURE__ */ e.jsx(M, { html: i.content, as: "div" })
     ]
   }
-), Zt = ({
-  fields: r,
+), $e = ({
+  fields: i,
   title: t,
-  progress: o,
-  approvement: n,
-  chips: i,
+  progress: n,
+  approvement: o,
+  chips: r,
   submitContent: d = "Submit"
 }) => {
-  const [a, x] = B(!1), m = wt(r), { control: u, handleSubmit: p } = pe({
-    schema: m,
-    defaultValues: je.getZodDefaults(m),
+  const [x, m] = S(!1), l = Ne(i), { control: u, handleSubmit: a } = ft({
+    schema: l,
+    defaultValues: kt.getZodDefaults(l),
     mode: "onBlur"
-  }), h = yt(o, r), f = be({ control: u, fields: h || [], schema: m }), b = (y) => {
-    console.warn(y);
+  }), 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: [
-    i.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: [
-          i.image && /* @__PURE__ */ e.jsx(c, { name: i.image, className: "size-4" }),
-          i.content
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(w, { as: "h3", children: t }),
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: p(b), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
-      o.enabled && /* @__PURE__ */ e.jsx(
-        ae,
-        {
-          progress: f,
-          topContent: /* @__PURE__ */ e.jsx(S, { html: o.title }),
-          bottomContent: /* @__PURE__ */ e.jsx(S, { html: o.subtitle }),
-          maxPercent: o.maxPercent
-        }
-      ),
-      /* @__PURE__ */ e.jsx(mt, { control: u, fields: r }),
-      /* @__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: [
-        Nt(n, a, x),
-        /* @__PURE__ */ e.jsx(
-          N,
+  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" ? !a : !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
+            ]
           }
-        )
-      ] })
-    ] })
-  ] });
-}, $t = [
-  "header",
-  "footer",
-  "interLinking",
-  "stepper",
-  "usefulInfo",
-  "longBanner",
-  "banner",
-  "benefit"
-], I = () => ({
+        ),
+        /* @__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(c, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -1329,7 +1445,7 @@ const jt = ({ promises: r }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(c, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -1344,7 +1460,7 @@ const jt = ({ promises: r }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(c, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -1359,7 +1475,7 @@ const jt = ({ promises: r }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(c, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ e.jsx(j, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -1372,91 +1488,91 @@ const jt = ({ promises: r }) => {
       text: "Вернуться на главную"
     }
   }
-}), Xt = ({ status: r, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(k, { 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",
-        `${I()[r].icon.bg}`
+        `${E()[i].icon.bg}`
       ),
-      children: I()[r].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(w, { as: "h2", children: I()[r].title }),
-    /* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: I()[r].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(N, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: I()[r].button.text })
-] }) }) }), ee = ({ breadcrumb: r, className: t, ...o }) => /* @__PURE__ */ e.jsx("a", { href: r.path, className: l("desk-body-regular-m", t), ...o, children: r.label }), vt = ({ startsWith: r, endsWith: t, matcher: o, filter: n, rootEnabled: i = !0 }) => {
-  const [d, a] = B([]);
-  return q(() => {
-    if (!J)
+  /* @__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((p) => !j.isStringEmpty(p));
-    j.isUndefined(r) || (j.isString(r) ? x = x.slice(x.findIndex((p) => p === r)) : x = x.slice(r)), j.isUndefined(t) || (j.isString(t) ? x = x.slice(0, x.findIndex((p) => p === t) + 1) : x = x.slice(0, t + 1));
-    let m = [], u = "";
-    if (i) {
-      const p = {
+    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 a = {
         index: 0,
-        id: O(),
+        id: V(),
         path: "/",
         label: "home"
       };
-      m.push(p);
+      l.push(a);
     }
-    x.forEach((p, h) => {
-      u += `/${p}`;
-      const f = {
+    m.forEach((a, h) => {
+      u += `/${a}`;
+      const b = {
         // while root enabled we need to increment index
         // cuz we have root breadcrumb
-        index: i ? h + 1 : h,
-        id: O(),
+        index: r ? h + 1 : h,
+        id: V(),
         path: u,
-        label: p
+        label: a
       };
-      m.push(f);
-    }), o && (m = m.map((p) => ({
-      ...p,
-      ...o(p)
-    }))), a(n ? m.filter(n) : m);
-  }, [t, n, o, i, r]), d;
-}, _ = (r, t, o, n) => r.map((i, d) => {
-  const a = 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: i,
-        className: l(o, {
-          "pointer-events-none text-color-primary-disabled": a
+        breadcrumb: r,
+        className: p(n, {
+          "pointer-events-none text-color-primary-disabled": x
         })
       }
     ),
-    d !== r.length - 1 && t
-  ] }, i.id);
-}), qt = ({ separator: r, ellipsis: t, classes: o, ...n }) => {
-  const [i, d] = B(!1), a = fe(null);
-  me(a, () => d(!1));
-  const x = vt(n), { first: m, middle: u, last: p } = $(() => {
-    let f = [], b = [], y = [];
-    return t && (f = x.slice(0, t), b = x.slice(t, x.length - t), y = x.slice(x.length - t)), { first: f, middle: b, last: y };
-  }, [x, t]), h = r ?? /* @__PURE__ */ e.jsx(c, { name: "arrows/arrowRight", className: l("size-4", o == null ? void 0 : o.separator) });
+    d !== i.length - 1 && t
+  ] }, r.id);
+}), 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",
-        o == null ? void 0 : o.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: [
-            _(m, h, o == null ? void 0 : o.breadcrumb),
+            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: [
@@ -1464,64 +1580,65 @@ const jt = ({ promises: r }) => {
                 /* @__PURE__ */ e.jsx(
                   "ul",
                   {
-                    ref: a,
-                    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",
                       {
-                        "visible opacity-100": i
+                        "visible opacity-100": r
                       }
                     ),
-                    children: u.map((f) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-                      ee,
+                    children: u.map((b) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+                      et,
                       {
-                        breadcrumb: f,
-                        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",
-                          o == null ? void 0 : o.breadcrumb
+                          n == null ? void 0 : n.breadcrumb
                         )
                       }
-                    ) }, f.id))
+                    ) }, b.id))
                   }
                 )
               ] }),
               h
             ] }),
-            _(p, h, o == null ? void 0 : o.breadcrumb, p.length - 1)
+            H(a, h, n == null ? void 0 : n.breadcrumb, a.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          _(x, h, o == null ? void 0 : o.breadcrumb, x.length - 1)
+          H(m, h, n == null ? void 0 : n.breadcrumb, m.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        _(x, h, o == null ? void 0 : o.breadcrumb, x.length - 1)
+        H(m, h, n == null ? void 0 : n.breadcrumb, m.length - 1)
       )
     }
   );
 };
 export {
-  Y as Advantages,
-  Ut as AuthProvider,
-  Ot as Banner,
-  R as BannerWithSeparateImg,
-  Lt as Benefit,
-  qt as Breadcrumbs,
-  Ne as ButtonWithHandlers,
-  Zt as DynamicForm,
-  Xt as FallbacksView,
-  mt as FieldMapper,
-  Rt as Footer,
-  ct as HTMLParser,
-  S as HTMLRenderer,
-  zt as Header,
-  Wt as InterLinking,
-  Vt as LongBanner,
-  Dt as Stepper,
-  Gt as UsefulInfo,
-  $t as WIDGET_LIST
+  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,
+  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