@scbt-ecom/ui 0.50.1 → 0.51.1

package/dist/widget.js

@@ -1,10 +1,10 @@
-import { j as t, B as y, H as j, c as h, R as k, P as F, b as D, I as f, C as I, S as G, a as U, L as Z, d as B, A as v, e as $ } from "./index-DXLhMM4P.js";
-import { s as q, c as L } from "./scrollToElement-BjUPRtGF.js";
+import { j as t, B as y, H as j, c as h, R as k, P as F, b as D, I as f, C as I, a as G, L as U, d as B, A as v, e as Z } from "./index-MnignE4U.js";
+import { s as $, c as L } from "./scrollToElement-BjUPRtGF.js";
 import { c as p, T as c } from "./typeGuards-BigW-JS1.js";
-import { a as g } from "./useDebounce-QgEEiWs9.js";
+import { a as b } from "./useDebounce-QgEEiWs9.js";
 import * as N from "react";
-import { useState as J, useMemo as K, createElement as Q } from "react";
-const X = h(
+import { useState as q, useMemo as J, createElement as K } from "react";
+const Q = h(
   "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: {
@@ -15,7 +15,7 @@ const X = h(
       }
     }
   }
-), Y = ({
+), X = ({
   description: r,
   title: e,
   img: o,
@@ -26,12 +26,12 @@ const X = h(
   intent: m,
   cardColor: a
 }) => {
-  const { isDesktop: u } = g(), l = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+  const { isDesktop: u } = b(), l = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     y,
     {
       intent: "primary",
       className: p("desktop:w-[200px]", d == null ? void 0 : d.button),
-      onClick: () => q("personal_form"),
+      onClick: () => $("personal_form"),
       size: "lg",
       children: x
     }
@@ -39,7 +39,7 @@ const X = h(
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: p(X({ intent: m }), { "pb-0": n }, { "pb-12": !n }, a, d == null ? void 0 : d.root),
+      className: p(Q({ intent: m }), { "pb-0": n }, { "pb-12": !n }, a, d == null ? void 0 : d.root),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", d == null ? void 0 : d.wrapper), children: [
           /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4", d == null ? void 0 : d.textContainer), children: [
@@ -53,7 +53,7 @@ const X = h(
     },
     o
   );
-}, A = h("grid gap-4", {
+}, Y = h("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -61,10 +61,10 @@ const X = h(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), qt = ({ heading: r, cards: e, classes: o, intent: n }) => /* @__PURE__ */ t.jsx("section", { className: p("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
+}), $t = ({ heading: r, cards: e, classes: o, intent: n }) => /* @__PURE__ */ t.jsx("section", { id: "benefit", className: p("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
   /* @__PURE__ */ t.jsx(j, { className: p("mb-8", o == null ? void 0 : o.heading), as: "h2", children: r }),
-  /* @__PURE__ */ t.jsx("ul", { className: p(A({ intent: n }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((d) => /* @__PURE__ */ t.jsx(Y, { intent: n, classes: o == null ? void 0 : o.item, ...d }, d.img)) })
-] }) }), P = (r) => {
+  /* @__PURE__ */ t.jsx("ul", { className: p(Y({ intent: n }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((d) => /* @__PURE__ */ t.jsx(X, { intent: n, classes: o == null ? void 0 : o.item, ...d }, d.img)) })
+] }) }), A = (r) => {
   const { variant: e, details: o } = r;
   switch (e) {
     case "withButton":
@@ -74,23 +74,30 @@ const X = h(
     default:
       return null;
   }
-}, Jt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: n }) => /* @__PURE__ */ t.jsx("header", { className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ t.jsx(k, { className: p(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ t.jsx(
-    "a",
-    {
-      href: r,
-      "aria-label": "logo",
-      target: "_blank",
-      rel: "noreferrer",
-      className: p(
-        "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-        n == null ? void 0 : n.logo
+}, qt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: n }) => /* @__PURE__ */ t.jsx(
+  "header",
+  {
+    id: "header",
+    className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
+    children: /* @__PURE__ */ t.jsx(k, { className: p(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: r,
+          "aria-label": "logo",
+          target: "_blank",
+          rel: "noreferrer",
+          className: p(
+            "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
+            n == null ? void 0 : n.logo
+          ),
+          children: D[e]
+        }
       ),
-      children: D[e]
-    }
-  ),
-  P(o)
-] }) }) }), R = ({ buttonsConfig: r, classes: e, className: o }) => {
+      A(o)
+    ] }) })
+  }
+), R = ({ buttonsConfig: r, classes: e, className: o }) => {
   var d;
   const n = (r == null ? void 0 : r.secondary) && r.secondary.children;
   return /* @__PURE__ */ t.jsxs(
@@ -118,7 +125,7 @@ const X = h(
       ]
     }
   );
