@scbt-ecom/ui 0.43.0 → 0.44.1

package/dist/widget.js

@@ -1,10 +1,10 @@
-import { j as t, B as w, H as f, c as u, R as k, P as H, b as L, I as j, C as y, S as W, a as D, L as O, d as c, A as N } from "./CustomLink-BrBUFe53.js";
-import { s as V } from "./scrollToElement-B-reg4jF.js";
-import { c as p } from "./cn-DIfn7EPB.js";
-import { u as b } from "./useDevice-L83kSsN7.js";
+import { j as t, B as w, H as f, c as h, R as k, P as H, b as L, I as j, C as y, S as W, a as D, L as O, d as I, A as N, e as V } from "./index-DV_MMMPA.js";
+import { s as S } from "./scrollToElement-B-reg4jF.js";
+import { c as p } from "./typeGuards-yOWv7RXH.js";
+import { a as b } from "./useDebounce-QgEEiWs9.js";
 import * as g from "react";
-import { useState as S, useMemo as G } from "react";
-const U = u(
+import { useState as G, useMemo as U, createElement as $ } from "react";
+const Z = 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 U = u(
       }
     }
   }
-), Z = ({
+), q = ({
   description: r,
   title: e,
   img: o,
@@ -24,14 +24,14 @@ const U = u(
   withButton: i,
   buttonText: x,
   intent: l,
-  cardColor: h
+  cardColor: u
 }) => {
   const { isDesktop: a } = b(), m = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     w,
     {
       intent: "primary",
       className: p("desktop:w-[200px]", n == null ? void 0 : n.button),
-      onClick: () => V("personal_form"),
+      onClick: () => S("personal_form"),
       size: "lg",
       children: x
     }
@@ -39,7 +39,7 @@ const U = u(
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: p(U({ intent: l }), { "pb-0": d }, { "pb-12": !d }, h, n == null ? void 0 : n.root),
+      className: p(Z({ intent: l }), { "pb-0": d }, { "pb-12": !d }, u, n == null ? void 0 : n.root),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", n == null ? void 0 : n.wrapper), children: [
           /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4", n == null ? void 0 : n.textContainer), children: [
@@ -53,7 +53,7 @@ const U = u(
     },
     o
   );
-}, $ = u("grid gap-4", {
+}, J = h("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -61,20 +61,20 @@ const U = u(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ot = ({ heading: r, cards: e, classes: o, intent: d }) => /* @__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: [
+}), Gt = ({ heading: r, cards: e, classes: o, intent: d }) => /* @__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: [
   /* @__PURE__ */ t.jsx(f, { className: p("mb-8", o == null ? void 0 : o.heading), as: "h2", children: r }),
-  /* @__PURE__ */ t.jsx("ul", { className: p($({ intent: d }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(Z, { intent: d, classes: o == null ? void 0 : o.item, ...n }, n.img)) })
-] }) }), q = (r) => {
+  /* @__PURE__ */ t.jsx("ul", { className: p(J({ intent: d }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(q, { intent: d, classes: o == null ? void 0 : o.item, ...n }, n.img)) })
+] }) }), K = (r) => {
   const { variant: e, details: o } = r;
   switch (e) {
     case "withButton":
       return /* @__PURE__ */ t.jsx(w, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(H, { ...o });
+      return /* @__PURE__ */ t.jsx(H, { classes: { root: "items-end" }, ...o });
     default:
       return null;
   }
-}, Vt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: d }) => /* @__PURE__ */ t.jsx("header", { className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", d == null ? void 0 : d.header), children: /* @__PURE__ */ t.jsx(k, { className: p(d == null ? void 0 : d.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", d == null ? void 0 : d.wrapper), children: [
+}, Ut = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: d }) => /* @__PURE__ */ t.jsx("header", { className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", d == null ? void 0 : d.header), children: /* @__PURE__ */ t.jsx(k, { className: p(d == null ? void 0 : d.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", d == null ? void 0 : d.wrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
@@ -89,7 +89,7 @@ const U = u(
       children: L[e]
     }
   ),
-  q(o)
+  K(o)
 ] }) }) }), E = ({ buttonsConfig: r, classes: e, className: o }) => {
   var n;
   const d = (r == null ? void 0 : r.secondary) && r.secondary.children;
@@ -118,7 +118,7 @@ const U = u(
       ]
     }
   );
