@scbt-ecom/ui 0.17.3 → 0.18.0

package/dist/widget.js

@@ -1,9 +1,9 @@
-import { j as t, B as j, H as u, c as b, R as k, b as M, P as B, I as a, C as y, S as F, a as W, L as P, d as v } from "./CustomLink-DmCJLTWC.js";
-import { c as o } from "./cn-DIfn7EPB.js";
-import { s as T } from "./scrollToElement-B-reg4jF.js";
-import { u as g } from "./useDevice-L83kSsN7.js";
-import * as R from "react";
-const V = b(
+import { j as t, B as g, H as a, c as j, R as k, b as T, P as E, I as u, C as w, S as R, a as V, L as D, d as y, A as M } from "./CustomLink-CcSUq55J.js";
+import { c as i } from "./cn-DIfn7EPB.js";
+import { s as O } from "./scrollToElement-B-reg4jF.js";
+import { u as b } from "./useDevice-L83kSsN7.js";
+import * as U from "react";
+const G = j(
   "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: {
@@ -14,45 +14,45 @@ const V = b(
       }
     }
   }
-), D = ({
-  description: n,
+), Z = ({
+  description: o,
   title: e,
-  img: x,
-  mobileImg: d,
-  classes: r,
-  withButton: i,
-  buttonText: p,
+  img: d,
+  mobileImg: r,
+  classes: n,
+  withButton: x,
+  buttonText: m,
   intent: f,
   cardColor: h
 }) => {
-  const { isDesktop: l } = g(), m = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    j,
+  const { isDesktop: l } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+    g,
     {
       intent: "primary",
-      className: o("desktop:w-[200px]", r == null ? void 0 : r.button),
-      onClick: () => T("personal_form"),
+      className: i("desktop:w-[200px]", n == null ? void 0 : n.button),
+      onClick: () => O("personal_form"),
       size: "lg",
-      children: p
+      children: m
     }
   ) });
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: o(V({ intent: f }), { "pb-0": d }, { "pb-12": !d }, h, r == null ? void 0 : r.item),
+      className: i(G({ intent: f }), { "pb-0": r }, { "pb-12": !r }, h, n == null ? void 0 : n.item),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.itemWrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col gap-4", r == null ? void 0 : r.itemTextContainer), children: [
-            /* @__PURE__ */ t.jsx(u, { as: "h4", className: o("desktop:desk-title-bold-s", r == null ? void 0 : r.headingBenefitItem), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: o("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.itemDescription), children: n })
+        /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", n == null ? void 0 : n.itemWrapper), children: [
+          /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", n == null ? void 0 : n.itemTextContainer), children: [
+            /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("desktop:desk-title-bold-s", n == null ? void 0 : n.headingBenefitItem), children: e }),
+            /* @__PURE__ */ t.jsx("p", { className: i("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", n == null ? void 0 : n.itemDescription), children: o })
           ] }),
-          i && l && m
+          x && l && p
         ] }),
-        (d || l) && x && /* @__PURE__ */ t.jsx("div", { className: o("flex w-full justify-end", r == null ? void 0 : r.imgWrapper), children: /* @__PURE__ */ t.jsx("img", { className: o("h-[246px] object-cover", r == null ? void 0 : r.img), src: x, alt: e }) })
+        (r || l) && d && /* @__PURE__ */ t.jsx("div", { className: i("flex w-full justify-end", n == null ? void 0 : n.imgWrapper), children: /* @__PURE__ */ t.jsx("img", { className: i("h-[246px] object-cover", n == null ? void 0 : n.img), src: d, alt: e }) })
       ]
     },
-    x
+    d
   );
-}, O = b("grid gap-4", {
+}, S = j("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -60,22 +60,22 @@ const V = b(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), ht = ({ heading: n, cards: e, classes: x, intent: d }) => /* @__PURE__ */ t.jsx("section", { className: o("pb-20", x == null ? void 0 : x.section), children: /* @__PURE__ */ t.jsxs(k, { children: [
-  /* @__PURE__ */ t.jsx(u, { className: "mb-8", as: "h2", children: n }),
-  /* @__PURE__ */ t.jsx("ul", { className: o(O({ intent: d }), x == null ? void 0 : x.grid), children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ t.jsx(D, { intent: d, classes: x, ...r }, r.img)) })
-] }) }), A = (n) => {
-  switch (n.variant) {
+}), jt = ({ heading: o, cards: e, classes: d, intent: r }) => /* @__PURE__ */ t.jsx("section", { className: i("pb-20", d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(k, { children: [
+  /* @__PURE__ */ t.jsx(a, { className: "mb-8", as: "h2", children: o }),
+  /* @__PURE__ */ t.jsx("ul", { className: i(S({ intent: r }), d == null ? void 0 : d.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(Z, { intent: r, classes: d, ...n }, n.img)) })
+] }) }), $ = (o) => {
+  switch (o.variant) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(j, { intent: "secondary", size: "sm", ...n.buttonProps, children: "Оформить заявку" });
+      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o.buttonProps, children: "Оформить заявку" });
     case "withPhone":