-}, s = ({
+}, P = ({
   headTitle: r,
   subtitle: e,
   buttonsConfig: o,
@@ -129,7 +136,7 @@ const X = h(
   color: m
 }) => {
   var w;
-  const { isDesktop: a, isMobile: u } = g(), l = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: i.url }) : i, b = x && "url" in x && c.isObject(x) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, C = /* @__PURE__ */ t.jsx(
+  const { isDesktop: a, isMobile: u } = b(), l = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: i.url }) : i, g = x && "url" in x && c.isObject(x) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, C = /* @__PURE__ */ t.jsx(
     "div",
     {
       className: p(
@@ -147,7 +154,7 @@ const X = h(
         "data-test-id": "banner",
         className: p("relative h-[552px] desktop:h-[456px]", d == null ? void 0 : d.root),
         children: [
-          /* @__PURE__ */ t.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 ? l : b }),
+          /* @__PURE__ */ t.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 ? l : g }),
           /* @__PURE__ */ t.jsxs(k, { className: p("h-full", d == null ? void 0 : d.container), children: [
             /* @__PURE__ */ t.jsx("div", { className: p("flex h-full", d == null ? void 0 : d.wrapper), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", d == null ? void 0 : d.textBlock), children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
@@ -187,7 +194,7 @@ const X = h(
   color: a
 }) => {
   var H;
-  const { isDesktop: u, isMobile: l } = g(), b = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: i.url }) : i, C = m && "url" in m && c.isObject(m) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: m.url }) : m, w = /* @__PURE__ */ t.jsx(
+  const { isDesktop: u, isMobile: l } = b(), g = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: i.url }) : i, C = m && "url" in m && c.isObject(m) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: m.url }) : m, w = /* @__PURE__ */ t.jsx(
     "div",
     {
       className: p(
@@ -225,7 +232,7 @@ const X = h(
               ] }),
               /* @__PURE__ */ t.jsx(R, { buttonsConfig: o, classes: d })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { className: p("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", d == null ? void 0 : d.imageContainer), children: l ? b : C })
+            /* @__PURE__ */ t.jsx("div", { className: p("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", d == null ? void 0 : d.imageContainer), children: l ? g : C })
           ] }),
           u && x && w
         ] })
@@ -233,12 +240,12 @@ const X = h(
     ),
     l && x && w
   ] });
-}, Kt = ({ variant: r, ...e }) => {
+}, Jt = ({ variant: r, ...e }) => {
   switch (r) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(M, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(s, { ...e });
+      return /* @__PURE__ */ t.jsx(P, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(M, { ...e });
   }
@@ -247,6 +254,7 @@ const X = h(
   return /* @__PURE__ */ t.jsx(
     "div",
     {
+      id: "advantages",
       className: p(
         "m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
         { "desktop:max-w-[860px]": o === "threeCards" },
@@ -269,7 +277,7 @@ const X = h(
       ))
     }
   );
-}, tt = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: o, href: n }) => /* @__PURE__ */ t.jsx(
+}, s = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: o, href: n }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     className: p("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
@@ -278,7 +286,7 @@ const X = h(
     children: /* @__PURE__ */ t.jsx(f, { name: o, className: p("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   n
-)) }), et = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: o, text: n }) => /* @__PURE__ */ t.jsx(
+)) }), tt = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: o, text: n }) => /* @__PURE__ */ t.jsx(
   F,
   {
     phone: L(o),
@@ -290,7 +298,7 @@ const X = h(
     }
   },
   o
-)) }), rt = ({ classes: r, config: e }) => {
+)) }), et = ({ classes: r, config: e }) => {
   const { details: o } = e || {};
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -320,13 +328,13 @@ const X = h(
       )
     }
   );
-}, ot = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
+}, rt = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: p("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
     dangerouslySetInnerHTML: { __html: r }
   }