-}, J = ({
+}, Q = ({
   headTitle: r,
   subtitle: e,
   buttonsConfig: o,
@@ -128,7 +128,7 @@ const U = u(
   imgSets: x
 }) => {
   var m;
-  const { isDesktop: l, isMobile: h } = b(), a = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: u } = b(), a = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -187,7 +187,7 @@ const U = u(
         l && a
       ] })
     ] }),
-    h && a
+    u && a
   ] });
 }, B = ({
   headTitle: r,
@@ -199,7 +199,7 @@ const U = u(
   imgSets: x
 }) => {
   var m;
-  const { isDesktop: l, isMobile: h } = b(), a = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: u } = b(), a = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -243,14 +243,14 @@ const U = u(
       ] }),
       l && a
     ] }) }),
-    h && a
+    u && a
   ] });
-}, St = ({ bannerVariant: r, ...e }) => {
+}, $t = ({ bannerVariant: r, ...e }) => {
   switch (r) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(B, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(J, { ...e });
+      return /* @__PURE__ */ t.jsx(Q, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(B, { ...e });
   }
@@ -281,7 +281,7 @@ const U = u(
       ))
     }
   );
-}, K = ({ 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: d }) => /* @__PURE__ */ t.jsx(
+}, X = ({ 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: d }) => /* @__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),
@@ -290,19 +290,19 @@ const U = u(
     children: /* @__PURE__ */ t.jsx(j, { name: o, className: p("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   d
-)) }), Q = ({ 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: d }) => /* @__PURE__ */ t.jsx(
+)) }), Y = (r) => `${r[0]} ${r.slice(1, 4)} ${r.slice(4, 7)}-${r.slice(7, 9)}-${r.slice(9)}`, A = ({ 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: d }) => /* @__PURE__ */ t.jsx(
   H,
   {
-    phone: o,
+    phone: Y(o),
     text: d,
     classes: {
-      wrapper: p(e == null ? void 0 : e.phoneWrapper),
+      root: p(e == null ? void 0 : e.phoneWrapper),
       text: p("text-color-footer", e == null ? void 0 : e.phoneText),
       link: p("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
   o
-)) }), X = ({ classes: r, config: e }) => {
+)) }), P = ({ classes: r, config: e }) => {
   const { details: o } = e || {};
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -332,13 +332,13 @@ const U = u(
       )
     }
   );
-}, Y = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
+}, s = ({ 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 }
   }
-), A = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+), tt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
@@ -346,7 +346,7 @@ const U = u(
     className: p("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
     children: /* @__PURE__ */ t.jsx(j, { name: "brandLogos/logoWhite", className: p("size-full", r == null ? void 0 : r.footerLogoIcon) })
   }
-), P = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+), et = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   y,
   {
     intent: "white",
@@ -360,7 +360,7 @@ const U = u(
     },
     children: "Карта сайта"
   }
-), s = ({ text: r, classes: e }) => {
+), rt = ({ text: r, classes: e }) => {
   const [o, d] = g.useState(!1), [n, i] = g.useState(!1), x = g.useRef(null);
   return g.useEffect(() => {
     const l = x.current;
@@ -388,7 +388,7 @@ const U = u(
       }
     )
   ] });
