@scbt-ecom/ui 0.86.0 → 0.86.1

package/dist/lib/widgets/infoBlock/ui/RootContent.d.ts

@@ -1,5 +1,5 @@
+import { ButtonWithHandlersProps } from '../../buttonWithHandlers';
 import { LinksListClasses, LinksListProps } from './LinksList';
-import { ButtonProps } from '../../../shared/ui';
 import { RenderImage } from '../../../shared/utils';
 export type RootContentClasses = {
     wrapper?: string;
@@ -14,7 +14,7 @@ export type RootContentClasses = {
 export interface RootContentProps extends Omit<LinksListProps, 'classes'> {
     heading: string;
     description?: string;
-    buttonsGroup?: ButtonProps[];
+    buttonsGroup?: ButtonWithHandlersProps[];
     imageMobile: RenderImage['imgProps'];
     renderImageCb?: RenderImage['renderImageCb'];
     classes?: RootContentClasses;

package/dist/widget.js

@@ -5,7 +5,7 @@ var Vt = (e) => {
 var He = (e, t, r) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var St = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), _t = (e, t, r) => t.has(e) || Vt("Cannot " + r);
 var h = (e, t, r) => (_t(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Vt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), j = (e, t, r, n) => (_t(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (_t(e, t, "access private method"), r);
-var jt = (e, t, r, n) => ({
+var bt = (e, t, r, n) => ({
   set _(i) {
     j(e, t, i, r);
   },
@@ -14,12 +14,12 @@ var jt = (e, t, r, n) => ({
   }
 });
 import { j as o } from "./mergeRefs-Danc3mp8.js";
-import { Y as be, Z as je, _ as Re, $ as O, a0 as $t, a1 as ze, a2 as Le, a3 as Wt, a4 as W, a5 as Qe, a6 as Ve, a7 as $e, a8 as We, a9 as At, aa as qt, ab as Ae, ac as Ut, ad as Kt, ae as qe, B as pt, c as D, R as T, n as ye, F as Ue, E as P, i as c, Q as ft, r as Ke, t as Ze, p as Bt, L as Ye, o as Et, A as at, U as ke, af as Xe, q as Je, W as vt, z as Ge, ag as Pt, ah as se, M as tr } from "./index-Bz84dAoh.js";
+import { Y as be, Z as je, _ as Re, $ as O, a0 as $t, a1 as ze, a2 as Le, a3 as Wt, a4 as W, a5 as Qe, a6 as Ve, a7 as $e, a8 as We, a9 as At, aa as qt, ab as Ae, ac as Ut, ad as Kt, ae as qe, B as wt, c as D, R as T, n as ye, F as Ue, E as P, i as c, Q as pt, r as Ke, t as Ze, p as Bt, L as Ye, o as Et, A as at, U as ke, af as Xe, q as Je, W as vt, z as Ge, ag as Pt, ah as se, M as tr } from "./index-Bz84dAoh.js";
 import { c as a, T as _ } from "./typeGuards-CSiImkUY.js";
 import * as mt from "react";
-import { lazy as B, useCallback as we, useState as R, memo as Nt, useMemo as ct, createElement as Ct, useRef as Dt, useReducer as er, forwardRef as rr, useEffect as Ft } from "react";
+import { lazy as B, useCallback as we, useState as R, memo as Nt, useMemo as ft, createElement as Ct, useRef as Dt, useReducer as er, forwardRef as rr, useEffect as Ft } from "react";
 import { i as Zt } from "./isClient-C9aZtt2Q.js";
-import { s as nr, c as It, r as ot, a as or, l as ir } from "./renderImage-D1GvKq_K.js";
+import { s as nr, c as It, r as it, a as or, l as ir } from "./renderImage-D1GvKq_K.js";
 import { u as lt, b as Ht, a as dr, g as Mt, F as ar } from "./useDebounce-CEu2ysPk.js";
 import { z as ve, Z as Rt } from "./index-BO81H324.js";
 import { au as Ne } from "./utils-CnDzHNQ6.js";
@@ -135,7 +135,7 @@ var Q, pe, mr = (pe = class extends be {
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var d, l, u, x, m, p, f, I, y, F, k, M, E, z, v, C, L, X, gt, bt;
+    var d, l, u, x, m, p, f, I, y, F, k, M, E, z, v, C, L, X, ct, gt;
     const r = () => {
       q(this, $, U).call(this, { type: "continue" });
     };
@@ -206,8 +206,8 @@ var Q, pe, mr = (pe = class extends be {
           this.state.variables,
           this.state.context,
           this
-        )), await ((bt = (gt = this.options).onSettled) == null ? void 0 : bt.call(
-          gt,
+        )), await ((gt = (ct = this.options).onSettled) == null ? void 0 : gt.call(
+          ct,
           void 0,
           w,
           t,
@@ -308,7 +308,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
   build(t, r, n) {
     const i = new xr({
       mutationCache: this,
-      mutationId: ++jt(this, ht)._,
+      mutationId: ++bt(this, ht)._,
       options: t.defaultMutationOptions(r),
       state: n
     });
@@ -316,7 +316,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
   }
   add(t) {
     h(this, A).add(t);
-    const r = yt(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const n = h(this, H).get(r);
       n ? n.push(t) : h(this, H).set(r, [t]);
@@ -325,7 +325,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
   }
   remove(t) {
     if (h(this, A).delete(t)) {
-      const r = yt(t);
+      const r = jt(t);
       if (typeof r == "string") {
         const n = h(this, H).get(r);
         if (n)
@@ -338,7 +338,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
-    const r = yt(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const n = h(this, H).get(r), i = n == null ? void 0 : n.find(
         (d) => d.state.status === "pending"
@@ -349,7 +349,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
   }
   runNext(t) {
     var n;
-    const r = yt(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const i = (n = h(this, H).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
@@ -391,7 +391,7 @@ var A, H, ht, ce, pr = (ce = class extends be {
     );
   }
 }, A = new WeakMap(), H = new WeakMap(), ht = new WeakMap(), ce);
-function yt(e) {
+function jt(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
 }
@@ -415,7 +415,7 @@ function Yt(e) {
             return Promise.reject();
           if (C == null && v.pages.length)
             return Promise.resolve(v);
-          const gt = (() => {
+          const ct = (() => {
             const Qt = {
               client: t.client,
               queryKey: t.queryKey,
@@ -424,9 +424,9 @@ function Yt(e) {
               meta: t.options.meta
             };
             return M(Qt), Qt;
-          })(), bt = await E(gt), { maxPages: w } = t.options, J = L ? Ve : $e;
+          })(), gt = await E(ct), { maxPages: w } = t.options, J = L ? Ve : $e;
           return {
-            pages: J(v.pages, bt, w),
+            pages: J(v.pages, gt, w),
             pageParams: J(v.pageParams, C, w)
           };
         };
@@ -477,28 +477,28 @@ function fr(e, { pages: t, pageParams: r }) {
   var n;
   return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
 }
-var b, K, Z, tt, et, Y, rt, nt, ge, cr = (ge = class {
+var b, K, Z, et, rt, Y, nt, ot, ge, cr = (ge = class {
   constructor(e = {}) {
     N(this, b);
     N(this, K);
     N(this, Z);
-    N(this, tt);
     N(this, et);
-    N(this, Y);
     N(this, rt);
+    N(this, Y);
     N(this, nt);
-    j(this, b, e.queryCache || new mr()), j(this, K, e.mutationCache || new pr()), j(this, Z, e.defaultOptions || {}), j(this, tt, /* @__PURE__ */ new Map()), j(this, et, /* @__PURE__ */ new Map()), j(this, Y, 0);
+    N(this, ot);
+    j(this, b, e.queryCache || new mr()), j(this, K, e.mutationCache || new pr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
   }
   mount() {
-    jt(this, Y)._++, h(this, Y) === 1 && (j(this, rt, We.subscribe(async (e) => {
+    bt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, We.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, b).onFocus());
-    })), j(this, nt, At.subscribe(async (e) => {
+    })), j(this, ot, At.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, b).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    jt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, rt)) == null || e.call(this), j(this, rt, void 0), (t = h(this, nt)) == null || t.call(this), j(this, nt, void 0));
+    bt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
   }
   isFetching(e) {
     return h(this, b).findAll({ ...e, fetchStatus: "fetching" }).length;
@@ -635,25 +635,25 @@ var b, K, Z, tt, et, Y, rt, nt, ge, cr = (ge = class {
     j(this, Z, e);
   }
   setQueryDefaults(e, t) {
-    h(this, tt).set(Ut(e), {
+    h(this, et).set(Ut(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...h(this, tt).values()], r = {};
+    const t = [...h(this, et).values()], r = {};
     return t.forEach((n) => {
       Kt(e, n.queryKey) && Object.assign(r, n.defaultOptions);
     }), r;
   }
   setMutationDefaults(e, t) {
-    h(this, et).set(Ut(e), {
+    h(this, rt).set(Ut(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...h(this, et).values()], r = {};
+    const t = [...h(this, rt).values()], r = {};
     return t.forEach((n) => {
       Kt(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
     }), r;
@@ -683,7 +683,7 @@ var b, K, Z, tt, et, Y, rt, nt, ge, cr = (ge = class {
   clear() {
     h(this, b).clear(), h(this, K).clear();
   }
-}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), ge);
+}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ge);
 const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resolve().then(() => Oo)), jr = B(() => Promise.resolve().then(() => Wn)), yr = B(() => Promise.resolve().then(() => qn)), kr = B(() => Promise.resolve().then(() => Zr)), wr = B(() => Promise.resolve().then(() => Rr)), vr = B(() => Promise.resolve().then(() => hn)), Nr = B(() => Promise.resolve().then(() => dn)), Cr = B(() => Promise.resolve().then(() => mo)), Ir = B(() => Promise.resolve().then(() => Gr)), Mr = B(() => Promise.resolve().then(() => Pn)), Sr = B(() => Promise.resolve().then(() => Dr)), _r = B(() => Promise.resolve().then(() => Bo)), Or = {
   header: wr,
   seoHeader: Cr,
@@ -723,9 +723,9 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       n.show();
     }
   }
-}, [e]), it = ({ handlerOptions: e, className: t, ...r }) => {
+}, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
   const n = Fr(e);
-  return /* @__PURE__ */ o.jsx(pt, { className: a(t), onClick: n, ...r, children: r.children });
+  return /* @__PURE__ */ o.jsx(wt, { className: a(t), onClick: n, ...r, children: r.children });
 }, Br = D(
   "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",
   {
@@ -766,7 +766,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
               }
             )
           ] }),
-          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(it, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
         (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
@@ -797,7 +797,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
 }, Symbol.toStringTag, { value: "Module" })), Hr = ({ variant: e, details: t }) => {
   switch (e) {
     case "withButton":
-      return /* @__PURE__ */ o.jsx(it, { ...t });
+      return /* @__PURE__ */ o.jsx(tt, { ...t });
     case "withPhone":
       return /* @__PURE__ */ o.jsx(ye, { classes: { root: "items-end" }, ...t, phone: It(t.phone) });
     default:
@@ -846,7 +846,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       ),
       children: [
         r.enabled && /* @__PURE__ */ o.jsx(
-          it,
+          tt,
           {
             className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
             size: "lg",
@@ -855,7 +855,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
           }
         ),
         (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
-          it,
+          tt,
           {
             intent: "secondary",
             size: "lg",
@@ -866,7 +866,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       ]
     }
   );
-}, wt = ({ details: e, classes: t }) => {
+}, kt = ({ details: e, classes: t }) => {
   const { variant: r, items: n } = e ?? {};
   return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
     "div",
@@ -916,13 +916,13 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
         style: { backgroundColor: x ?? "#d9edff" },
         className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? ot({
+          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? it({
             imgProps: {
               className: "h-full w-full object-cover object-center",
               ...l
             },
             renderImageCb: u
-          }) : ot({
+          }) : it({
             imgProps: {
               className: "h-full w-full object-cover object-center",
               ...d
@@ -950,7 +950,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
               /* @__PURE__ */ o.jsx(Ie, { buttonConfig: r })
             ] }) }),
             (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
-              wt,
+              kt,
               {
                 classes: {
                   root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
@@ -963,7 +963,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       }
     ),
     (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
-      wt,
+      kt,
       {
         classes: {
           root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
@@ -1029,7 +1029,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: ot({
+                children: it({
                   imgProps: {
                     className: "h-full object-contain",
                     ...u
@@ -1045,7 +1045,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: ot({
+                children: it({
                   imgProps: {
                     className: "h-full object-contain",
                     ...l
@@ -1056,7 +1056,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
             )
           ] }),
           (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
-            wt,
+            kt,
             {
               classes: {
                 root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
@@ -1066,7 +1066,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
           )
         ] }),
         (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
-          wt,
+          kt,
           {
             classes: {
               root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
@@ -1120,7 +1120,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
         /* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
         /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l }) => /* @__PURE__ */ o.jsx(
-          ft,
+          pt,
           {
             href: d,
             "aria-label": l,
@@ -1151,7 +1151,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
 ), Ur = ({ classes: e }) => /* @__PURE__ */ o.jsx(
-  ft,
+  pt,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1339,7 +1339,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   i
 )) })), ee = ({ steppers: e, classes: t }) => {
   var x, m;
-  const r = e.length > 1, [n, i] = R(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = ct(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
+  const r = e.length > 1, [n, i] = R(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = ft(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
   return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(T, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
     /* @__PURE__ */ o.jsx(P, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
     /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
@@ -1498,7 +1498,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
                 l && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e, mobileHidden: !0 }),
                 /* @__PURE__ */ o.jsx(on, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
-                  it,
+                  tt,
                   {
                     className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
@@ -1586,7 +1586,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
     }
   ),
   (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ o.jsx(
-    ft,
+    pt,
     {
       intent: "blue",
       withUnderline: !0,
@@ -1693,7 +1693,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
       );
   }
 }, qo = (e) => ln(e), ie = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
-  ft,
+  pt,
   {
     classes: {
       link: a("w-max", t == null ? void 0 : t.linkText),
@@ -1992,7 +1992,7 @@ const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resol
   }
 }, En = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Bn({ entity: e, classes: t, accordionsConfig: r }) }), ae = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
   var u, x;
-  const [i, d] = R(0), l = ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
+  const [i, d] = R(0), l = ft(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
   return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(T, { className: a(r == null ? void 0 : r.container), children: [
     /* @__PURE__ */ o.jsx(P, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
     /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(pn, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
@@ -2190,7 +2190,7 @@ const dt = ({ html: e, as: t, ...r }) => {
                 /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
                   const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
                   return /* @__PURE__ */ Ct(
-                    pt,
+                    wt,
                     {
                       ...C,
                       key: L,
@@ -2252,7 +2252,7 @@ const dt = ({ html: e, as: t, ...r }) => {
     l == null ? void 0 : l.map((M, E) => {
       const z = M.type === "submit" && r.type === "checkbox" ? !m : !1;
       return /* @__PURE__ */ Ct(
-        pt,
+        wt,
         {
           ...M,
           key: E,
@@ -2348,7 +2348,7 @@ const dt = ({ html: e, as: t, ...r }) => {
     /* @__PURE__ */ o.jsx(P, { as: "h2", children: ut()[e].title }),
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ut()[e].description })
   ] }),
-  /* @__PURE__ */ o.jsx(pt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: ut()[e].button.text })
+  /* @__PURE__ */ o.jsx(wt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: ut()[e].button.text })
 ] }) }) }), Te = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Un = [
   {
     label: "Главная",
@@ -2362,7 +2362,7 @@ const dt = ({ html: e, as: t, ...r }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], kt = (e, t, r, n) => e.map((i, d) => {
+], yt = (e, t, r, n) => e.map((i, d) => {
   const l = d === n;
   return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ o.jsx(
@@ -2380,7 +2380,7 @@ const dt = ({ html: e, as: t, ...r }) => {
 }), Kn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Un }) => {
   const [i, d] = R(!1), l = Dt(null);
   dr(l, () => d(!1));
-  const { first: u, middle: x, last: m } = ct(() => {
+  const { first: u, middle: x, last: m } = ft(() => {
     let f = [], I = [], y = [];
     return t && (f = n.slice(0, t), I = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: I, last: y };
   }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
@@ -2398,7 +2398,7 @@ const dt = ({ html: e, as: t, ...r }) => {
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            kt(u, p, r == null ? void 0 : r.breadcrumb),
+            yt(u, p, r == null ? void 0 : r.breadcrumb),
             p,
             x.length > 0 && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
@@ -2432,15 +2432,15 @@ const dt = ({ html: e, as: t, ...r }) => {
               ] }),
               p
             ] }),
-            kt(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
+            yt(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          kt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+          yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        kt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+        yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
       )
     }
   );
@@ -2706,7 +2706,7 @@ const Zn = (e, t) => {
 })), lo = ({ categories: e, helpers: t, phone: r, ...n }) => {
   const i = ao(e), [d, l] = R(i[0]), u = (m) => {
     _.isUndefined(m) || _.isArray(m) || l(m);
-  }, x = ct(() => {
+  }, x = ft(() => {
     var m;
     return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
   }, [d, e]);
@@ -2868,7 +2868,7 @@ const Zn = (e, t) => {
   )
 ] }), ko = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
   e && /* @__PURE__ */ o.jsx(yo, { ...e, classes: n == null ? void 0 : n.assistHint }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(it, { className: "w-full", ...i }, d)) }),
+  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
   r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
 ] }), wo = ({
   rootDescription: e,
@@ -3040,7 +3040,7 @@ const Zn = (e, t) => {
   ] }) });
 }, xe = ({ calculators: e, headline: t, classes: r }) => {
   var m;
-  const n = e.length > 1, [i, d] = R(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ct(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
+  const n = e.length > 1, [i, d] = R(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ft(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
   return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(T, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ o.jsx(P, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
     n && /* @__PURE__ */ o.jsx(
@@ -3067,7 +3067,7 @@ const Zn = (e, t) => {
   __proto__: null,
   Calculator: xe,
   default: xe
-}, Symbol.toStringTag, { value: "Module" })), To = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(ft, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Fo = ({
+}, Symbol.toStringTag, { value: "Module" })), To = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Fo = ({
   heading: e,
   buttonsGroup: t,
   imageMobile: r,
@@ -3080,16 +3080,22 @@ const Zn = (e, t) => {
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", l == null ? void 0 : l.wrapper), children: [
     /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", l == null ? void 0 : l.textBlock), children: [
       /* @__PURE__ */ o.jsx(P, { as: "h2", className: a(l == null ? void 0 : l.heading), children: e }),
-      i && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description), children: i })
+      i && /* @__PURE__ */ o.jsx(
+        "p",
+        {
+          dangerouslySetInnerHTML: { __html: i },
+          className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description)
+        }
+      )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: ot({
+    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: it({
       imgProps: {
         className: a("object-contain w-full h-full", l == null ? void 0 : l.imageMobile),
         ...r
       },
       renderImageCb: n
     }) }),
-    u && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ o.jsx(pt, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
+    u && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
     x && /* @__PURE__ */ o.jsx(To, { linksList: d, classes: l == null ? void 0 : l.linksList })
   ] });
 }, he = (e) => {
@@ -3109,7 +3115,7 @@ const Zn = (e, t) => {
             className: a("h-[200px] w-full max-w-[432px] mobile:hidden", d == null ? void 0 : d.imageDesktopWrapper, {
               "h-[238px]": t === "md"
             }),
-            children: ot({
+            children: it({
               imgProps: {
                 className: a("object-contain w-full h-full", d == null ? void 0 : d.imageDesktop),
                 ...i
@@ -3132,7 +3138,7 @@ export {
   Lr as BannerWithSeparateImg,
   Jt as Benefit,
   Kn as Breadcrumbs,
-  it as ButtonWithHandlers,
+  tt as ButtonWithHandlers,
   xe as Calculator,
   _o as CalculatorView,
   le as DynamicForm,