-), nt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+), ot = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
@@ -334,7 +342,7 @@ const X = h(
     className: p("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
     children: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite", className: p("size-full", r == null ? void 0 : r.footerLogoIcon) })
   }
-), dt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+), nt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   I,
   {
     intent: "white",
@@ -348,7 +356,7 @@ const X = h(
     },
     children: "Карта сайта"
   }
-), it = ({ text: r, classes: e }) => {
+), dt = ({ text: r, classes: e }) => {
   const [o, n] = N.useState(!1), [d, i] = N.useState(!1), x = N.useRef(null);
   return N.useEffect(() => {
     const m = x.current;
@@ -376,7 +384,7 @@ const X = h(
       }
     )
   ] });
-}, Qt = ({
+}, Kt = ({
   renderBlocks: {
     withSocialsLinks: r = !0,
     withPhones: e = !0,
@@ -390,8 +398,8 @@ const X = h(
   ligal: a,
   copyright: u = "",
   classes: l,
-  config: b
-}) => /* @__PURE__ */ t.jsx("footer", { className: p("w-full bg-color-footer py-8 desktop:py-10", l == null ? void 0 : l.root), children: /* @__PURE__ */ t.jsx(k, { className: p(l == null ? void 0 : l.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: p("mobile:pb-[176px]", l == null ? void 0 : l.footerWrapper), children: [
+  config: g
+}) => /* @__PURE__ */ t.jsx("footer", { id: "footer", className: p("w-full bg-color-footer py-8 desktop:py-10", l == null ? void 0 : l.root), children: /* @__PURE__ */ t.jsx(k, { className: p(l == null ? void 0 : l.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: p("mobile:pb-[176px]", l == null ? void 0 : l.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -401,15 +409,15 @@ const X = h(
       ),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: p(l == null ? void 0 : l.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(nt, { classes: l == null ? void 0 : l.footerLogo }),
-          r && /* @__PURE__ */ t.jsx(tt, { socialsLinks: x, classes: l == null ? void 0 : l.socialLinks })
+          /* @__PURE__ */ t.jsx(ot, { classes: l == null ? void 0 : l.footerLogo }),
+          r && /* @__PURE__ */ t.jsx(s, { socialsLinks: x, classes: l == null ? void 0 : l.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(et, { phones: m, classes: l == null ? void 0 : l.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(tt, { phones: m, classes: l == null ? void 0 : l.phonesBlock })
       ]
     }
   ),
-  o && /* @__PURE__ */ t.jsx(rt, { config: b, classes: l == null ? void 0 : l.navLinks }),
-  i && /* @__PURE__ */ t.jsx(it, { text: a || "" }),
+  o && /* @__PURE__ */ t.jsx(et, { config: g, classes: l == null ? void 0 : l.navLinks }),
+  i && /* @__PURE__ */ t.jsx(dt, { text: a || "" }),
   /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -418,12 +426,12 @@ const X = h(
         l == null ? void 0 : l.footerBottom
       ),
       children: [
-        n && /* @__PURE__ */ t.jsx(ot, { text: u, classes: l == null ? void 0 : l.copyright }),
-        d && /* @__PURE__ */ t.jsx(dt, { classes: l == null ? void 0 : l.siteMap })
+        n && /* @__PURE__ */ t.jsx(rt, { text: u, classes: l == null ? void 0 : l.copyright }),
+        d && /* @__PURE__ */ t.jsx(nt, { classes: l == null ? void 0 : l.siteMap })
       ]
     }
   )
-] }) }) }), pt = ({ classes: r, index: e, variant: o, title: n, description: d }) => {
+] }) }) }), it = ({ classes: r, index: e, variant: o, title: n, description: d }) => {
   const i = o === "withTitleAndDescription" && n;
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -456,9 +464,9 @@ const X = h(
       ]
     }
   );