-}, Gt = ({
+}, Zt = ({
   renderBlocks: {
     withSocialsLinks: r = !0,
     withPhones: e = !0,
@@ -399,7 +399,7 @@ const U = u(
   } = {},
   socialsLinks: x = [],
   phones: l = [],
-  ligal: h,
+  ligal: u,
   copyright: a = "",
   classes: m,
   config: v
@@ -413,15 +413,15 @@ const U = u(
       ),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: p(m == null ? void 0 : m.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(A, { classes: m == null ? void 0 : m.footerLogo }),
-          r && /* @__PURE__ */ t.jsx(K, { socialsLinks: x, classes: m == null ? void 0 : m.socialLinks })
+          /* @__PURE__ */ t.jsx(tt, { classes: m == null ? void 0 : m.footerLogo }),
+          r && /* @__PURE__ */ t.jsx(X, { socialsLinks: x, classes: m == null ? void 0 : m.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(Q, { phones: l, classes: m == null ? void 0 : m.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(A, { phones: l, classes: m == null ? void 0 : m.phonesBlock })
       ]
     }
   ),
-  o && /* @__PURE__ */ t.jsx(X, { config: v, classes: m == null ? void 0 : m.navLinks }),
-  i && /* @__PURE__ */ t.jsx(s, { text: h || "" }),
+  o && /* @__PURE__ */ t.jsx(P, { config: v, classes: m == null ? void 0 : m.navLinks }),
+  i && /* @__PURE__ */ t.jsx(rt, { text: u || "" }),
   /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -430,12 +430,12 @@ const U = u(
         m == null ? void 0 : m.footerBottom
       ),
       children: [
-        d && /* @__PURE__ */ t.jsx(Y, { text: a, classes: m == null ? void 0 : m.copyright }),
-        n && /* @__PURE__ */ t.jsx(P, { classes: m == null ? void 0 : m.siteMap })
+        d && /* @__PURE__ */ t.jsx(s, { text: a, classes: m == null ? void 0 : m.copyright }),
+        n && /* @__PURE__ */ t.jsx(et, { classes: m == null ? void 0 : m.siteMap })
       ]
     }
   )
-] }) }) }), tt = ({ classes: r, index: e, variant: o, title: d, description: n }) => {
+] }) }) }), ot = ({ classes: r, index: e, variant: o, title: d, description: n }) => {
   const i = o === "withTitleAndDescription" && d;
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -468,7 +468,7 @@ const U = u(
       ]
     }
   );
-}, Ut = ({ headline: r, config: e, classes: o }) => {
+}, qt = ({ headline: r, config: e, classes: o }) => {
   const { variant: d, details: n } = e;
   return /* @__PURE__ */ t.jsx(W, { 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(f, { as: "h2", className: p("text-color-dark", o == null ? void 0 : o.headline), children: r }),
@@ -479,11 +479,11 @@ const U = u(
           "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: n == null ? void 0 : n.map((i, x) => /* @__PURE__ */ t.jsx(tt, { variant: d, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
+        children: n == null ? void 0 : n.map((i, x) => /* @__PURE__ */ t.jsx(ot, { variant: d, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
       }
     )
   ] }) }) });
-}, et = u("", {
+}, nt = h("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -499,7 +499,7 @@ const U = u(
   defaultVariants: {
     intent: "twoItems"
   }
-}), rt = u("", {
+}), dt = h("", {
   variants: {
     intent: {
       twoItems: "",
@@ -531,7 +531,7 @@ const U = u(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), ot = u("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), it = 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',
@@ -541,7 +541,7 @@ const U = u(
   defaultVariants: {
     intent: "twoItems"
   }
-}), nt = u("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), pt = h("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -567,7 +567,7 @@ const U = u(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), dt = ({ data: r, intent: e }) => {
+}), xt = ({ data: r, intent: e }) => {
   const {
     title: o,
     description: d,
@@ -575,15 +575,15 @@ const U = u(
       enabled: !1
     }
   } = r;
-  return /* @__PURE__ */ t.jsx("li", { className: p(ot({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ t.jsx("li", { className: p(it({ 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 }),
       n.enabled && /* @__PURE__ */ t.jsx(D, { triggerElement: /* @__PURE__ */ t.jsx(j, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n == null ? void 0 : n.text })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: p("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: d } })
   ] }) });
-}, C = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: d = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(et({ intent: r, desktopHidden: o, mobileHidden: d })), children: e }), it = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(rt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((d, n) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: d }, n)) }), Zt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: d, imageComponent: n, classes: i }) => {
-  const { intent: x = "twoItems", details: l } = d, h = x === "fourItems", a = x === "twoItems";
+}, C = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: d = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(nt({ intent: r, desktopHidden: o, mobileHidden: d })), children: e }), mt = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(dt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((d, n) => /* @__PURE__ */ t.jsx(xt, { intent: e, data: d }, n)) }), Jt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: d, imageComponent: n, classes: i }) => {
+  const { intent: x = "twoItems", details: l } = d, u = x === "fourItems", a = 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: [
     a && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r }),
     /* @__PURE__ */ t.jsxs(
@@ -594,15 +594,15 @@ const U = u(
           i == null ? void 0 : i.contentContainer
         ),
         children: [
-          h && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: p(nt({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: n }),
+          u && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: p(pt({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: n }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: p("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
-                h && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(it, { details: l, intent: x, withButton: o }),
+                u && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(mt, { details: l, intent: x, withButton: o }),
                 o && /* @__PURE__ */ t.jsx(
                   w,
                   {
@@ -620,7 +620,7 @@ const U = u(
       }
     )
   ] }) });
-}, I = {
+}, c = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
@@ -646,7 +646,7 @@ const U = u(
       }
     )
   }
