@scbt-ecom/ui 0.69.0 → 0.70.0

package/dist/widget.js

@@ -3,9 +3,9 @@ var Oe = (t) => {
   throw TypeError(t);
 };
 var jt = (t, e, n) => e in t ? gt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var ae = (t, e, n) => jt(t, typeof e != "symbol" ? e + "" : e, n), ke = (t, e, n) => e.has(t) || Oe("Cannot " + n);
-var h = (t, e, n) => (ke(t, e, "read from private field"), n ? n.call(t) : e.get(t)), C = (t, e, n) => e.has(t) ? Oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), y = (t, e, n, o) => (ke(t, e, "write to private field"), o ? o.call(t, n) : e.set(t, n), n), A = (t, e, n) => (ke(t, e, "access private method"), n);
-var ce = (t, e, n, o) => ({
+var ae = (t, e, n) => jt(t, typeof e != "symbol" ? e + "" : e, n), se = (t, e, n) => e.has(t) || Oe("Cannot " + n);
+var h = (t, e, n) => (se(t, e, "read from private field"), n ? n.call(t) : e.get(t)), C = (t, e, n) => e.has(t) ? Oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), y = (t, e, n, o) => (se(t, e, "write to private field"), o ? o.call(t, n) : e.set(t, n), n), q = (t, e, n) => (se(t, e, "access private method"), n);
+var pe = (t, e, n, o) => ({
   set _(i) {
     y(t, e, i, n);
   },
@@ -13,15 +13,15 @@ var ce = (t, e, n, o) => ({
     return h(t, e, o);
   }
 });
-import { S as Ze, x as Xe, Q as yt, y as E, z as Se, E as st, F as kt, G as Be, J as D, T as wt, W as vt, X as Nt, Y as Ct, Z as Re, _ as _e, $ as It, a0 as He, a1 as Pe, a2 as Tt, j as r, B as ue, c as F, R as S, n as Je, s as Mt, H, i as f, t as je, q as Ie, L as Et, o as Te, A as oe, v as Ft, a3 as Ot, r as St, U as Ye, a4 as Me, a5 as Bt, M as Rt } from "./index-CheXd2Zl.js";
-import { T as s, c as d } from "./typeGuards-Bhdr9KYW.js";
+import { S as Ze, x as Xe, Q as yt, y as E, z as Se, E as st, F as kt, G as Be, J as D, T as wt, W as vt, X as Nt, Y as Ct, Z as Re, _ as _e, $ as It, a0 as He, a1 as Pe, a2 as Tt, j as r, B as Ce, c as F, R as S, n as Je, s as Mt, H, i as f, t as ge, q as Ie, L as Et, o as Te, A as oe, v as Ft, a3 as Ot, r as St, U as Ye, a4 as Me, a5 as Bt, M as Rt } from "./index-Cskajs8e.js";
+import { T as s, c as d } from "./typeGuards-CSiImkUY.js";
 import * as le from "react";
-import { useCallback as Ge, useState as z, useMemo as ye, createElement as et, Fragment as _t, useEffect as tt, useRef as Ee, useReducer as Ht, memo as Fe, forwardRef as Pt } from "react";
-import { s as Dt, c as se, g as De, a as Lt } from "./uuid-2wKG15vy.js";
+import { useCallback as Ge, useState as Q, useMemo as je, createElement as et, Fragment as _t, useEffect as tt, useRef as Ee, useReducer as Ht, memo as Fe, forwardRef as Pt } from "react";
+import { scrollToElement as Dt, createPhoneNumber as ye, getUuid as De, capitalize as Lt } from "./utils.js";
 import { i as rt } from "./isClient-C9aZtt2Q.js";
 import { u as Y, b as nt, a as zt, g as ot, F as Qt } from "./useDebounce-MaKPBuaC.js";
-import { o as Vt, z as At } from "./utils-DyIly-dX.js";
-import { z as it, Z as at } from "./index-BwK6Inph.js";
+import { o as Vt, z as At } from "./utils-k3uzuyeN.js";
+import { z as it, Z as at } from "./index-lfBvBrWg.js";
 import { a as qt, u as Ut } from "./useFieldsProgress-CeEaFp3Q.js";
 import { createPortal as dt } from "react-dom";
 var B, Ue, Wt = (Ue = class extends Ze {
@@ -96,13 +96,13 @@ var B, Ue, Wt = (Ue = class extends Ze {
       });
     });
   }
-}, B = new WeakMap(), Ue), R, T, X, _, q, We, Kt = (We = class extends st {
+}, B = new WeakMap(), Ue), R, T, J, _, U, We, Kt = (We = class extends st {
   constructor(e) {
     super();
     C(this, _);
     C(this, R);
     C(this, T);
-    C(this, X);
+    C(this, J);
     this.mutationId = e.mutationId, y(this, T, e.mutationCache), y(this, R, []), this.state = e.state || $t(), this.setOptions(e.options), this.scheduleGc();
   }
   setOptions(e) {
@@ -130,21 +130,21 @@ var B, Ue, Wt = (Ue = class extends Ze {
   }
   continue() {
     var e;
-    return ((e = h(this, X)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    return ((e = h(this, J)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var a, l, u, m, x, p, c, g, k, v, I, P, G, Q, N, M, V, $, he, ie;
+    var a, l, u, m, x, p, c, g, k, v, I, P, G, V, N, M, A, Z, xe, ie;
     const n = () => {
-      A(this, _, q).call(this, { type: "continue" });
+      q(this, _, U).call(this, { type: "continue" });
     };
-    y(this, X, kt({
+    y(this, J, kt({
       fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (w, pe) => {
-        A(this, _, q).call(this, { type: "failed", failureCount: w, error: pe });
+      onFail: (w, he) => {
+        q(this, _, U).call(this, { type: "failed", failureCount: w, error: he });
       },
       onPause: () => {
-        A(this, _, q).call(this, { type: "pause" });
+        q(this, _, U).call(this, { type: "pause" });
       },
       onContinue: n,
       retry: this.options.retry ?? 0,
@@ -152,25 +152,25 @@ var B, Ue, Wt = (Ue = class extends Ze {
       networkMode: this.options.networkMode,
       canRun: () => h(this, T).canRun(this)
     }));
-    const o = this.state.status === "pending", i = !h(this, X).canStart();
+    const o = this.state.status === "pending", i = !h(this, J).canStart();
     try {
       if (o)
         n();
       else {
-        A(this, _, q).call(this, { type: "pending", variables: e, isPaused: i }), await ((l = (a = h(this, T).config).onMutate) == null ? void 0 : l.call(
+        q(this, _, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((l = (a = h(this, T).config).onMutate) == null ? void 0 : l.call(
           a,
           e,
           this
         ));
-        const pe = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
-        pe !== this.state.context && A(this, _, q).call(this, {
+        const he = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
+        he !== this.state.context && q(this, _, U).call(this, {
           type: "pending",
-          context: pe,
+          context: he,
           variables: e,
           isPaused: i
         });
       }
-      const w = await h(this, X).start();
+      const w = await h(this, J).start();
       return await ((p = (x = h(this, T).config).onSuccess) == null ? void 0 : p.call(
         x,
         w,
@@ -184,10 +184,10 @@ var B, Ue, Wt = (Ue = class extends Ze {
         this.state.variables,
         this.state.context,
         this
-      )), await ((P = (I = this.options).onSettled) == null ? void 0 : P.call(I, w, null, e, this.state.context)), A(this, _, q).call(this, { type: "success", data: w }), w;
+      )), await ((P = (I = this.options).onSettled) == null ? void 0 : P.call(I, w, null, e, this.state.context)), q(this, _, U).call(this, { type: "success", data: w }), w;
     } catch (w) {
       try {
-        throw await ((Q = (G = h(this, T).config).onError) == null ? void 0 : Q.call(
+        throw await ((V = (G = h(this, T).config).onError) == null ? void 0 : V.call(
           G,
           w,
           e,
@@ -198,28 +198,28 @@ var B, Ue, Wt = (Ue = class extends Ze {
           w,
           e,
           this.state.context
-        )), await (($ = (V = h(this, T).config).onSettled) == null ? void 0 : $.call(
-          V,
+        )), await ((Z = (A = h(this, T).config).onSettled) == null ? void 0 : Z.call(
+          A,
           void 0,
           w,
           this.state.variables,
           this.state.context,
           this
-        )), await ((ie = (he = this.options).onSettled) == null ? void 0 : ie.call(
-          he,
+        )), await ((ie = (xe = this.options).onSettled) == null ? void 0 : ie.call(
+          xe,
           void 0,
           w,
           e,
           this.state.context
         )), w;
       } finally {
-        A(this, _, q).call(this, { type: "error", error: w });
+        q(this, _, U).call(this, { type: "error", error: w });
       }
     } finally {
       h(this, T).runNext(this);
     }
   }
-}, R = new WeakMap(), T = new WeakMap(), X = new WeakMap(), _ = new WeakSet(), q = function(e) {
+}, R = new WeakMap(), T = new WeakMap(), J = new WeakMap(), _ = new WeakSet(), U = function(e) {
   const n = (o) => {
     switch (e.type) {
       case "failed":
@@ -296,18 +296,18 @@ function $t() {
     submittedAt: 0
   };
 }
-var L, O, xe, Ke, Zt = (Ke = class extends Ze {
+var L, O, me, Ke, Zt = (Ke = class extends Ze {
   constructor(e = {}) {
     super();
     C(this, L);
     C(this, O);
-    C(this, xe);
-    this.config = e, y(this, L, /* @__PURE__ */ new Set()), y(this, O, /* @__PURE__ */ new Map()), y(this, xe, 0);
+    C(this, me);
+    this.config = e, y(this, L, /* @__PURE__ */ new Set()), y(this, O, /* @__PURE__ */ new Map()), y(this, me, 0);
   }
   build(e, n, o) {
     const i = new Kt({
       mutationCache: this,
-      mutationId: ++ce(this, xe)._,
+      mutationId: ++pe(this, me)._,
       options: e.defaultMutationOptions(n),
       state: o
     });
@@ -315,7 +315,7 @@ var L, O, xe, Ke, Zt = (Ke = class extends Ze {
   }
   add(e) {
     h(this, L).add(e);
-    const n = fe(e);
+    const n = ce(e);
     if (typeof n == "string") {
       const o = h(this, O).get(n);
       o ? o.push(e) : h(this, O).set(n, [e]);
@@ -324,7 +324,7 @@ var L, O, xe, Ke, Zt = (Ke = class extends Ze {
   }
   remove(e) {
     if (h(this, L).delete(e)) {
-      const n = fe(e);
+      const n = ce(e);
       if (typeof n == "string") {
         const o = h(this, O).get(n);
         if (o)
@@ -337,7 +337,7 @@ var L, O, xe, Ke, Zt = (Ke = class extends Ze {
     this.notify({ type: "removed", mutation: e });
   }
   canRun(e) {
-    const n = fe(e);
+    const n = ce(e);
     if (typeof n == "string") {
       const o = h(this, O).get(n), i = o == null ? void 0 : o.find(
         (a) => a.state.status === "pending"
@@ -348,7 +348,7 @@ var L, O, xe, Ke, Zt = (Ke = class extends Ze {
   }
   runNext(e) {
     var o;
-    const n = fe(e);
+    const n = ce(e);
     if (typeof n == "string") {
       const i = (o = h(this, O).get(n)) == null ? void 0 : o.find((a) => a !== e && a.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
@@ -389,8 +389,8 @@ var L, O, xe, Ke, Zt = (Ke = class extends Ze {
       )
     );
   }
-}, L = new WeakMap(), O = new WeakMap(), xe = new WeakMap(), Ke);
-function fe(t) {
+}, L = new WeakMap(), O = new WeakMap(), me = new WeakMap(), Ke);
+function ce(t) {
   var e;
   return (e = t.options.scope) == null ? void 0 : e.id;
 }
@@ -409,40 +409,40 @@ function Le(t) {
               I = !0;
             }), e.signal)
           });
-        }, G = wt(e.options, e.fetchOptions), Q = async (N, M, V) => {
+        }, G = wt(e.options, e.fetchOptions), V = async (N, M, A) => {
           if (I)
             return Promise.reject();
           if (M == null && N.pages.length)
             return Promise.resolve(N);
-          const $ = {
+          const Z = {
             client: e.client,
             queryKey: e.queryKey,
             pageParam: M,
-            direction: V ? "backward" : "forward",
+            direction: A ? "backward" : "forward",
             meta: e.options.meta
           };
-          P($);
-          const he = await G(
-            $
-          ), { maxPages: ie } = e.options, w = V ? vt : Nt;
+          P(Z);
+          const xe = await G(
+            Z
+          ), { maxPages: ie } = e.options, w = A ? vt : Nt;
           return {
-            pages: w(N.pages, he, ie),
+            pages: w(N.pages, xe, ie),
             pageParams: w(N.pageParams, M, ie)
           };
         };
         if (i && a.length) {
-          const N = i === "backward", M = N ? Xt : ze, V = {
+          const N = i === "backward", M = N ? Xt : ze, A = {
             pages: a,
             pageParams: l
-          }, $ = M(o, V);
-          u = await Q(V, $, N);
+          }, Z = M(o, A);
+          u = await V(A, Z, N);
         } else {
           const N = t ?? a.length;
           do {
             const M = m === 0 ? l[0] ?? o.initialPageParam : ze(o, u);
             if (m > 0 && M == null)
               break;
-            u = await Q(u, M), m++;
+            u = await V(u, M), m++;
           } while (m < N);
         }
         return u;
@@ -477,20 +477,20 @@ function Xt(t, { pages: e, pageParams: n }) {
   var o;
   return e.length > 0 ? (o = t.getPreviousPageParam) == null ? void 0 : o.call(t, e[0], e, n[0], n) : void 0;
 }
-var j, U, W, ee, te, K, re, ne, $e, Jt = ($e = class {
+var j, W, K, ee, te, $, re, ne, $e, Jt = ($e = class {
   constructor(t = {}) {
     C(this, j);
-    C(this, U);
     C(this, W);
+    C(this, K);
     C(this, ee);
     C(this, te);
-    C(this, K);
+    C(this, $);
     C(this, re);
     C(this, ne);
-    y(this, j, t.queryCache || new Wt()), y(this, U, t.mutationCache || new Zt()), y(this, W, t.defaultOptions || {}), y(this, ee, /* @__PURE__ */ new Map()), y(this, te, /* @__PURE__ */ new Map()), y(this, K, 0);
+    y(this, j, t.queryCache || new Wt()), y(this, W, t.mutationCache || new Zt()), y(this, K, t.defaultOptions || {}), y(this, ee, /* @__PURE__ */ new Map()), y(this, te, /* @__PURE__ */ new Map()), y(this, $, 0);
   }
   mount() {
-    ce(this, K)._++, h(this, K) === 1 && (y(this, re, Ct.subscribe(async (t) => {
+    pe(this, $)._++, h(this, $) === 1 && (y(this, re, Ct.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), h(this, j).onFocus());
     })), y(this, ne, Re.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), h(this, j).onOnline());
@@ -498,13 +498,13 @@ var j, U, W, ee, te, K, re, ne, $e, Jt = ($e = class {
   }
   unmount() {
     var t, e;
-    ce(this, K)._--, h(this, K) === 0 && ((t = h(this, re)) == null || t.call(this), y(this, re, void 0), (e = h(this, ne)) == null || e.call(this), y(this, ne, void 0));
+    pe(this, $)._--, h(this, $) === 0 && ((t = h(this, re)) == null || t.call(this), y(this, re, void 0), (e = h(this, ne)) == null || e.call(this), y(this, ne, void 0));
   }
   isFetching(t) {
     return h(this, j).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
   isMutating(t) {
-    return h(this, U).findAll({ ...t, status: "pending" }).length;
+    return h(this, W).findAll({ ...t, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -620,19 +620,19 @@ var j, U, W, ee, te, K, re, ne, $e, Jt = ($e = class {
     return t.behavior = Le(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
-    return Re.isOnline() ? h(this, U).resumePausedMutations() : Promise.resolve();
+    return Re.isOnline() ? h(this, W).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
     return h(this, j);
   }
   getMutationCache() {
-    return h(this, U);
+    return h(this, W);
   }
   getDefaultOptions() {
-    return h(this, W);
+    return h(this, K);
   }
   setDefaultOptions(t) {
-    y(this, W, t);
+    y(this, K, t);
   }
   setQueryDefaults(t, e) {
     h(this, ee).set(He(t), {
@@ -662,7 +662,7 @@ var j, U, W, ee, te, K, re, ne, $e, Jt = ($e = class {
     if (t._defaulted)
       return t;
     const e = {
-      ...h(this, W).queries,
+      ...h(this, K).queries,
       ...this.getQueryDefaults(t.queryKey),
       ...t,
       _defaulted: !0
@@ -674,16 +674,16 @@ var j, U, W, ee, te, K, re, ne, $e, Jt = ($e = class {
   }
   defaultMutationOptions(t) {
     return t != null && t._defaulted ? t : {
-      ...h(this, W).mutations,
+      ...h(this, K).mutations,
       ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
       ...t,
       _defaulted: !0
     };
   }
   clear() {
-    h(this, j).clear(), h(this, U).clear();
+    h(this, j).clear(), h(this, W).clear();
   }
-}, j = new WeakMap(), U = new WeakMap(), W = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), K = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), $e);
+}, j = new WeakMap(), W = new WeakMap(), K = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), $ = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), $e);
 const Yt = [
   "header",
   "footer",
@@ -731,9 +731,9 @@ const Yt = [
       break;
     }
   }
-}, [t]), J = ({ handlerOptions: t, ...e }) => {
-  const n = rr(t);
-  return /* @__PURE__ */ r.jsx(ue, { onClick: n, ...e, children: e.children });
+}, [t]), z = ({ handlerOptions: t, className: e, ...n }) => {
+  const o = rr(t);
+  return /* @__PURE__ */ r.jsx(Ce, { className: d(e), onClick: o, ...n, children: n.children });
 }, nr = F(
   "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",
   {
@@ -774,7 +774,7 @@ const Yt = [
               }
             )
           ] }),
-          a && x && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ r.jsx(J, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          a && x && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ r.jsx(z, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
         (o || x) && n && /* @__PURE__ */ r.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: n && "url" in n && s.isObject(n) ? /* @__PURE__ */ r.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: n.url, alt: n.alt }) : n })
       ]
@@ -789,7 +789,7 @@ const Yt = [
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Wn = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(S, { className: o == null ? void 0 : o.container, children: [
+}), Kn = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(S, { className: o == null ? void 0 : o.container, children: [
   /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -801,13 +801,13 @@ const Yt = [
 ] }) }), ar = ({ variant: t, details: e }) => {
   switch (t) {
     case "withButton":
-      return /* @__PURE__ */ r.jsx(J, { ...e });
+      return /* @__PURE__ */ r.jsx(z, { ...e });
     case "withPhone":
-      return /* @__PURE__ */ r.jsx(Je, { classes: { root: "items-end" }, ...e, phone: se(e.phone) });
+      return /* @__PURE__ */ r.jsx(Je, { classes: { root: "items-end" }, ...e, phone: ye(e.phone) });
     default:
       return null;
   }
-}, Kn = (t) => {
+}, $n = (t) => {
   const { logoPath: e = "/", logoType: n = "main", classes: o } = t;
   return /* @__PURE__ */ r.jsx(
     "header",
@@ -852,7 +852,7 @@ const Yt = [
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: (o == null ? void 0 : o.details) && ((I = o == null ? void 0 : o.details) == null ? void 0 : I.items.length) > 0 && /* @__PURE__ */ r.jsx(Ne, { ...o })
+      children: (o == null ? void 0 : o.details) && ((I = o == null ? void 0 : o.details) == null ? void 0 : I.items.length) > 0 && /* @__PURE__ */ r.jsx(ve, { ...o })
     }
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -893,7 +893,7 @@ const Yt = [
                   ),
                   children: [
                     p.enabled && /* @__PURE__ */ r.jsx(
-                      J,
+                      z,
                       {
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
@@ -902,7 +902,7 @@ const Yt = [
                       }
                     ),
                     (c == null ? void 0 : c.enabled) && /* @__PURE__ */ r.jsx(
-                      J,
+                      z,
                       {
                         intent: "secondary",
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
@@ -969,7 +969,7 @@ const Yt = [
                   ),
                   children: [
                     x.enabled && /* @__PURE__ */ r.jsx(
-                      J,
+                      z,
                       {
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
@@ -978,7 +978,7 @@ const Yt = [
                       }
                     ),
                     (p == null ? void 0 : p.enabled) && /* @__PURE__ */ r.jsx(
-                      J,
+                      z,
                       {
                         intent: "secondary",
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
@@ -1007,7 +1007,7 @@ const Yt = [
                 "items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:flex desktop:translate-x-1/2 desktop:p-0",
                 i == null ? void 0 : i.advantageContainer
               ),
-              children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ r.jsx(Ne, { ...o })
+              children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ r.jsx(ve, { ...o })
             }
           )
         ] })
@@ -1020,11 +1020,11 @@ const Yt = [
           "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:hidden desktop:translate-x-1/2 desktop:p-0",
           i == null ? void 0 : i.advantageContainer
         ),
-        children: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ne, { ...o })
+        children: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(ve, { ...o })
       }
     )
   ] });
-}, $n = ({ variant: t, ...e }) => {
+}, Zn = ({ variant: t, ...e }) => {
   switch (t) {
     case "separateImg":
       return /* @__PURE__ */ r.jsx(Qe, { ...e });
@@ -1033,7 +1033,7 @@ const Yt = [
     default:
       return /* @__PURE__ */ r.jsx(Qe, { ...e });
   }
-}, Ne = ({ details: t, classes: e }) => {
+}, ve = ({ details: t, classes: e }) => {
   const { variant: n, items: o } = t ?? {};
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -1073,7 +1073,7 @@ const Yt = [
 )) }), ur = ({ phones: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: n, text: o }) => /* @__PURE__ */ r.jsx(
   Je,
   {
-    phone: se(n),
+    phone: ye(n),
     text: o,
     classes: {
       root: d(e == null ? void 0 : e.phoneWrapper),
@@ -1093,7 +1093,7 @@ const Yt = [
       ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
         /* @__PURE__ */ r.jsx("div", { className: d("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: o }),
         /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: l }) => /* @__PURE__ */ r.jsx(
-          je,
+          ge,
           {
             href: a,
             "aria-label": l,
@@ -1124,7 +1124,7 @@ const Yt = [
     children: /* @__PURE__ */ r.jsx(f, { name: "brandLogos/logoWhite", className: d("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
 ), pr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
-  je,
+  ge,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1165,7 +1165,7 @@ const Yt = [
       }
     )
   ] });
-}, Zn = ({
+}, Xn = ({
   socialsLinks: t,
   phones: e,
   ligal: n,
@@ -1252,7 +1252,7 @@ const Yt = [
       ]
     }
   );
-}, Xn = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ r.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+}, Jn = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ r.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
   /* @__PURE__ */ r.jsx(H, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: t }),
   /* @__PURE__ */ r.jsx(
     "div",
@@ -1363,7 +1363,7 @@ const Yt = [
     ] }),
     /* @__PURE__ */ r.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
   ] }) });
-}, we = ({ intent: t, headline: e, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: d(br({ intent: t, desktopHidden: n, mobileHidden: o })), children: e }), kr = ({ details: t, intent: e, withButton: n }) => /* @__PURE__ */ r.jsx("ul", { className: d(gr({ intent: e, withButton: n })), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ r.jsx(sr, { intent: e, data: o }, i)) }), Jn = ({
+}, ke = ({ intent: t, headline: e, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: d(br({ intent: t, desktopHidden: n, mobileHidden: o })), children: e }), kr = ({ details: t, intent: e, withButton: n }) => /* @__PURE__ */ r.jsx("ul", { className: d(gr({ intent: e, withButton: n })), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ r.jsx(sr, { intent: e, data: o }, i)) }), Yn = ({
   headline: t,
   buttonConfig: e,
   intent: n = "twoItems",
@@ -1373,7 +1373,7 @@ const Yt = [
 }) => {
   const l = n === "fourItems", u = n === "twoItems", m = i && "url" in i && s.isObject(i) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
   return /* @__PURE__ */ r.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(S, { className: d(a == null ? void 0 : a.container), children: [
-    u && /* @__PURE__ */ r.jsx(we, { intent: n, headline: t }),
+    u && /* @__PURE__ */ r.jsx(ke, { intent: n, headline: t }),
     /* @__PURE__ */ r.jsxs(
       "div",
       {
@@ -1382,17 +1382,17 @@ const Yt = [
           a == null ? void 0 : a.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ r.jsx(we, { intent: n, headline: t, desktopHidden: !0 }),
+          l && /* @__PURE__ */ r.jsx(ke, { intent: n, headline: t, desktopHidden: !0 }),
           /* @__PURE__ */ r.jsx("div", { className: d(yr({ intent: n, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
           /* @__PURE__ */ r.jsxs(
             "div",
             {
               className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ r.jsx(we, { intent: n, headline: t, mobileHidden: !0 }),
+                l && /* @__PURE__ */ r.jsx(ke, { intent: n, headline: t, mobileHidden: !0 }),
                 /* @__PURE__ */ r.jsx(kr, { details: o, intent: n, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
                 (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ r.jsx(
-                  J,
+                  z,
                   {
                     className: d("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
@@ -1407,7 +1407,7 @@ const Yt = [
       }
     )
   ] }) });
-}, ve = {
+}, we = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
@@ -1476,7 +1476,7 @@ const Yt = [
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ r.jsx(
-    je,
+    ge,
     {
       intent: "blue",
       withUnderline: !0,
@@ -1535,11 +1535,11 @@ const Yt = [
   ) });
 }, vr = (t) => {
   switch (t.mode) {
-    case ve.ESIA:
+    case we.ESIA:
       return /* @__PURE__ */ r.jsx(Ae, { ...t });
-    case ve.MOBILE_ID:
+    case we.MOBILE_ID:
       return /* @__PURE__ */ r.jsx(Ve, { ...t });
-    case ve.COMBINE:
+    case we.COMBINE:
     default:
       const { esiaConfig: e, mobileIdConfig: n, subtitle: o, badge: i, classes: a } = t, l = !o && !i ? le.Fragment : "div";
       return /* @__PURE__ */ r.jsxs(
@@ -1582,8 +1582,8 @@ const Yt = [
         }
       );
   }
-}, Yn = (t) => vr(t), qe = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: n, label: o }) => /* @__PURE__ */ r.jsx(
-  je,
+}, Gn = (t) => vr(t), qe = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: n, label: o }) => /* @__PURE__ */ r.jsx(
+  ge,
   {
     classes: {
       link: d("w-max", e == null ? void 0 : e.linkText),
@@ -1631,7 +1631,7 @@ const Yt = [
   defaultVariants: {
     variant: "fourCols"
   }
-}), Gn = ({
+}), eo = ({
   variant: t,
   details: e,
   headline: n,
@@ -1876,9 +1876,9 @@ const Yt = [
     default:
       return null;
   }
-}, Kr = ({ entity: t, classes: e, accordionsConfig: n }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Wr({ entity: t, classes: e, accordionsConfig: n }) }), eo = ({ headline: t, tabs: e, classes: n, accordionsConfig: o }) => {
+}, Kr = ({ entity: t, classes: e, accordionsConfig: n }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Wr({ entity: t, classes: e, accordionsConfig: n }) }), to = ({ headline: t, tabs: e, classes: n, accordionsConfig: o }) => {
   var u, m;
-  const [i, a] = z(0), l = ye(() => e == null ? void 0 : e.map((x) => x == null ? void 0 : x.tabName), [e]) ?? [];
+  const [i, a] = Q(0), l = je(() => e == null ? void 0 : e.map((x) => x == null ? void 0 : x.tabName), [e]) ?? [];
   return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: d(n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(S, { className: d(n == null ? void 0 : n.container), children: [
     /* @__PURE__ */ r.jsx(H, { className: d(n == null ? void 0 : n.headline), as: "h2", children: t }),
     /* @__PURE__ */ r.jsx("div", { className: d("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ r.jsx(Tr, { tabsNames: l, activeTab: i, setActiveTab: a, classes: n == null ? void 0 : n.tabs }) }),
@@ -1969,7 +1969,7 @@ class Xr extends $r {
     return Zr ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
   }
 }
-class Ce {
+class Ne {
   /**
    * Функция для парсинга ноды в react элемент
    */
@@ -2027,16 +2027,16 @@ class Ce {
     return i.map((a) => this.parseNode(a));
   }
 }
-ae(Ce, "TEXT_NODE", 3), ae(Ce, "ELEMENT_NODE", 1);
+ae(Ne, "TEXT_NODE", 3), ae(Ne, "ELEMENT_NODE", 1);
 const Jr = ({ promises: t }) => {
-  const [e, n] = z([]);
+  const [e, n] = Q([]);
   return tt(() => {
     (async () => {
       n(await t);
     })();
   }, [t]), /* @__PURE__ */ r.jsx(r.Fragment, { children: e });
-}, ge = ({ html: t, options: e, as: n, ...o }) => {
-  const i = n ?? _t, a = n ? o : {}, l = Ce.toReactNodes(t, e);
+}, be = ({ html: t, options: e, as: n, ...o }) => {
+  const i = n ?? _t, a = n ? o : {}, l = Ne.toReactNodes(t, e);
   return (
     // @ts-expect-error disable warning
     /* @__PURE__ */ r.jsx(i, { ...a, children: /* @__PURE__ */ r.jsx(Jr, { promises: l }) })
@@ -2044,7 +2044,7 @@ const Jr = ({ promises: t }) => {
 }, Yr = (t, e) => t.enabled ? e.map((n) => ({
   name: n.args.name,
   ...n.args.progress
-})) : null, Gr = new Jt(), en = ({ children: t }) => /* @__PURE__ */ r.jsx(Ot, { client: Gr, children: t }), tn = (t, e, n, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ge, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
+})) : null, Gr = new Jt(), en = ({ children: t }) => /* @__PURE__ */ r.jsx(Ot, { client: Gr, children: t }), tn = (t, e, n, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(be, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
     className: d(
@@ -2054,10 +2054,10 @@ const Jr = ({ promises: t }) => {
     ),
     children: [
       /* @__PURE__ */ r.jsx(Ye.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: e, onCheckedChange: n }),
-      /* @__PURE__ */ r.jsx(ge, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
+      /* @__PURE__ */ r.jsx(be, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
     ]
   }
-), to = ({
+), ro = ({
   fields: t,
   title: e,
   progress: n,
@@ -2066,8 +2066,8 @@ const Jr = ({ promises: t }) => {
   submitProps: a,
   classes: l
 }) => {
-  var Q, N;
-  const { submitCallback: u, ...m } = a || {}, [x, p] = z(!1), c = ut(t), g = at.getZodDefaults(c), { control: k, handleSubmit: v } = nt({
+  var V, N;
+  const { submitCallback: u, ...m } = a || {}, [x, p] = Q(!1), c = ut(t), g = at.getZodDefaults(c), { control: k, handleSubmit: v } = nt({
     schema: c,
     defaultValues: g,
     mode: "onBlur"
@@ -2092,7 +2092,7 @@ const Jr = ({ promises: t }) => {
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
-              (Q = l == null ? void 0 : l.chips) == null ? void 0 : Q.root
+              (V = l == null ? void 0 : l.chips) == null ? void 0 : V.root
             ),
             children: [
               i.image && /* @__PURE__ */ r.jsx(f, { name: i.image, className: d("size-4", (N = l == null ? void 0 : l.chips) == null ? void 0 : N.icon) }),
@@ -2111,8 +2111,8 @@ const Jr = ({ promises: t }) => {
                 St,
                 {
                   progress: P,
-                  topContent: /* @__PURE__ */ r.jsx(ge, { html: n.title }),
-                  bottomContent: /* @__PURE__ */ r.jsx(ge, { html: n.subtitle }),
+                  topContent: /* @__PURE__ */ r.jsx(be, { html: n.title }),
+                  bottomContent: /* @__PURE__ */ r.jsx(be, { html: n.subtitle }),
                   maxPercent: n.maxPercent,
                   classes: l == null ? void 0 : l.progressBar
                 }
@@ -2121,7 +2121,7 @@ const Jr = ({ promises: t }) => {
               /* @__PURE__ */ r.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
                 tn(o, x, p, l == null ? void 0 : l.approvement),
                 /* @__PURE__ */ r.jsx(
-                  ue,
+                  Ce,
                   {
                     ...m,
                     type: "submit",
@@ -2204,7 +2204,7 @@ const Jr = ({ promises: t }) => {
       text: "Вернуться на главную"
     }
   }
-}), ro = ({ status: t, navigationFn: e }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), no = ({ status: t, navigationFn: e }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ r.jsx(
     "span",
     {
@@ -2219,9 +2219,9 @@ const Jr = ({ promises: t }) => {
     /* @__PURE__ */ r.jsx(H, { as: "h2", children: de()[t].title }),
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
   ] }),
-  /* @__PURE__ */ r.jsx(ue, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
+  /* @__PURE__ */ r.jsx(Ce, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
 ] }) }) }), pt = ({ breadcrumb: t, className: e, ...n }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: d("desk-body-regular-m", e), ...n, children: t.label }), rn = ({ startsWith: t, endsWith: e, matcher: n, filter: o, rootEnabled: i = !0 }) => {
-  const [a, l] = z([]);
+  const [a, l] = Q([]);
   return tt(() => {
     if (!rt)
       return;
@@ -2253,7 +2253,7 @@ const Jr = ({ promises: t }) => {
       ...n(p)
     }))), l(o ? m.filter(o) : m);
   }, [e, o, n, i, t]), a;
-}, be = (t, e, n, o) => t.map((i, a) => {
+}, fe = (t, e, n, o) => t.map((i, a) => {
   const l = a === o;
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ r.jsx(
@@ -2268,9 +2268,9 @@ const Jr = ({ promises: t }) => {
     a !== t.length - 1 && e
   ] }, i.id);
 }), nn = ({ separator: t, ellipsis: e, classes: n, ...o }) => {
-  const [i, a] = z(!1), l = Ee(null);
+  const [i, a] = Q(!1), l = Ee(null);
   zt(l, () => a(!1));
-  const u = rn(o), { first: m, middle: x, last: p } = ye(() => {
+  const u = rn(o), { first: m, middle: x, last: p } = je(() => {
     let g = [], k = [], v = [];
     return e && (g = u.slice(0, e), k = u.slice(e, u.length - e), v = u.slice(u.length - e)), { first: g, middle: k, last: v };
   }, [u, e]), c = t ?? /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: d("size-4", n == null ? void 0 : n.separator) });
@@ -2288,7 +2288,7 @@ const Jr = ({ promises: t }) => {
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            be(m, c, n == null ? void 0 : n.breadcrumb),
+            fe(m, c, n == null ? void 0 : n.breadcrumb),
             c,
             x.length > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
               /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
@@ -2322,28 +2322,28 @@ const Jr = ({ promises: t }) => {
               ] }),
               c
             ] }),
-            be(p, c, n == null ? void 0 : n.breadcrumb, p.length - 1)
+            fe(p, c, n == null ? void 0 : n.breadcrumb, p.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          be(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
+          fe(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        be(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
+        fe(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
       )
     }
   );
 };
-var me = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(me || {});
+var ue = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(ue || {});
 const on = (t, e) => {
   switch (e.type) {
-    case me.ROOT:
+    case ue.ROOT:
       return {
         ...t,
         root: e.payload
       };
-    case me.CURRENT:
+    case ue.CURRENT:
       return {
         ...t,
         current: e.payload
@@ -2355,10 +2355,10 @@ const on = (t, e) => {
   const [e, n] = Ht(on, t);
   return [e, n];
 }, dn = (t) => ({
-  type: me.CURRENT,
+  type: ue.CURRENT,
   payload: t
 }), ln = (t) => ({
-  type: me.ROOT,
+  type: ue.ROOT,
   payload: t
 }), un = ({ categories: t, ...e }) => {
   var n, o;
@@ -2436,7 +2436,7 @@ const on = (t, e) => {
     }
   );
 }), xn = Fe(mn), hn = ({ categories: t }) => {
-  const [e, n] = z(null), o = Ge((a) => {
+  const [e, n] = Q(null), o = Ge((a) => {
     n(a);
   }, []), i = Ee(null);
   return /* @__PURE__ */ r.jsx(Bt, { mode: "sync", children: /* @__PURE__ */ r.jsxs(
@@ -2545,7 +2545,7 @@ const on = (t, e) => {
         {
           href: `tel:${n}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: se(n, "x xxx xxx xx xx")
+          children: ye(n, "x xxx xxx xx xx")
         }
       )
     ] }),
@@ -2596,9 +2596,9 @@ const on = (t, e) => {
   value: e.title ?? "",
   label: e.title ?? ""
 })), jn = ({ categories: t, helpers: e, phone: n, ...o }) => {
-  const i = gn(t), [a, l] = z(i[0]), u = (x) => {
+  const i = gn(t), [a, l] = Q(i[0]), u = (x) => {
     s.isUndefined(x) || s.isArray(x) || l(x);
-  }, m = ye(() => {
+  }, m = je(() => {
     var x;
     return s.isUndefined(a) || s.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
   }, [a, t]);
@@ -2631,7 +2631,7 @@ const on = (t, e) => {
           }),
           /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: `tel:${n}`, className: "flex w-full items-center gap-x-1", children: [
             /* @__PURE__ */ r.jsx(f, { name: "communication/phone", className: "size-4" }),
-            se(n)
+            ye(n)
           ] }) })
         ] })
       ]
@@ -2639,7 +2639,7 @@ const on = (t, e) => {
   );
 }, yn = ({ categories: t, helpers: e, phone: n }) => {
   var m, x, p;
-  const o = Ee(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = z(!1), u = () => l(!a);
+  const o = Ee(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = Q(!1), u = () => l(!a);
   return /* @__PURE__ */ r.jsxs("div", { ref: o, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
     /* @__PURE__ */ r.jsx(f, { name: "brandLogos/logoMain", className: "w-[130px]" }),
     /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(f, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
@@ -2659,7 +2659,7 @@ const on = (t, e) => {
       ((p = (x = document.body.querySelector("#modal-preview")) == null ? void 0 : x.contentDocument) == null ? void 0 : p.body) ?? document.body
     )
   ] });
-}, no = ({ categories: t, helpers: e, phone: n }) => {
+}, oo = ({ categories: t, helpers: e, phone: n }) => {
   const { isMobile: o } = Y();
   return /* @__PURE__ */ r.jsxs("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
     o ? /* @__PURE__ */ r.jsx(yn, { categories: t.map((i) => i.children).flat(), helpers: e, phone: n }) : /* @__PURE__ */ r.jsx(fn, { categories: t, helpers: e, phone: n }),
@@ -2685,19 +2685,26 @@ const on = (t, e) => {
       break;
   }
   return new Intl.NumberFormat("ru-RU", o).format(n);
-}, sn = (t) => Object.values(t).reduce((n, o) => n.merge(ut(o.fields)), At.object({})), kn = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, bt = (t, e) => {
-  const n = Object.entries(e).map(([m, x]) => [m, x !== null ? x : "1"]), o = n.map(([m]) => m), i = n.map(([, m]) => m), a = kn(t, Object.fromEntries(n)), u = new Function(...o, `return ${a};`)(...i.map(Number));
+}, sn = (t, e) => {
+  switch (t) {
+    case "text":
+      return e;
+    default:
+      return ft(t, Number(e));
+  }
+}, kn = (t) => Object.values(t).reduce((n, o) => n.merge(ut(o.fields)), At.object({})), wn = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, bt = (t, e) => {
+  const n = Object.entries(e).map(([m, x]) => [m, x !== null ? x : "1"]), o = n.map(([m]) => m), i = n.map(([, m]) => m), a = wn(t, Object.fromEntries(n)), u = new Function(...o, `return ${a};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, wn = (t, e) => t.map((n) => ({
+}, vn = (t, e) => t.map((n) => ({
   ...n,
   value: ct(n.value) ? bt(n.value.formula, e) : n.value
-})), vn = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
+})), Nn = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
   e && /* @__PURE__ */ r.jsx(H, { as: "h3", children: e }),
   t && /* @__PURE__ */ r.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
-] }) }), Nn = ({ rootDescription: t, rootValue: e, suffix: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
+] }) }), Cn = ({ rootDescription: t, rootValue: e, suffix: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
   /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: t }),
   /* @__PURE__ */ r.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ r.jsx("span", { children: ft(n, Number(e)) }) })
-] }), Cn = ({ hint: t, value: e, label: n, suffix: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+] }), In = ({ hint: t, value: e, label: n, mode: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: n }),
     t && /* @__PURE__ */ r.jsx(
@@ -2712,33 +2719,30 @@ const on = (t, e) => {
   /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: d("desk-body-regular-l text-color-dark", {
+      className: d("desk-body-medium-l text-color-dark", {
         "[&&]:desk-title-bold-s": a,
         "text-color-primary-default": i === "blue"
       }),
-      children: ft(o, Number(e))
+      children: sn(o, e)
     }
   )
-] }), In = ({ infoList: t }) => {
-  const { watch: e } = ot(), n = e(), o = wn(t, n);
-  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ r.jsx(Cn, { ...i }, i.label)) });
-}, Tn = ({ iconName: t, text: e, hint: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
+] }), Tn = ({ infoList: t }) => {
+  const { watch: e } = ot(), n = e(), o = vn(t, n);
+  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ r.jsx(In, { ...i }, i.label)) });
+}, Mn = ({ iconName: t, text: e, hint: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
   /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ r.jsx(f, { name: t, className: "size-6 text-icon-blue-grey-800" }),
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: e })
   ] }),
   n && /* @__PURE__ */ r.jsx(Ie, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: n }) })
-] }), Mn = ({ assistHint: t, buttonsConfig: e, bottomDescription: n }) => {
-  const { primaryBtn: o } = e;
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    t && /* @__PURE__ */ r.jsx(Tn, { ...t }),
-    /* @__PURE__ */ r.jsxs("div", { className: d("flex items-center gap-4 mobile:flex-col"), children: [
-      /* @__PURE__ */ r.jsx(ue, { className: "w-full", ...o, children: o.children }),
-      (e == null ? void 0 : e.secondaryBtn) && /* @__PURE__ */ r.jsx(ue, { className: "w-full", intent: "secondary", ...e.secondaryBtn, children: e.secondaryBtn.children })
-    ] }),
-    n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: n })
-  ] });
-}, En = ({
+] }), En = ({ assistHint: t, buttonsConfig: e, bottomDescription: n }) => /* @__PURE__ */ r.jsxs("div", { children: [
+  t && /* @__PURE__ */ r.jsx(Mn, { ...t }),
+  /* @__PURE__ */ r.jsxs("div", { className: d("flex items-center gap-4 mobile:flex-col"), children: [
+    /* @__PURE__ */ r.jsx(z, { className: "w-full", ...e.primaryBtn }),
+    (e == null ? void 0 : e.secondaryBtn) && /* @__PURE__ */ r.jsx(z, { className: "w-full", ...e.secondaryBtn })
+  ] }),
+  n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: n })
+] }), Fn = ({
   rootDescription: t,
   bottomDescription: e,
   rootValue: n,
@@ -2749,18 +2753,18 @@ const on = (t, e) => {
   suffix: u,
   assistHint: m
 }) => /* @__PURE__ */ r.jsxs("div", { className: "w-[456px] rounded-md bg-color-blue-grey-100 p-8", children: [
-  /* @__PURE__ */ r.jsx(Nn, { suffix: u, rootValue: n, rootDescription: t }),
-  /* @__PURE__ */ r.jsx(vn, { title: o, subtitle: i }),
-  /* @__PURE__ */ r.jsx(In, { infoList: l }),
-  /* @__PURE__ */ r.jsx(Mn, { assistHint: m, buttonsConfig: a, bottomDescription: e })
-] }), Fn = (t) => {
+  /* @__PURE__ */ r.jsx(Cn, { suffix: u, rootValue: n, rootDescription: t }),
+  /* @__PURE__ */ r.jsx(Nn, { title: o, subtitle: i }),
+  /* @__PURE__ */ r.jsx(Tn, { infoList: l }),
+  /* @__PURE__ */ r.jsx(En, { assistHint: m, buttonsConfig: a, bottomDescription: e })
+] }), On = (t) => {
   switch (t) {
     case "content1":
       return /* @__PURE__ */ r.jsx("div", { children: "content 1" });
     case "content2":
       return /* @__PURE__ */ r.jsx("div", { children: "content 2" });
   }
-}, On = ({ triggerText: t, modalTitle: e, description: n, contentVariant: o }) => {
+}, Sn = ({ triggerText: t, modalTitle: e, description: n, contentVariant: o }) => {
   const [i, a] = Ut(!1);
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
     n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: n }),
@@ -2772,21 +2776,21 @@ const on = (t, e) => {
         children: t
       }
     ),
-    /* @__PURE__ */ r.jsx(Rt, { title: e, isModalOpen: i, closeModal: () => a(!1), children: Fn(o) })
+    /* @__PURE__ */ r.jsx(Rt, { title: e, isModalOpen: i, closeModal: () => a(!1), children: On(o) })
   ] });
-}, Z = ({ fields: t }) => {
+}, X = ({ fields: t }) => {
   const { control: e } = ot();
   return /* @__PURE__ */ r.jsx(ht, { control: e, fields: t });
-}, Sn = ({ modalConfig: t, fieldsGroup: e }) => /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
-  t && /* @__PURE__ */ r.jsx(On, { ...t }),
-  (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.selectGroupConfig }) }),
-  (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.slidersGroupConfig }),
-  (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.radioGroupTabConfig }),
-  (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
-  (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.radioGroupConfig }),
-  (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.radioGroupCardConfig }),
-  (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(Z, { ...e == null ? void 0 : e.switchGroupConfig }) })
-] }), Bn = Fe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: n }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: o, label: i }) => /* @__PURE__ */ r.jsx(
+}, Bn = ({ modalConfig: t, fieldsGroup: e }) => /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
+  t && /* @__PURE__ */ r.jsx(Sn, { ...t }),
+  (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.selectGroupConfig }) }),
+  (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.slidersGroupConfig }),
+  (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.radioGroupTabConfig }),
+  (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
+  (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.radioGroupConfig }),
+  (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.radioGroupCardConfig }),
+  (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...e == null ? void 0 : e.switchGroupConfig }) })
+] }), Rn = Fe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: n }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: o, label: i }) => /* @__PURE__ */ r.jsx(
   "button",
   {
     onClick: () => n(o),
@@ -2797,26 +2801,26 @@ const on = (t, e) => {
     children: i
   },
   o
-)) })), Rn = ({
+)) })), _n = ({
   calculatorInfoConfig: t,
   calculatorFieldsConfig: e
 }) => {
-  const n = sn(e == null ? void 0 : e.fieldsGroup), o = nt({
+  const n = kn(e == null ? void 0 : e.fieldsGroup), o = nt({
     schema: n,
     mode: "onBlur",
     defaultValues: at.getZodDefaults(n)
   }), i = o.watch(), { rootValue: a } = t, l = ct(a) ? bt(a.formula, i) : a, u = { ...t, rootValue: l };
   return /* @__PURE__ */ r.jsx(Qt, { ...o, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ r.jsx(Sn, { ...e }),
-    /* @__PURE__ */ r.jsx(En, { ...u })
+    /* @__PURE__ */ r.jsx(Bn, { ...e }),
+    /* @__PURE__ */ r.jsx(Fn, { ...u })
   ] }) });