-}, Xt = ({ headline: r, config: e, classes: o }) => {
+}, Qt = ({ headline: r, config: e, classes: o }) => {
   const { variant: n, details: d } = e;
-  return /* @__PURE__ */ t.jsx(G, { className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+  return /* @__PURE__ */ t.jsx("section", { id: "stepper", className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
     /* @__PURE__ */ t.jsx(j, { as: "h2", className: p("text-color-dark", o == null ? void 0 : o.headline), children: r }),
     /* @__PURE__ */ t.jsx(
       "div",
@@ -467,11 +475,11 @@ const X = h(
           "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: d == null ? void 0 : d.map((i, x) => /* @__PURE__ */ t.jsx(pt, { variant: n, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
+        children: d == null ? void 0 : d.map((i, x) => /* @__PURE__ */ t.jsx(it, { variant: n, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
       }
     )
   ] }) }) });
-}, xt = h("", {
+}, pt = h("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -487,7 +495,7 @@ const X = h(
   defaultVariants: {
     intent: "twoItems"
   }
-}), lt = h("", {
+}), xt = h("", {
   variants: {
     intent: {
       twoItems: "",
@@ -519,7 +527,7 @@ const X = h(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), mt = h("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), lt = h("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',
@@ -529,7 +537,7 @@ const X = h(
   defaultVariants: {
     intent: "twoItems"
   }
-}), at = h("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), mt = h("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -555,7 +563,7 @@ const X = h(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), ut = ({ data: r, intent: e }) => {
+}), at = ({ data: r, intent: e }) => {
   const {
     title: o,
     description: n,
@@ -563,16 +571,16 @@ const X = h(
       enabled: !1
     }
   } = r;
-  return /* @__PURE__ */ t.jsx("li", { className: p(mt({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ t.jsx("li", { className: p(lt({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ t.jsxs("div", { className: p("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ t.jsx("h4", { className: p("mob-title-bold-m text-color-dark"), children: o }),
-      d.enabled && /* @__PURE__ */ t.jsx(U, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: d == null ? void 0 : d.text })
+      d.enabled && /* @__PURE__ */ t.jsx(G, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: d == null ? void 0 : d.text })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: p("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, T = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(xt({ intent: r, desktopHidden: o, mobileHidden: n })), children: e }), ht = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(lt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((n, d) => /* @__PURE__ */ t.jsx(ut, { intent: e, data: n }, d)) }), Yt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: n, imageComponent: d, classes: i }) => {
+}, T = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(pt({ intent: r, desktopHidden: o, mobileHidden: n })), children: e }), ut = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(xt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((n, d) => /* @__PURE__ */ t.jsx(at, { intent: e, data: n }, d)) }), Xt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: n, imageComponent: d, classes: i }) => {
   const { intent: x = "twoItems", details: m } = n, a = x === "fourItems", u = x === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: p(i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(k, { className: p(i == null ? void 0 : i.container), children: [
+  return /* @__PURE__ */ t.jsx("section", { id: "long-banner", className: p(i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(k, { className: p(i == null ? void 0 : i.container), children: [
     u && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r }),
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -583,14 +591,14 @@ const X = h(
         ),
         children: [
           a && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: p(at({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: d }),
+          /* @__PURE__ */ t.jsx("div", { className: p(mt({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: d }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: p("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
                 a && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(ht, { details: m, intent: x, withButton: o }),
+                /* @__PURE__ */ t.jsx(ut, { details: m, intent: x, withButton: o }),
                 o && /* @__PURE__ */ t.jsx(
                   y,
                   {
@@ -630,11 +638,11 @@ const X = h(
           { "items-center": e },
           o == null ? void 0 : o.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(Z, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
+        children: e ? /* @__PURE__ */ t.jsx(U, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
       }
     )
   }
-), ft = ({ ...r }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [
+), ht = ({ ...r }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -691,7 +699,7 @@ const X = h(
     }
   )
 ] }), S = ({ mainLink: r, subLink: e, isLoading: o, badge: n, loaderProps: d, classes: i }) => {
-  const { isMobile: x } = g();
+  const { isMobile: x } = b();
   return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -715,7 +723,7 @@ const X = h(
     }
   ) });
 }, E = ({ mainLink: r, subLink: e, isLoading: o, badge: n, loaderProps: d, classes: i }) => {
-  const { isMobile: x } = g();
+  const { isMobile: x } = b();
   return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -726,7 +734,7 @@ const X = h(
       ),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
-          /* @__PURE__ */ t.jsx(ft, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(ht, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
           /* @__PURE__ */ t.jsx(V, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
           /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
@@ -734,7 +742,7 @@ const X = h(
       ]
     }
   ) });
-}, jt = (r) => {
+}, ft = (r) => {
   switch (r.mode) {
     case _.ESIA:
       return /* @__PURE__ */ t.jsx(E, { ...r });
@@ -783,7 +791,7 @@ const X = h(
         }
       );
   }
-}, At = (r) => jt(r), z = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: p("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: o, label: n }) => /* @__PURE__ */ t.jsx(
+}, Yt = (r) => ft(r), z = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: p("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: o, label: n }) => /* @__PURE__ */ t.jsx(
   I,
   {
     classes: {
@@ -795,9 +803,9 @@ const X = h(
     children: n
   },
   o
-)) }), kt = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: n }) => {
+)) }), jt = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: n }) => {
   var i, x, m;
-  const { isMobile: d } = g();
+  const { isMobile: d } = b();
   return /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !d && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx("h5", { className: p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: r }),
@@ -821,7 +829,7 @@ const X = h(
       }
     )
   ] });
-}, bt = ({ column: r, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(kt, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), gt = h("grid gap-4 grid-cols-1", {
+}, kt = ({ column: r, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(jt, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), gt = h("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -832,7 +840,7 @@ const X = h(
   defaultVariants: {
     variant: "fourCols"
   }
-}), Pt = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: n, classes: d }) => {
+}), At = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: n, classes: d }) => {
   var m, a, u;
   const { variant: i, details: x } = r;
   return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: p("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
@@ -848,10 +856,10 @@ const X = h(
         },
         content: p("max-w-full bg-color-blue-grey-100 relative", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: p(gt({ variant: i }), d == null ? void 0 : d.columnsWrapper), children: x == null ? void 0 : x.map((l, b) => /* @__PURE__ */ t.jsx(bt, { ...l, ...o, classes: d == null ? void 0 : d.column }, b)) })
+      children: /* @__PURE__ */ t.jsx("div", { className: p(gt({ variant: i }), d == null ? void 0 : d.columnsWrapper), children: x == null ? void 0 : x.map((l, g) => /* @__PURE__ */ t.jsx(kt, { ...l, ...o, classes: d == null ? void 0 : d.column }, g)) })
     }
   ) }) });
-}, wt = ({ tabsNames: r, activeTab: e, setActiveTab: o }) => /* @__PURE__ */ t.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: r && r.map((n, d) => /* @__PURE__ */ t.jsx(
+}, bt = ({ tabsNames: r, activeTab: e, setActiveTab: o }) => /* @__PURE__ */ t.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: r && r.map((n, d) => /* @__PURE__ */ t.jsx(
   "button",
   {
     onClick: () => o(d),
@@ -864,10 +872,10 @@ const X = h(
     children: n
   },
   n
-)) }), Nt = (r) => r.variant === "HTML", yt = (r) => r.variant === "DOCUMENTS", vt = (r) => r.variant === "TABLE", Ct = ({ html: r, config: e }) => {
+)) }), wt = (r) => r.variant === "HTML", Nt = (r) => r.variant === "DOCUMENTS", yt = (r) => r.variant === "TABLE", vt = ({ html: r, config: e }) => {
   const o = /* @__PURE__ */ t.jsx("div", { dangerouslySetInnerHTML: { __html: r ?? "" } });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(v, { label: e == null ? void 0 : e.accordionTitle, children: o }) : o });