-), pt = ({ ...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: [
+), lt = ({ ...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",
     {
@@ -722,11 +722,11 @@ const U = u(
           /* @__PURE__ */ t.jsx(R, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
           /* @__PURE__ */ t.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        d && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
+        d && /* @__PURE__ */ t.jsx(I, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
       ]
     }
   ) });
-}, _ = ({ mainLink: r, subLink: e, isLoading: o, badge: d, loaderProps: n, classes: i }) => {
+}, M = ({ mainLink: r, subLink: e, isLoading: o, badge: d, loaderProps: n, classes: i }) => {
   const { isMobile: x } = b();
   return /* @__PURE__ */ t.jsx(F, { isLoading: o, loaderProps: n, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
@@ -738,21 +738,21 @@ const U = u(
       ),
       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(pt, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(lt, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
           /* @__PURE__ */ t.jsx(R, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
           /* @__PURE__ */ t.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        d && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
+        d && /* @__PURE__ */ t.jsx(I, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
       ]
     }
   ) });
-}, xt = (r) => {
+}, at = (r) => {
   switch (r.mode) {
-    case I.ESIA:
-      return /* @__PURE__ */ t.jsx(_, { ...r });
-    case I.MOBILE_ID:
+    case c.ESIA:
+      return /* @__PURE__ */ t.jsx(M, { ...r });
+    case c.MOBILE_ID:
       return /* @__PURE__ */ t.jsx(T, { ...r });
-    case I.COMBINE:
+    case c.COMBINE:
     default:
       const { esiaConfig: e, mobileIdConfig: o, subtitle: d, badge: n, classes: i } = r, x = !d && !n ? g.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
@@ -765,11 +765,11 @@ const U = u(
           children: [
             /* @__PURE__ */ t.jsxs(x, { className: p("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
               d && /* @__PURE__ */ t.jsx("h5", { className: p("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: d }),
-              n && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: n })
+              n && /* @__PURE__ */ t.jsx(I, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: n })
             ] }),
             /* @__PURE__ */ t.jsxs("div", { className: p("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
               /* @__PURE__ */ t.jsx(
-                _,
+                M,
                 {
                   ...e,
                   classes: {
@@ -795,7 +795,7 @@ const U = u(
         }
       );
   }
-}, $t = (r) => xt(r), M = ({ 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: d }) => /* @__PURE__ */ t.jsx(
+}, Kt = (r) => at(r), _ = ({ 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: d }) => /* @__PURE__ */ t.jsx(
   y,
   {
     classes: {
@@ -807,13 +807,13 @@ const U = u(
     children: d
   },
   o
-)) }), mt = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: d }) => {
+)) }), ut = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: d }) => {
   var i, x, l;
   const { isMobile: n } = b();
   return /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-2", d == null ? void 0 : d.columnGroup), children: [
     !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx("h5", { className: p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", d == null ? void 0 : d.columnGroupHeading), children: r }),
-      /* @__PURE__ */ t.jsx(M, { links: e, classes: d == null ? void 0 : d.linksList }, "desktop")
+      /* @__PURE__ */ t.jsx(_, { links: e, classes: d == null ? void 0 : d.linksList }, "desktop")
     ] }),
     n && /* @__PURE__ */ t.jsx(
       N,
@@ -829,11 +829,11 @@ const U = u(
           },
           contentInner: p("py-2 px-4", (l = o == null ? void 0 : o.classes) == null ? void 0 : l.contentInner)
         },
-        children: /* @__PURE__ */ t.jsx(M, { links: e, classes: d == null ? void 0 : d.linksList }, "mobile")
+        children: /* @__PURE__ */ t.jsx(_, { links: e, classes: d == null ? void 0 : d.linksList }, "mobile")
       }
     )
   ] });