-      const { phone: e, phoneText: x } = n;
-      return /* @__PURE__ */ t.jsx(B, { phone: e, text: x, ...n.phoneProps });
+      const { phone: e, phoneText: d } = o;
+      return /* @__PURE__ */ t.jsx(E, { phone: e, text: d, ...o.phoneProps });
     default:
       return null;
   }
-}, lt = (n) => {
-  const { logoPath: e = "/", logoType: x = "main", classes: d } = n;
-  return /* @__PURE__ */ t.jsx("header", { className: o("flex h-[72px] items-center justify-center bg-color-white", d == null ? void 0 : d.header), children: /* @__PURE__ */ t.jsx(k, { className: o(d == null ? void 0 : d.container), children: /* @__PURE__ */ t.jsxs("div", { className: o("flex items-center justify-between gap-5", d == null ? void 0 : d.wrapper), children: [
+}, bt = (o) => {
+  const { logoPath: e = "/", logoType: d = "main", classes: r } = o;
+  return /* @__PURE__ */ t.jsx("header", { className: i("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(k, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -83,103 +83,103 @@ const V = b(
         "aria-label": "logo",
         target: "_blank",
         rel: "noreferrer",
-        className: o(
+        className: i(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          d == null ? void 0 : d.logo
+          r == null ? void 0 : r.logo
         ),
-        children: M[x]
+        children: T[d]
       }
     ),
-    A(n)
+    $(o)
   ] }) }) });
-}, z = ({ buttonsConfig: n, classes: e, className: x }) => {
-  var r;
-  const d = (n == null ? void 0 : n.secondary) && n.secondary.children;
+}, W = ({ buttonsConfig: o, classes: e, className: d }) => {
+  var n;
+  const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: o(
+      className: i(
         "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": d },
+        { "flex items-center gap-4": r },
         e == null ? void 0 : e.group,
-        x
+        d
       ),
       children: [
-        /* @__PURE__ */ t.jsx(j, { intent: "primary", ...n.primary, isFull: !0, className: o("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: n.primary.children }),
-        d && /* @__PURE__ */ t.jsx(
-          j,
+        /* @__PURE__ */ t.jsx(g, { intent: "primary", ...o.primary, isFull: !0, className: i("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: o.primary.children }),
+        r && /* @__PURE__ */ t.jsx(
+          g,
           {
             intent: "secondary",
-            ...n == null ? void 0 : n.secondary,
+            ...o == null ? void 0 : o.secondary,
             isFull: !0,
-            className: o("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (r = n == null ? void 0 : n.secondary) == null ? void 0 : r.children
+            className: i("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            children: (n = o == null ? void 0 : o.secondary) == null ? void 0 : n.children
           }
         )
       ]
     }
   );
-}, U = ({
-  headTitle: n,
+}, c = ({
+  headTitle: o,
   subtitle: e,
-  buttonsConfig: x,
-  advantagesList: d,
-  classes: r,
-  img: i,
-  imgSets: p
+  buttonsConfig: d,
+  advantagesList: r,
+  classes: n,
+  img: x,
+  imgSets: m
 }) => {
-  const { isDesktop: f, isMobile: h } = g(), l = /* @__PURE__ */ t.jsx(
+  const { isDesktop: f, isMobile: h } = b(), l = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: o(
+      className: i(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
-        r == null ? void 0 : r.advantageContainer
+        n == null ? void 0 : n.advantageContainer
       ),
-      children: d && (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t.jsx(E, { classes: r, advantagesList: d })
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(_, { classes: n, advantagesList: r })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: o("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.section), children: [
+    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: i("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.section), children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
           "data-id": "banner-img-wrapper",
           className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
           children: /* @__PURE__ */ t.jsxs("picture", { children: [
-            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: p == null ? void 0 : p.large }),
-            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: p == null ? void 0 : p.mob }),
+            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
+            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
             /* @__PURE__ */ t.jsx(
               "img",
               {
                 "data-id": "banner-image",
-                src: i,
+                src: x,
                 alt: "Картинка баннера",
-                className: o("h-full w-full object-cover object-center", r == null ? void 0 : r.image)
+                className: i("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: o("h-full", r == null ? void 0 : r.container), children: [
-        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: o("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: i("h-full", n == null ? void 0 : n.container), children: [
+        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: i("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
           "div",
           {
             "data-id": "banner-text-block",
-            className: o("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock),
+            className: i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
             children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ t.jsx(u, { "data-id": "banner-title", as: "h1", className: o("text-color-white", r == null ? void 0 : r.title), children: n }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: o("desk-body-regular-l text-color-white", r == null ? void 0 : r.subtitle), children: e })
+                /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: i("text-color-white", n == null ? void 0 : n.title), children: o }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
               ] }),
               /* @__PURE__ */ t.jsx(
-                z,
+                W,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
-                  buttonsConfig: x,
-                  classes: r
+                  buttonsConfig: d,
+                  classes: n
                 }
               )
             ]
@@ -190,51 +190,51 @@ const V = b(
     ] }),
     h && l
   ] });
-}, c = ({
-  headTitle: n,
+}, C = ({
+  headTitle: o,
   subtitle: e,
-  buttonsConfig: x,
-  advantagesList: d,
-  classes: r,
-  img: i,
-  imgSets: p
+  buttonsConfig: d,
+  advantagesList: r,
+  classes: n,
+  img: x,
+  imgSets: m
 }) => {
-  const { isDesktop: f, isMobile: h } = g(), l = /* @__PURE__ */ t.jsx(
+  const { isDesktop: f, isMobile: h } = b(), l = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: o(
+      className: i(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
-        r == null ? void 0 : r.advantageContainer
+        n == null ? void 0 : n.advantageContainer
       ),
-      children: d && (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t.jsx(E, { classes: r, advantagesList: d })
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(_, { classes: n, advantagesList: r })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: o("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.section), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: o("relative", r == null ? void 0 : r.container), children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: o("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: i("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: i("relative", n == null ? void 0 : n.container), children: [
+      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: i("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: o("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
-            /* @__PURE__ */ t.jsx(u, { "data-id": "banner-title", as: "h1", className: o("text-color-dark", r == null ? void 0 : r.title), children: n }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: o("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
+          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: i("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
+            /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: i("text-color-dark", n == null ? void 0 : n.title), children: o }),
+            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
           ] }),
-          /* @__PURE__ */ t.jsx(z, { buttonsConfig: x, classes: r })
+          /* @__PURE__ */ t.jsx(W, { buttonsConfig: d, classes: n })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: o("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer),
+            className: i("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
             children: /* @__PURE__ */ t.jsxs("picture", { children: [
-              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: p == null ? void 0 : p.large }),
-              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: p == null ? void 0 : p.mob }),
+              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
+              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
               /* @__PURE__ */ t.jsx(
                 "img",
                 {
                   "data-id": "banner-image",
-                  src: i,
+                  src: x,
                   alt: "Картинка баннера",
-                  className: o("h-full object-cover", r == null ? void 0 : r.image)
+                  className: i("h-full object-cover", n == null ? void 0 : n.image)
                 }
               )
             ] })
@@ -245,49 +245,49 @@ const V = b(
     ] }) }),
     h && l
   ] });
-}, at = ({ bannerVariant: n, ...e }) => {
-  switch (n) {
+}, gt = ({ bannerVariant: o, ...e }) => {
+  switch (o) {
     case "separateImg":
-      return /* @__PURE__ */ t.jsx(c, { ...e });
+      return /* @__PURE__ */ t.jsx(C, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(U, { ...e });
-    default:
       return /* @__PURE__ */ t.jsx(c, { ...e });
+    default:
+      return /* @__PURE__ */ t.jsx(C, { ...e });
   }
-}, E = ({ advantagesList: n, classes: e }) => /* @__PURE__ */ t.jsx(
+}, _ = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: o(
+    className: i(
       "flex w-full max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:max-w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
       e == null ? void 0 : e.advantageWrapper
     ),
-    children: n == null ? void 0 : n.map(({ title: x, description: d }) => /* @__PURE__ */ t.jsxs(
+    children: o == null ? void 0 : o.map(({ title: d, description: r }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: o(
+        className: i(
           'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
           e == null ? void 0 : e.advantageItem
         ),
         children: [
-          /* @__PURE__ */ t.jsx(u, { as: "h4", className: o("text-color-dark", e == null ? void 0 : e.advantageTitle), children: x }),
-          /* @__PURE__ */ t.jsx("p", { className: o("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.advantageDescription), children: d })
+          /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-color-dark", e == null ? void 0 : e.advantageTitle), children: d }),
+          /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.advantageDescription), children: r })
         ]
       },
-      x
+      d
     ))
   }
-), G = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+), q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), Z = [
+] }), J = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], S = [
+], K = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], $ = [
+], Q = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -364,62 +364,62 @@ const V = b(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], q = ({ socialsLinks: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: o("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: n == null ? void 0 : n.map(({ iconName: x, href: d }) => /* @__PURE__ */ t.jsx(
+], X = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: d, href: r }) => /* @__PURE__ */ t.jsx(
   "a",
   {
-    className: o("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: d,
-    "aria-label": x.replace("social/", ""),
-    children: /* @__PURE__ */ t.jsx(a, { name: x, className: o("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: i("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    href: r,
+    "aria-label": d.replace("social/", ""),
+    children: /* @__PURE__ */ t.jsx(u, { name: d, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
-  d
-)) }), J = ({ phones: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: o("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: n == null ? void 0 : n.map(({ phone: x, text: d }) => /* @__PURE__ */ t.jsx(
-  B,
+  r
+)) }), Y = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: d, text: r }) => /* @__PURE__ */ t.jsx(
+  E,
   {
-    phone: x,
-    text: d,
+    phone: d,
+    text: r,
     classes: {
-      wrapper: o(e == null ? void 0 : e.phoneWrapper),
-      text: o("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: o("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      wrapper: i(e == null ? void 0 : e.phoneWrapper),
+      text: i("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: i("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
-  x
-)) }), K = ({ navigationLinks: n, classes: e }) => /* @__PURE__ */ t.jsx(
+  d
+)) }), L = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: o(
+    className: i(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
       e == null ? void 0 : e.navRoot
     ),
-    children: n == null ? void 0 : n.map(({ groupLabel: x, links: d }) => /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-      /* @__PURE__ */ t.jsx("div", { className: o("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: x }),
-      /* @__PURE__ */ t.jsx("div", { className: o("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: d == null ? void 0 : d.map(({ text: r, href: i }) => /* @__PURE__ */ t.jsx(
-        y,
+    children: o == null ? void 0 : o.map(({ groupLabel: d, links: r }) => /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+      /* @__PURE__ */ t.jsx("div", { className: i("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: d }),
+      /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: r == null ? void 0 : r.map(({ text: n, href: x }) => /* @__PURE__ */ t.jsx(
+        w,
         {
-          href: i,
-          "aria-label": r,
+          href: x,
+          "aria-label": n,
           intent: "white",
           classes: {
             link: e == null ? void 0 : e.navLink,
             icon: e == null ? void 0 : e.navLinkIcon
           },
-          children: r
+          children: n
         },
-        r
+        n
       )) })
-    ] }, x))
+    ] }, d))
   }
-), Q = ({ text: n, classes: e, withSiteMap: x }) => /* @__PURE__ */ t.jsx("div", { className: o("desk-body-regular-m text-color-footer", { "mt-6 desktop:mt-8": !x }, e == null ? void 0 : e.copyRight), children: n }), X = ({ classes: n }) => /* @__PURE__ */ t.jsx(
+), P = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: o }), A = ({ classes: o }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: o("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", n == null ? void 0 : n.footerLogo),
-    children: /* @__PURE__ */ t.jsx(a, { name: "brandLogos/logoWhite", className: o("size-full", n == null ? void 0 : n.footerLogoIcon) })
+    className: i("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
+    children: /* @__PURE__ */ t.jsx(u, { name: "brandLogos/logoWhite", className: i("size-full", o == null ? void 0 : o.footerLogoIcon) })
   }
-), Y = ({ classes: n }) => /* @__PURE__ */ t.jsx(
-  y,
+), s = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+  w,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -427,79 +427,88 @@ const V = b(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: o("mobile:mt-6", n == null ? void 0 : n.siteMapLink),
-      icon: n == null ? void 0 : n.siteMapLinkIcon
+      link: i("mobile:mt-6", o == null ? void 0 : o.siteMapLink),
+      icon: o == null ? void 0 : o.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), ut = ({
-  renderBlocks: { withSocial: n = !0, withPhones: e = !0, withNavLinks: x = !0, withCopyright: d = !0, withSiteMap: r = !0 } = {},
-  socialsLinks: i = S,
-  phones: p = Z,
-  navigationLinks: f = $,
+), wt = ({
+  renderBlocks: { withSocial: o = !0, withPhones: e = !0, withNavLinks: d = !0, withCopyright: r = !0, withSiteMap: n = !0 } = {},
+  socialsLinks: x = K,
+  phones: m = J,
+  navigationLinks: f = Q,
   ligal: h,
-  copyright: l = G,
-  classes: m
-}) => /* @__PURE__ */ t.jsx("footer", { className: o("w-full bg-color-footer py-8 desktop:py-10", m == null ? void 0 : m.root), children: /* @__PURE__ */ t.jsx(k, { className: o(m == null ? void 0 : m.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: o("mobile:pb-[176px]", m == null ? void 0 : m.footerWrapper), children: [
+  copyright: l = q,
+  classes: p
+}) => /* @__PURE__ */ t.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: i(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: i("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: o(
+      className: i(
         "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",
-        m == null ? void 0 : m.footerHead
+        p == null ? void 0 : p.footerHead
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: o(m == null ? void 0 : m.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(X, { classes: m }),
-          n && /* @__PURE__ */ t.jsx(q, { socialsLinks: i, classes: m })
+        /* @__PURE__ */ t.jsxs("div", { className: i(p == null ? void 0 : p.footerSocialBlock), children: [
+          /* @__PURE__ */ t.jsx(A, { classes: p == null ? void 0 : p.footerLogo }),
+          o && /* @__PURE__ */ t.jsx(X, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(J, { phones: p, classes: m })
+        e && /* @__PURE__ */ t.jsx(Y, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
       ]
     }
   ),
-  x && /* @__PURE__ */ t.jsx(K, { navigationLinks: f, classes: m }),
+  d && /* @__PURE__ */ t.jsx(L, { navigationLinks: f, classes: p == null ? void 0 : p.navLinks }),
   h && h,
-  /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col-reverse items-start justify-between gap-4 desktop:flex-row desktop:gap-6", children: [
-    d && /* @__PURE__ */ t.jsx(Q, { text: l, classes: m, withSiteMap: r }),
-    r && /* @__PURE__ */ t.jsx(Y, { classes: m })
-  ] })
-] }) }) }), L = ({ title: n, description: e, index: x, classes: d }) => /* @__PURE__ */ t.jsxs(
+  /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: i(
+        "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
+      ),
+      children: [
+        r && /* @__PURE__ */ t.jsx(P, { text: l, classes: p == null ? void 0 : p.copyright }),
+        n && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
+      ]
+    }
+  )
+] }) }) }), tt = ({ title: o, description: e, index: d, classes: r }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
-    className: o(
+    className: i(
       "flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-      d == null ? void 0 : d.singleStep
+      r == null ? void 0 : r.singleStep
     ),
     children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: o(
+          className: i(
             "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",
-            d == null ? void 0 : d.numeric
+            r == null ? void 0 : r.numeric
           ),
-          children: x
+          children: d
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col gap-4", d == null ? void 0 : d.textBlock), children: [
-        /* @__PURE__ */ t.jsx(u, { as: "h4", className: o("text-color-dark", d == null ? void 0 : d.title), children: n }),
-        /* @__PURE__ */ t.jsx("p", { className: o("desk-body-regular-l text-color-tetriary", d == null ? void 0 : d.description), children: e })
+      /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
+        /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: o }),
+        /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
       ] })
     ]
   }