-}, oo = ({ calculators: t, headline: e }) => {
+}, io = ({ calculators: t, headline: e }) => {
   var m;
-  const n = t.length > 1, [o, i] = z(n ? (m = t[0]) == null ? void 0 : m.name : ""), a = ye(() => t == null ? void 0 : t.map(({ name: x, label: p }) => ({ name: x, label: p })), [t]), l = n ? a == null ? void 0 : a.findIndex((x) => x.name === o) : 0, u = t[l];
+  const n = t.length > 1, [o, i] = Q(n ? (m = t[0]) == null ? void 0 : m.name : ""), a = je(() => t == null ? void 0 : t.map(({ name: x, label: p }) => ({ name: x, label: p })), [t]), l = n ? a == null ? void 0 : a.findIndex((x) => x.name === o) : 0, u = t[l];
   return /* @__PURE__ */ r.jsx("section", { id: b.calculator, children: /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
     /* @__PURE__ */ r.jsx(H, { className: "mb-12", as: "h2", children: e }),
     n && /* @__PURE__ */ r.jsx(
-      Bn,
+      Rn,
       {
         calculatorTabs: a,
         activeCalculator: o,
@@ -2824,7 +2828,7 @@ const on = (t, e) => {
       }
     ),
     /* @__PURE__ */ r.jsx(
-      Rn,
+      _n,
       {
         name: u.name,
         label: u.label,
@@ -2835,27 +2839,27 @@ const on = (t, e) => {
   ] }) }) });
 };
 export {
-  Ne as Advantages,
-  Yn as AuthProvider,
-  $n as Banner,
+  ve as Advantages,
+  Gn as AuthProvider,
+  Zn as Banner,
   Qe as BannerWithSeparateImg,
-  Wn as Benefit,
+  Kn as Benefit,
   nn as Breadcrumbs,
-  J as ButtonWithHandlers,
-  oo as Calculator,
-  Rn as CalculatorView,
-  to as DynamicForm,
-  ro as FallbacksView,
+  z as ButtonWithHandlers,
+  io as Calculator,
+  _n as CalculatorView,
+  ro as DynamicForm,
+  no as FallbacksView,
   ht as FieldMapper,
-  Zn as Footer,
+  Xn as Footer,
   Xr as HTMLParser,
-  ge as HTMLRenderer,
-  Kn as Header,
-  Gn as InterLinking,
-  Jn as LongBanner,
-  no as SeoHeader,
-  Xn as Stepper,
-  eo as UsefulInfo,
+  be as HTMLRenderer,
+  $n as Header,
+  eo as InterLinking,
+  Yn as LongBanner,
+  oo as SeoHeader,
+  Jn as Stepper,
+  to as UsefulInfo,
   Yt as WIDGET_LIST,
   ut as getDynamicSchema,
   Gr as queryClient,