-}, lt = ({ 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((d) => /* @__PURE__ */ t.jsx(mt, { ...e, ...d, classes: o == null ? void 0 : o.columnGroup }, d.groupLabel)) }), at = u("grid gap-4 grid-cols-1", {
+}, ht = ({ 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((d) => /* @__PURE__ */ t.jsx(ut, { ...e, ...d, classes: o == null ? void 0 : o.columnGroup }, d.groupLabel)) }), ft = h("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -844,8 +844,8 @@ const U = u(
   defaultVariants: {
     variant: "fourCols"
   }
-}), qt = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: d, classes: n }) => {
-  var l, h, a;
+}), Qt = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: d, classes: n }) => {
+  var l, u, a;
   const { variant: i, details: x } = r;
   return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: p("min-w-full desktop:min-w-[1140px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
     N,
@@ -856,14 +856,14 @@ const U = u(
       classes: {
         ...d == null ? void 0 : d.classes,
         header: {
-          trigger: p("bg-color-blue-grey-100", (h = (l = d == null ? void 0 : d.classes) == null ? void 0 : l.header) == null ? void 0 : h.trigger)
+          trigger: p("bg-color-blue-grey-100", (u = (l = d == null ? void 0 : d.classes) == null ? void 0 : l.header) == null ? void 0 : u.trigger)
         },
         content: p("max-w-full bg-color-blue-grey-100 relative", (a = d == null ? void 0 : d.classes) == null ? void 0 : a.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: p(at({ variant: i }), n == null ? void 0 : n.columnsWrapper), children: x == null ? void 0 : x.map((m, v) => /* @__PURE__ */ t.jsx(lt, { ...m, ...o, classes: n == null ? void 0 : n.column }, v)) })
+      children: /* @__PURE__ */ t.jsx("div", { className: p(ft({ variant: i }), n == null ? void 0 : n.columnsWrapper), children: x == null ? void 0 : x.map((m, v) => /* @__PURE__ */ t.jsx(ht, { ...m, ...o, classes: n == null ? void 0 : n.column }, v)) })
     }
   ) }) });
-}, ht = ({ 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((d, n) => /* @__PURE__ */ t.jsx(
+}, jt = ({ 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((d, n) => /* @__PURE__ */ t.jsx(
   "button",
   {
     onClick: () => o(n),
@@ -876,10 +876,10 @@ const U = u(
     children: d
   },
   d
-)) }), ut = (r) => r.variant === "HTML", ft = (r) => r.variant === "DOCUMENTS", jt = (r) => r.variant === "TABLE", kt = ({ html: r, config: e }) => {
+)) }), kt = (r) => r.variant === "HTML", bt = (r) => r.variant === "DOCUMENTS", gt = (r) => r.variant === "TABLE", wt = ({ 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(N, { label: e == null ? void 0 : e.accordionTitle, children: o }) : o });
-}, bt = (r, e) => ({
+}, Nt = (r, e) => ({
   rows: r == null ? void 0 : r.map(({ row: o }) => ({
     row: o == null ? void 0 : o.map((d, n) => {
       var i;
@@ -889,21 +889,21 @@ const U = u(
       };
     })
   }))
-}), gt = u("flex flex-col", {
+}), yt = h("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), wt = u("grid px-4 mb-4", {
+}), vt = h("grid px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), Nt = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(wt({ 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)) }), yt = u("grid items-center", {
+}), Ct = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(vt({ 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)) }), ct = h("grid items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -914,14 +914,14 @@ const U = u(
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), vt = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: d }) => /* @__PURE__ */ t.jsx("div", { className: p(yt({ columnsVariant: o, tableVariant: e }), { "border-none": d === 0 }), children: r == null ? void 0 : r.map(({ cell: n }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: n && n }, i)) }), Ct = u("flex flex-col gap-2", {
+}), It = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: d }) => /* @__PURE__ */ t.jsx("div", { className: p(ct({ columnsVariant: o, tableVariant: e }), { "border-none": d === 0 }), children: r == null ? void 0 : r.map(({ cell: n }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: n && n }, i)) }), Bt = 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"
     }
   }