-}, ct = (r, e) => ({
+}, Ct = (r, e) => ({
   rows: r == null ? void 0 : r.map(({ row: o }) => ({
     row: o == null ? void 0 : o.map((n, d) => {
       var i;
@@ -877,21 +885,21 @@ const X = h(
       };
     })
   }))
-}), It = h("flex flex-col", {
+}), ct = h("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Tt = h("grid px-4 mb-4", {
+}), It = h("grid px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), _t = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(Tt({ columnsVariant: e })), children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t.jsx("div", { className: "text-color-secondary", children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Bt = h("grid items-center", {
+}), Tt = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(It({ columnsVariant: e })), children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t.jsx("div", { className: "text-color-secondary", children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), _t = h("grid items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -902,14 +910,14 @@ const X = h(
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Ht = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: n }) => /* @__PURE__ */ t.jsx("div", { className: p(Bt({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }), children: r == null ? void 0 : r.map(({ cell: d }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: d && d }, i)) }), Mt = h("flex flex-col gap-2", {
+}), Bt = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: n }) => /* @__PURE__ */ t.jsx("div", { className: p(_t({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }), children: r == null ? void 0 : r.map(({ cell: d }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: d && d }, i)) }), Ht = h("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"
     }
   }
-}), St = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: n }) => /* @__PURE__ */ t.jsx("div", { className: p(Mt({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: d, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
+}), Mt = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: n }) => /* @__PURE__ */ t.jsx("div", { className: p(Ht({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: d, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
   i && /* @__PURE__ */ t.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: i }),
   /* @__PURE__ */ t.jsx(
     "div",
@@ -920,13 +928,13 @@ const X = h(
       children: d
     }
   )
-] }, x)) }), Et = ({ tableVariant: r, rows: e, headings: o, columnsVariant: n }) => {
+] }, x)) }), St = ({ tableVariant: r, rows: e, headings: o, columnsVariant: n }) => {
   var m;
-  const { isDesktop: d } = g(), i = ((m = ct(e, o)) == null ? void 0 : m.rows) ?? [], x = !!(o && o.length > 0);
+  const { isDesktop: d } = b(), i = ((m = Ct(e, o)) == null ? void 0 : m.rows) ?? [], x = !!(o && o.length > 0);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-    d && x && /* @__PURE__ */ t.jsx(_t, { headings: o, columnsVariant: n }),
-    d ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((a, u) => /* @__PURE__ */ t.jsx(Ht, { rowIndex: u, tableVariant: r, columnsVariant: n, ...a }, u)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((a, u) => /* @__PURE__ */ t.jsx(
-      St,
+    d && x && /* @__PURE__ */ t.jsx(Tt, { headings: o, columnsVariant: n }),
+    d ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((a, u) => /* @__PURE__ */ t.jsx(Bt, { rowIndex: u, tableVariant: r, columnsVariant: n, ...a }, u)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((a, u) => /* @__PURE__ */ t.jsx(
+      Mt,
       {
         headingsExist: x,
         tableVariant: r,
@@ -936,17 +944,17 @@ const X = h(
       u
     )) })
   ] });
-}, zt = ({ tableVariant: r, description: e, columnsVariant: o, config: n, rows: d, title: i, headings: x }) => {
-  const m = /* @__PURE__ */ t.jsxs("div", { className: p(It({ columnsVariant: o })), children: [
+}, Et = ({ tableVariant: r, description: e, columnsVariant: o, config: n, rows: d, title: i, headings: x }) => {
+  const m = /* @__PURE__ */ t.jsxs("div", { className: p(ct({ columnsVariant: o })), children: [
     i && /* @__PURE__ */ t.jsx(j, { as: "h4", className: "mb-4 desktop:mb-6", children: i }),
-    /* @__PURE__ */ t.jsx(Et, { tableVariant: r, rows: d, headings: x, columnsVariant: o }),
+    /* @__PURE__ */ t.jsx(St, { tableVariant: r, rows: d, headings: x, columnsVariant: o }),
     e && /* @__PURE__ */ t.jsx("div", { className: "mt-2 [&&]:desk-body-regular-m desktop:mt-2", dangerouslySetInnerHTML: { __html: e ?? "" } })
   ] });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ t.jsx(v, { label: n == null ? void 0 : n.accordionTitle, children: m }) : m });
-}, Ft = {
+}, zt = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Lt = h("size-8 transition-colors", {
+}, Ft = h("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -956,7 +964,7 @@ const X = h(
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), Rt = ({ label: r, size: e, url: o, iconType: n }) => /* @__PURE__ */ t.jsxs(
+}), Lt = ({ label: r, size: e, url: o, iconType: n }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
     href: o,
@@ -967,7 +975,7 @@ const X = h(
       "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__ */ t.jsx(f, { name: Ft[n], className: p(Lt({ iconType: n })) }),
+      /* @__PURE__ */ t.jsx(f, { name: zt[n], className: p(Ft({ iconType: n })) }),
       /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-1 flex-col"), children: [
         /* @__PURE__ */ t.jsx("p", { className: p("desk-body-medium-l text-color-dark"), children: r }),
         /* @__PURE__ */ t.jsxs("div", { className: p("desk-body-regular-m text-color-disabled"), children: [
@@ -977,49 +985,49 @@ const X = h(
       ] })
     ]
   }
-), Ot = ({ docs: r, config: e, title: o, iconType: n, description: d }) => {
+), Rt = ({ docs: r, config: e, title: o, iconType: n, description: d }) => {
   const i = /* @__PURE__ */ t.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
     o && /* @__PURE__ */ t.jsx(j, { as: "h3", className: "mb-4", children: o }),
-    /* @__PURE__ */ t.jsx("div", { className: "gap- flex flex-col gap-4", children: r == null ? void 0 : r.map((x) => /* @__PURE__ */ t.jsx(Rt, { iconType: n, ...x }, x.label)) }),
+    /* @__PURE__ */ t.jsx("div", { className: "gap- flex flex-col gap-4", children: r == null ? void 0 : r.map((x) => /* @__PURE__ */ t.jsx(Lt, { iconType: n, ...x }, x.label)) }),
     d && /* @__PURE__ */ t.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: d ?? "" } })
   ] });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(v, { label: e == null ? void 0 : e.accordionTitle, children: i }) : i });