-), kt = ({ heading: n, stepsList: e, classes: x }) => /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col gap-12 desktop:items-start", x == null ? void 0 : x.root), children: [
-  /* @__PURE__ */ t.jsx(u, { as: "h2", className: o("text-color-dark", x == null ? void 0 : x.headline), children: n }),
+), Nt = ({ heading: o, stepsList: e, classes: d }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", d == null ? void 0 : d.root), children: [
+  /* @__PURE__ */ t.jsx(a, { as: "h2", className: i("text-color-dark", d == null ? void 0 : d.headline), children: o }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: o(
+      className: i(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
-        x == null ? void 0 : x.stepsWrapper
+        d == null ? void 0 : d.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((d, r) => /* @__PURE__ */ t.jsx(L, { index: r + 1, ...d, classes: x }, d.title))
+      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(tt, { index: n + 1, ...r, classes: d }, r.title))
     }
   )
-] }) }) }), s = b("", {
+] }) }) }), et = j("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -515,7 +524,7 @@ const V = b(
   defaultVariants: {
     intent: "twoItems"
   }
-}), tt = b("desktop:max-h-[98px]", {
+}), rt = j("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -547,7 +556,7 @@ const V = b(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), et = b("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), ot = j("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',
@@ -557,7 +566,7 @@ const V = b(
   defaultVariants: {
     intent: "twoItems"
   }
-}), rt = b("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), nt = j("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -583,47 +592,47 @@ const V = b(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), ot = ({ data: n, intent: e }) => {
-  const { title: x, description: d, popoverText: r } = n;
-  return /* @__PURE__ */ t.jsx("li", { className: o(et({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: o("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ t.jsx("h4", { className: o("mob-title-bold-m text-color-dark"), children: x }),
-      r && /* @__PURE__ */ t.jsx(W, { triggerElement: /* @__PURE__ */ t.jsx(a, { className: o("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r })
+}), it = ({ data: o, intent: e }) => {
+  const { title: d, description: r, popoverText: n } = o;
+  return /* @__PURE__ */ t.jsx("li", { className: i(ot({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: i("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ t.jsx("h4", { className: i("mob-title-bold-m text-color-dark"), children: d }),
+      n && /* @__PURE__ */ t.jsx(V, { triggerElement: /* @__PURE__ */ t.jsx(u, { className: i("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
     ] }),
-    /* @__PURE__ */ t.jsx("p", { className: o("mob-body-regular-l text-color-secondary"), children: d })
+    /* @__PURE__ */ t.jsx("p", { className: i("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
-}, w = ({ intent: n, title: e, desktopHidden: x = !1, mobileHidden: d = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: o(s({ intent: n, desktopHidden: x, mobileHidden: d })), children: e }), nt = ({ textContent: n, intent: e, withButton: x }) => /* @__PURE__ */ t.jsx("ul", { className: o(tt({ intent: e, withButton: x })), children: n == null ? void 0 : n.map((d, r) => /* @__PURE__ */ t.jsx(ot, { intent: e, data: d }, r)) }), bt = ({
-  title: n,
+}, N = ({ intent: o, title: e, desktopHidden: d = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: i(et({ intent: o, desktopHidden: d, mobileHidden: r })), children: e }), dt = ({ textContent: o, intent: e, withButton: d }) => /* @__PURE__ */ t.jsx("ul", { className: i(rt({ intent: e, withButton: d })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(it, { intent: e, data: r }, n)) }), vt = ({
+  title: o,
   buttonConfig: e,
-  intent: x = "twoItems",
-  textContent: d,
-  imageComponent: r,
-  classes: i
+  intent: d = "twoItems",
+  textContent: r,
+  imageComponent: n,
+  classes: x
 }) => {
-  const p = !!e, f = x === "fourItems", h = x === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: o(i == null ? void 0 : i.section), children: /* @__PURE__ */ t.jsxs(k, { className: o(i == null ? void 0 : i.mainContainer), children: [
-    h && /* @__PURE__ */ t.jsx(w, { intent: x, title: n }),
+  const m = !!e, f = d === "fourItems", h = d === "twoItems";
+  return /* @__PURE__ */ t.jsx("section", { className: i(x == null ? void 0 : x.section), children: /* @__PURE__ */ t.jsxs(k, { className: i(x == null ? void 0 : x.mainContainer), children: [
+    h && /* @__PURE__ */ t.jsx(N, { intent: d, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: o(
+        className: i(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
-          i == null ? void 0 : i.contentContainer
+          x == null ? void 0 : x.contentContainer
         ),
         children: [
-          f && /* @__PURE__ */ t.jsx(w, { intent: x, title: n, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: o(rt({ intent: x, withButton: p }), i == null ? void 0 : i.imgContainer), children: r }),
+          f && /* @__PURE__ */ t.jsx(N, { intent: d, title: o, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: i(nt({ intent: d, withButton: m }), x == null ? void 0 : x.imgContainer), children: n }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: o("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
+              className: i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", x == null ? void 0 : x.textWithBtnContainer),
               children: [
-                f && /* @__PURE__ */ t.jsx(w, { intent: x, title: n, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(nt, { textContent: d, intent: x, withButton: p }),
-                p && /* @__PURE__ */ t.jsx(
-                  j,
+                f && /* @__PURE__ */ t.jsx(N, { intent: d, title: o, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(dt, { textContent: r, intent: d, withButton: m }),
+                m && /* @__PURE__ */ t.jsx(
+                  g,
                   {
-                    className: o("w-full px-4 desktop:w-max", i == null ? void 0 : i.button),
+                    className: i("w-full px-4 desktop:w-max", x == null ? void 0 : x.button),
                     size: "lg",
                     onClick: e.onClick,
                     intent: "secondary",
@@ -637,33 +646,33 @@ const V = b(
       }
     )
   ] }) });
-}, jt = () => /* @__PURE__ */ t.jsx("div", { className: o(""), children: "hello" }), N = {
+}, v = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, _ = ({ children: n, isLoading: e, classes: x, loaderProps: d }) => /* @__PURE__ */ t.jsx(
+}, H = ({ children: o, isLoading: e, classes: d, loaderProps: r }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     tabIndex: 0,
-    className: o(
+    className: i(
       "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",
-      x == null ? void 0 : x.root
+      d == null ? void 0 : d.root
     ),
     children: /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: o(
+        className: i(
           "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": e },
-          x == null ? void 0 : x.wrapper
+          d == null ? void 0 : d.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(P, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...d }) : n
+        children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...r }) : o
       }
     )
   }
-), dt = ({ ...n }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n, children: [
+), xt = ({ ...o }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -691,22 +700,22 @@ const V = b(
     /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), H = ({ mainLink: n, subLink: e, isMobile: x, classes: d }) => /* @__PURE__ */ t.jsxs("div", { className: o("flex flex-col", d == null ? void 0 : d.linksWrapper), children: [
+] }), F = ({ mainLink: o, subLink: e, isMobile: d, classes: r }) => /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col", r == null ? void 0 : r.linksWrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: n.href,
+      href: o.href,
       target: "_blank",
       rel: "noreferrer",
-      className: o(
+      className: i(
         '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',
-        d == null ? void 0 : d.linksMainLink
+        r == null ? void 0 : r.linksMainLink
       ),
-      children: x ? n.mobileTitle : n.title
+      children: d ? o.mobileTitle : o.title
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
-    y,
+    w,
     {
       intent: "blue",
       withUnderline: !0,
@@ -714,79 +723,79 @@ const V = b(
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: o("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", d == null ? void 0 : d.linksSubLink)
+        link: i("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", r == null ? void 0 : r.linksSubLink)
       },
       children: e == null ? void 0 : e.text
     }
   )
-] }), C = ({ mainLink: n, subLink: e, isLoading: x, badge: d, loaderProps: r, classes: i }) => {
-  const { isMobile: p } = g();
-  return /* @__PURE__ */ t.jsx(_, { isLoading: x, loaderProps: r, classes: i, children: /* @__PURE__ */ t.jsxs(
+] }), I = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
+  const { isMobile: m } = b();
+  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: o(
+      className: i(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !d && p },
-        i == null ? void 0 : i.innerWrapper
+        { "justify-center": !r && m },
+        x == null ? void 0 : x.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: o("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
+        /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx(a, { name: "logos/mts", className: o("relative z-[9] size-7 desktop:size-8", i == null ? void 0 : i.mtsLogo) }),
-            /* @__PURE__ */ t.jsx(a, { name: "logos/megafon", className: o("relative z-[8] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.megafonLogo) }),
-            /* @__PURE__ */ t.jsx(a, { name: "logos/beeline", className: o("relative z-[7] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.beelineLogo) })
+            /* @__PURE__ */ t.jsx(u, { name: "logos/mts", className: i("relative z-[9] size-7 desktop:size-8", x == null ? void 0 : x.mtsLogo) }),
+            /* @__PURE__ */ t.jsx(u, { name: "logos/megafon", className: i("relative z-[8] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.megafonLogo) }),
+            /* @__PURE__ */ t.jsx(u, { name: "logos/beeline", className: i("relative z-[7] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(H, { mainLink: n, subLink: e, isMobile: p, classes: i }),
-          /* @__PURE__ */ t.jsx(a, { name: "arrows/arrowRight", className: o("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x }),
+          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
-        d && /* @__PURE__ */ t.jsx(v, { className: o("bg-color-positive", i == null ? void 0 : i.badge), children: d })
+        r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
       ]
     }
   ) });
-}, I = ({ mainLink: n, subLink: e, isLoading: x, badge: d, loaderProps: r, classes: i }) => {
-  const { isMobile: p } = g();
-  return /* @__PURE__ */ t.jsx(_, { isLoading: x, loaderProps: r, classes: i, children: /* @__PURE__ */ t.jsxs(
+}, B = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
+  const { isMobile: m } = b();
+  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: o(
+      className: i(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !d && p },
-        i == null ? void 0 : i.innerWrapper
+        { "justify-center": !r && m },
+        x == null ? void 0 : x.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: o("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
-          /* @__PURE__ */ t.jsx(dt, { className: o("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(H, { mainLink: n, subLink: e, isMobile: p, classes: i }),
-          /* @__PURE__ */ t.jsx(a, { name: "arrows/arrowRight", className: o("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+        /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
+          /* @__PURE__ */ t.jsx(xt, { className: i("size-7 desktop:size-8", x == null ? void 0 : x.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x }),
+          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
-        d && /* @__PURE__ */ t.jsx(v, { className: o("bg-color-positive", i == null ? void 0 : i.badge), children: d })
+        r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
       ]
     }
   ) });
-}, it = (n) => {
-  switch (n.mode) {
-    case N.ESIA:
-      return /* @__PURE__ */ t.jsx(I, { ...n });
-    case N.MOBILE_ID:
-      return /* @__PURE__ */ t.jsx(C, { ...n });
-    case N.COMBINE:
+}, pt = (o) => {
+  switch (o.mode) {
+    case v.ESIA:
+      return /* @__PURE__ */ t.jsx(B, { ...o });
+    case v.MOBILE_ID:
+      return /* @__PURE__ */ t.jsx(I, { ...o });
+    case v.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: x, subtitle: d, badge: r, classes: i } = n, p = !d && !r ? R.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: d, subtitle: r, badge: n, classes: x } = o, m = !r && !n ? U.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: o(
+          className: i(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
-            i == null ? void 0 : i.root
+            x == null ? void 0 : x.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(p, { className: o("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
-              d && /* @__PURE__ */ t.jsx("h5", { className: o("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: d }),
-              r && /* @__PURE__ */ t.jsx(v, { className: o("bg-color-positive", i == null ? void 0 : i.badge), children: r })
+            /* @__PURE__ */ t.jsxs(m, { className: i("flex w-full items-center justify-between gap-2", x == null ? void 0 : x.topContent), children: [
+              r && /* @__PURE__ */ t.jsx("h5", { className: i("desk-body-regular-l flex flex-1 text-color-dark", x == null ? void 0 : x.subtitle), children: r }),
+              n && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: n })
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: o("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
+            /* @__PURE__ */ t.jsxs("div", { className: i("grid w-full grid-cols-2 gap-2 desktop:gap-4", x == null ? void 0 : x.authWrapper), children: [
               /* @__PURE__ */ t.jsx(
-                I,
+                B,
                 {
                   ...e,
                   classes: {
@@ -797,13 +806,13 @@ const V = b(
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                C,
+                I,
                 {
-                  ...x,
+                  ...d,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...x.classes
+                    ...d.classes
                   }
                 }
               )
@@ -812,17 +821,78 @@ const V = b(
         }
       );
   }
-}, gt = (n) => it(n);
+}, yt = (o) => pt(o), z = ({ links: o, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: i("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: o == null ? void 0 : o.map(({ path: d, label: r }) => /* @__PURE__ */ t.jsx(
+  w,
+  {
+    classes: {
+      link: i("w-max", e == null ? void 0 : e.linkText),
+      icon: i(e == null ? void 0 : e.linkIcon)
+    },
+    href: d,
+    children: r
+  },
+  d
+)) }), mt = ({ groupLabel: o, links: e, mobileAccordionProps: d, classes: r }) => {
+  var x, m;
+  const { isMobile: n } = b();
+  return /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-2", r == null ? void 0 : r.columnGroup), children: [
+    !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("h5", { className: i("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", r == null ? void 0 : r.columnGroupHeading), children: o }),
+      /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "desktop")
+    ] }),
+    n && /* @__PURE__ */ t.jsx(
+      M,
+      {
+        defaultOpen: !0,
+        label: o,
+        icon: /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...d,
+        classes: {
+          ...d == null ? void 0 : d.classes,
+          trigger: i("p-0", (x = d == null ? void 0 : d.classes) == null ? void 0 : x.trigger),
+          contentInner: i("py-2 px-4", (m = d == null ? void 0 : d.classes) == null ? void 0 : m.contentInner)
+        },
+        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "mobile")
+      }
+    )
+  ] });
+}, ft = ({ columnsGroup: o, mobileAccordionProps: e, classes: d }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:gap-6", d == null ? void 0 : d.column), children: o == null ? void 0 : o.map((r) => /* @__PURE__ */ t.jsx(mt, { ...e, ...r, classes: d == null ? void 0 : d.columnGroup }, r.groupLabel)) }), ht = j("grid gap-4 grid-cols-1", {
+  variants: {
+    intent: {
+      twoCols: "desktop:grid-cols-2",
+      threeCols: "desktop:grid-cols-3",
+      fourCols: "desktop:grid-cols-4"
+    }
+  },
+  defaultVariants: {
+    intent: "fourCols"
+  }
+}), Ct = ({ data: o, mobileAccordionProps: e, rootAccordionProps: d, classes: r }) => {
+  var n, x;
+  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: i("min-w-full desktop:min-w-[1140px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
+    M,
+    {
+      defaultOpen: !0,
+      label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: i("text-left", r == null ? void 0 : r.heading), children: o == null ? void 0 : o.heading }),
+      ...d,
+      classes: {
+        ...d == null ? void 0 : d.classes,
+        content: i("max-w-full bg-color-blue-grey-100 relative", (n = d == null ? void 0 : d.classes) == null ? void 0 : n.content)
+      },
+      children: /* @__PURE__ */ t.jsx("div", { className: i(ht({ intent: o == null ? void 0 : o.intent }), r == null ? void 0 : r.columnsWrapper), children: (x = o == null ? void 0 : o.columns) == null ? void 0 : x.map((m, f) => /* @__PURE__ */ t.jsx(ft, { ...m, ...e, classes: r == null ? void 0 : r.column }, f)) })
+    }
+  ) }) });
+};
 export {
-  E as Advantages,
-  gt as AuthProvider,
-  at as Banner,
-  c as BannerWithSeparateImg,
-  jt as BaseForm,
-  ht as Benefit,
-  ut as Footer,
-  bt as LongBanner,
-  lt as PageHeader,
-  kt as Stepper
+  _ as Advantages,
+  yt as AuthProvider,
+  gt as Banner,
+  C as BannerWithSeparateImg,
+  jt as Benefit,
+  wt as Footer,
+  Ct as InterLinking,
+  vt as LongBanner,
+  bt as PageHeader,
+  Nt as Stepper
 };
 //# sourceMappingURL=widget.js.map