@scbt-ecom/ui 0.57.0 → 0.58.0

package/dist/widget.js

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