-}, Wt = (r) => {
+}, Ot = (r) => {
   var e, o, n;
   switch (!0) {
+    case wt(r):
+      return (e = r.details) == null ? void 0 : e.map((d, i) => /* @__PURE__ */ t.jsx(vt, { ...d }, i));
     case Nt(r):
-      return (e = r.details) == null ? void 0 : e.map((d, i) => /* @__PURE__ */ t.jsx(Ct, { ...d }, i));
+      return (o = r.details) == null ? void 0 : o.map((d, i) => /* @__PURE__ */ t.jsx(Rt, { ...d }, i));
     case yt(r):
-      return (o = r.details) == null ? void 0 : o.map((d, i) => /* @__PURE__ */ t.jsx(Ot, { ...d }, i));
-    case vt(r):
-      return (n = r.details) == null ? void 0 : n.map((d, i) => /* @__PURE__ */ t.jsx(zt, { ...d }, i));
+      return (n = r.details) == null ? void 0 : n.map((d, i) => /* @__PURE__ */ t.jsx(Et, { ...d }, i));
     default:
       return null;
   }
-}, Vt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Wt(r) }), st = ({ headline: r, tabs: e }) => {
+}, Wt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Ot(r) }), Pt = ({ headline: r, tabs: e }) => {
   var i, x;
-  const [o, n] = J(0), d = K(() => e == null ? void 0 : e.map((m) => m == null ? void 0 : m.tabName), [e]) ?? [];
-  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ t.jsx("section", { id: "useful-info", className: "pb-[64px] desktop:pb-20", children: /* @__PURE__ */ t.jsxs(k, { children: [
+  const [o, n] = q(0), d = J(() => e == null ? void 0 : e.map((m) => m == null ? void 0 : m.tabName), [e]) ?? [];
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ t.jsx("section", { id: "useful-info", children: /* @__PURE__ */ t.jsxs(k, { children: [
     /* @__PURE__ */ t.jsx(j, { as: "h2", children: r }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(wt, { tabsNames: d, activeTab: o, setActiveTab: n }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (x = (i = e == null ? void 0 : e[o]) == null ? void 0 : i.contents) == null ? void 0 : x.map((m, a) => /* @__PURE__ */ t.jsx(Vt, { ...m }, a)) })
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(bt, { tabsNames: d, activeTab: o, setActiveTab: n }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (x = (i = e == null ? void 0 : e[o]) == null ? void 0 : i.contents) == null ? void 0 : x.map((m, a) => /* @__PURE__ */ t.jsx(Wt, { ...m }, a)) })
   ] }) });
-}, te = ({ fields: r, control: e }) => r.map(({ type: o, args: n }) => {
-  const d = $[o];
-  return /* @__PURE__ */ Q(d, { ...n, key: n.name, control: e });
+}, st = ({ fields: r, control: e }) => r.map(({ type: o, args: n }) => {
+  const d = Z[o];
+  return /* @__PURE__ */ K(d, { ...n, key: n.name, control: e });
 });
 export {
   O as Advantages,
-  At as AuthProvider,
-  Kt as Banner,
+  Yt as AuthProvider,
+  Jt as Banner,
   M as BannerWithSeparateImg,
-  qt as Benefit,
-  te as FieldMapper,
-  Qt as Footer,
-  Jt as Header,
-  Pt as InterLinking,
-  Yt as LongBanner,
-  Xt as Stepper,
-  st as UsefulInfo
+  $t as Benefit,
+  st as FieldMapper,
+  Kt as Footer,
+  qt as Header,
+  At as InterLinking,
+  Xt as LongBanner,
+  Qt as Stepper,
+  Pt as UsefulInfo
 };
 //# sourceMappingURL=widget.js.map