-}), It = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: d }) => /* @__PURE__ */ t.jsx("div", { className: p(Ct({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: n, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !d }), children: [
+}), Tt = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: d }) => /* @__PURE__ */ t.jsx("div", { className: p(Bt({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: n, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !d }), children: [
   i && /* @__PURE__ */ t.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: i }),
   /* @__PURE__ */ t.jsx(
     "div",
@@ -932,33 +932,33 @@ const U = u(
       children: n
     }
   )
-] }, x)) }), ct = ({ tableVariant: r, rows: e, headings: o, columnsVariant: d }) => {
+] }, x)) }), Mt = ({ tableVariant: r, rows: e, headings: o, columnsVariant: d }) => {
   var l;
-  const { isDesktop: n } = b(), i = ((l = bt(e, o)) == null ? void 0 : l.rows) ?? [], x = !!(o && o.length > 0);
+  const { isDesktop: n } = b(), i = ((l = Nt(e, o)) == null ? void 0 : l.rows) ?? [], x = !!(o && o.length > 0);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-    n && x && /* @__PURE__ */ t.jsx(Nt, { headings: o, columnsVariant: d }),
-    n ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((h, a) => /* @__PURE__ */ t.jsx(vt, { rowIndex: a, tableVariant: r, columnsVariant: d, ...h }, a)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((h, a) => /* @__PURE__ */ t.jsx(
-      It,
+    n && x && /* @__PURE__ */ t.jsx(Ct, { headings: o, columnsVariant: d }),
+    n ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((u, a) => /* @__PURE__ */ t.jsx(It, { rowIndex: a, tableVariant: r, columnsVariant: d, ...u }, a)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((u, a) => /* @__PURE__ */ t.jsx(
+      Tt,
       {
         headingsExist: x,
         tableVariant: r,
         columnsVariant: d,
-        ...h
+        ...u
       },
       a
     )) })
   ] });
-}, Bt = ({ tableVariant: r, description: e, columnsVariant: o, config: d, rows: n, title: i, headings: x }) => {
-  const l = /* @__PURE__ */ t.jsxs("div", { className: p(gt({ columnsVariant: o })), children: [
+}, _t = ({ tableVariant: r, description: e, columnsVariant: o, config: d, rows: n, title: i, headings: x }) => {
+  const l = /* @__PURE__ */ t.jsxs("div", { className: p(yt({ columnsVariant: o })), children: [
     i && /* @__PURE__ */ t.jsx(f, { as: "h4", className: "mb-4 desktop:mb-6", children: i }),
-    /* @__PURE__ */ t.jsx(ct, { tableVariant: r, rows: n, headings: x, columnsVariant: o }),
+    /* @__PURE__ */ t.jsx(Mt, { tableVariant: r, rows: n, 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: d && (d != null && d.isAccordion) && (d != null && d.accordionTitle) ? /* @__PURE__ */ t.jsx(N, { label: d == null ? void 0 : d.accordionTitle, children: l }) : l });
-}, Tt = {
+}, Ht = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, _t = u("size-8 transition-colors", {
+}, Et = h("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -968,7 +968,7 @@ const U = u(
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), Mt = ({ label: r, size: e, url: o, iconType: d }) => /* @__PURE__ */ t.jsxs(
+}), zt = ({ label: r, size: e, url: o, iconType: d }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
     href: o,
@@ -979,7 +979,7 @@ const U = u(
       "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(j, { name: Tt[d], className: p(_t({ iconType: d })) }),
+      /* @__PURE__ */ t.jsx(j, { name: Ht[d], className: p(Et({ iconType: d })) }),
       /* @__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: [
@@ -989,45 +989,49 @@ const U = u(
       ] })
     ]
   }
-), Ht = ({ docs: r, config: e, title: o, iconType: d, description: n }) => {
+), Ft = ({ docs: r, config: e, title: o, iconType: d, description: n }) => {
   const i = /* @__PURE__ */ t.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
     o && /* @__PURE__ */ t.jsx(f, { 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(Mt, { iconType: d, ...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(zt, { iconType: d, ...x }, x.label)) }),
     n && /* @__PURE__ */ t.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: n ?? "" } })
   ] });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(N, { label: e == null ? void 0 : e.accordionTitle, children: i }) : i });
-}, Et = (r) => {
+}, Rt = (r) => {
   var e, o, d;
   switch (!0) {
-    case ut(r):
-      return (e = r.details) == null ? void 0 : e.map((n, i) => /* @__PURE__ */ t.jsx(kt, { ...n }, i));
-    case ft(r):
-      return (o = r.details) == null ? void 0 : o.map((n, i) => /* @__PURE__ */ t.jsx(Ht, { ...n }, i));
-    case jt(r):
-      return (d = r.details) == null ? void 0 : d.map((n, i) => /* @__PURE__ */ t.jsx(Bt, { ...n }, i));
+    case kt(r):
+      return (e = r.details) == null ? void 0 : e.map((n, i) => /* @__PURE__ */ t.jsx(wt, { ...n }, i));
+    case bt(r):
+      return (o = r.details) == null ? void 0 : o.map((n, i) => /* @__PURE__ */ t.jsx(Ft, { ...n }, i));
+    case gt(r):
+      return (d = r.details) == null ? void 0 : d.map((n, i) => /* @__PURE__ */ t.jsx(_t, { ...n }, i));
     default:
       return null;
   }
-}, zt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Et(r) }), Jt = ({ headline: r, tabs: e }) => {
+}, Lt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Rt(r) }), Xt = ({ headline: r, tabs: e }) => {
   var i, x;
-  const [o, d] = S(0), n = G(() => e == null ? void 0 : e.map((l) => l == null ? void 0 : l.tabName), [e]) ?? [];
+  const [o, d] = G(0), n = U(() => e == null ? void 0 : e.map((l) => l == null ? void 0 : l.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: [
     /* @__PURE__ */ t.jsx(f, { as: "h2", children: r }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(ht, { tabsNames: n, activeTab: o, setActiveTab: d }) }),
-    /* @__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((l, h) => /* @__PURE__ */ t.jsx(zt, { ...l }, h)) })
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(jt, { tabsNames: n, activeTab: o, setActiveTab: d }) }),
+    /* @__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((l, u) => /* @__PURE__ */ t.jsx(Lt, { ...l }, u)) })
   ] }) });
-};
+}, Yt = ({ fields: r, control: e }) => r.map(({ type: o, args: d }) => {
+  const n = V[o];
+  return /* @__PURE__ */ $(n, { ...d, key: d.name, control: e });
+});
 export {
   z as Advantages,
-  $t as AuthProvider,
-  St as Banner,
+  Kt as AuthProvider,
+  $t as Banner,
   B as BannerWithSeparateImg,
-  Ot as Benefit,
-  Gt as Footer,
-  Vt as Header,
-  qt as InterLinking,
-  Zt as LongBanner,
-  Ut as Stepper,
-  Jt as UsefulInfo
+  Gt as Benefit,
+  Yt as FieldMapper,
+  Zt as Footer,
+  Ut as Header,
+  Qt as InterLinking,
+  Jt as LongBanner,
+  qt as Stepper,
+  Xt as UsefulInfo
 };
 //# sourceMappingURL=widget.js.map